From dd804d76e7659e062f38aa1e4e0874da5d456844 Mon Sep 17 00:00:00 2001
From: unknown <1535852499@qq.com>
Date: Fri, 8 Dec 2023 08:43:13 +0800
Subject: [PATCH] zyh

---
 .../components/ChiClone_20231107142342.vue    |  639 ------
 .../components/ChiClone_20231107142413.vue    |  639 ------
 .../components/ChiClone_20231107142523.vue    |  640 ------
 .../components/ChiClone_20231107142544.vue    |  641 ------
 .../components/ChiClone_20231107142617.vue    |  641 ------
 .../components/ChiClone_20231107142633.vue    |  642 ------
 .../components/ChiClone_20231107142654.vue    |  642 ------
 .../components/ChiClone_20231107142739.vue    |  643 ------
 .../components/ChiClone_20231107142821.vue    |  643 ------
 .../components/ChiClone_20231107142830.vue    |  642 ------
 .../components/ChiClone_20231107143123.vue    |  643 ------
 .../components/ChiClone_20231107143356.vue    |  653 ------
 .../components/ChiClone_20231107143646.vue    |  653 ------
 .../components/ChiClone_20231107143716.vue    |  653 ------
 .../components/ChiClone_20231107143748.vue    |  654 ------
 .../components/ChiClone_20231107143824.vue    |  654 ------
 .../components/ChiClone_20231107144029.vue    |  654 ------
 .../components/ChiClone_20231107144142.vue    |  657 ------
 .../components/ChiClone_20231107144242.vue    |  661 ------
 .../components/ChiClone_20231107144301.vue    |  662 ------
 .../components/ChiClone_20231107144312.vue    |  660 ------
 .../components/ChiClone_20231107144610.vue    |  660 ------
 .../components/ChiClone_20231107144654.vue    |  660 ------
 .../components/ChiClone_20231107145219.vue    |  666 ------
 .../components/ChiClone_20231107145241.vue    |  672 -------
 .../components/ChiClone_20231107145258.vue    |  672 -------
 .../components/ChiClone_20231107145334.vue    |  673 -------
 .../components/ChiClone_20231107145335.vue    |  673 -------
 .../components/ChiClone_20231107145451.vue    |  674 -------
 .../components/ChiClone_20231107145619.vue    |  674 -------
 .../components/ChiClone_20231208083555.vue    | 1022 ++++++++++
 .../components/ChiClone_20231208083557.vue    | 1022 ++++++++++
 .../ChiCollection_20231106112807.vue          |  666 ------
 .../ChiCollection_20231106145501.vue          |  664 ------
 .../ChiCollection_20231107103507.vue          |  664 ------
 .../ChiCollection_20231107103508.vue          |  664 ------
 .../ChiCollection_20231107103546.vue          |  665 ------
 .../ChiCollection_20231107105138.vue          |  667 ------
 .../ChiCollection_20231107140618.vue          |  668 ------
 .../ChiCollection_20231107140844.vue          |  670 ------
 .../ChiCollection_20231107140857.vue          |  674 -------
 .../ChiCollection_20231107140935.vue          |  676 -------
 .../ChiCollection_20231107141015.vue          |  676 -------
 .../ChiCollection_20231107141126.vue          |  677 -------
 .../ChiCollection_20231107141221.vue          |  677 -------
 .../ChiCollection_20231107141304.vue          |  677 -------
 .../ChiCollection_20231107141305.vue          |  677 -------
 .../ChiCollection_20231107141441.vue          |  678 -------
 .../ChiCollection_20231107141448.vue          |  678 -------
 .../ChiCollection_20231107141453.vue          |  678 -------
 .../ChiCollection_20231107141717.vue          |  678 -------
 .../ChiCollection_20231107141946.vue          |  677 -------
 .../ChiCollection_20231107141949.vue          |  677 -------
 .../ChiCollection_20231107142007.vue          |  678 -------
 .../ChiCollection_20231107142051.vue          |  678 -------
 .../ChiCollection_20231107142059.vue          |  678 -------
 .../ChiCollection_20231107143407.vue          |  678 -------
 .../ChiCollection_20231107143417.vue          |  678 -------
 .../ChiCollection_20231107143612.vue          |  678 -------
 .../ChiCollection_20231208083615.vue          | 1788 +++++++++++++++++
 .../ChiCollection_20231208083616.vue          | 1788 +++++++++++++++++
 .../ChiCollection_20231208083621.vue          | 1788 +++++++++++++++++
 .../ChiCollection_20231208083627.vue          | 1788 +++++++++++++++++
 .../components/DeviceWirle_20231106134715.vue |  451 -----
 .../components/DeviceWirle_20231106134721.vue |  451 -----
 .../components/DeviceWirle_20231106135611.vue |  449 -----
 .../components/DeviceWirle_20231107105804.vue |  451 -----
 .../components/DeviceWirle_20231107105810.vue |  451 -----
 .../components/DeviceWirle_20231107105833.vue |  386 ----
 .../components/DeviceWirle_20231107105848.vue |  380 ----
 .../components/DeviceWirle_20231107105859.vue |  380 ----
 .../components/DeviceWirle_20231107105917.vue |  380 ----
 .../components/DeviceWirle_20231107105932.vue |  380 ----
 .../components/DeviceWirle_20231107110131.vue |  354 ----
 .../components/DeviceWirle_20231107113056.vue |  354 ----
 .../components/DeviceWirle_20231107120624.vue |  354 ----
 .../components/DeviceWirle_20231107120625.vue |  354 ----
 .../components/DeviceWirle_20231107190109.vue |  355 ----
 .../components/DeviceWirle_20231107190153.vue |  356 ----
 .../components/DeviceWirle_20231107190624.vue |  356 ----
 .../components/DeviceWirle_20231208083931.vue |  876 ++++++++
 .../components/DeviceWirle_20231208084001.vue |  876 ++++++++
 .../components/DeviceWirle_20231208084011.vue |  876 ++++++++
 .../components/DeviceWirle_20231208084022.vue |  876 ++++++++
 .../src/components/GateWay_20231025160227.vue |  203 --
 .../src/components/GateWay_20231030110346.vue |  204 --
 .../src/components/GateWay_20231101132651.vue |  204 --
 .../src/components/GateWay_20231102085655.vue |  378 ----
 .../src/components/GateWay_20231102085705.vue |  378 ----
 .../src/components/GateWay_20231102085706.vue |  378 ----
 .../src/components/GateWay_20231102085714.vue |  376 ----
 .../src/components/GateWay_20231102154417.vue |  381 ----
 .../src/components/GateWay_20231102154427.vue |  381 ----
 .../src/components/GateWay_20231102154848.vue |  381 ----
 .../src/components/GateWay_20231102155447.vue |  384 ----
 .../src/components/GateWay_20231102155457.vue |  381 ----
 .../src/components/GateWay_20231103091740.vue |  380 ----
 .../src/components/GateWay_20231103091744.vue |  381 ----
 .../src/components/GateWay_20231103092554.vue |  389 ----
 .../src/components/GateWay_20231103092850.vue |  391 ----
 .../src/components/GateWay_20231103092909.vue |  389 ----
 .../src/components/GateWay_20231103092952.vue |  390 ----
 .../src/components/GateWay_20231103095042.vue |  390 ----
 .../src/components/GateWay_20231103100117.vue |  392 ----
 .../src/components/GateWay_20231103100250.vue |  395 ----
 .../src/components/GateWay_20231103100258.vue |  395 ----
 .../src/components/GateWay_20231103100259.vue |  395 ----
 .../src/components/GateWay_20231103101818.vue |  398 ----
 .../src/components/GateWay_20231103102206.vue |  402 ----
 .../src/components/GateWay_20231103102247.vue |  404 ----
 .../src/components/GateWay_20231103102457.vue |  407 ----
 .../src/components/GateWay_20231103102535.vue |  407 ----
 .../src/components/GateWay_20231103102640.vue |  407 ----
 .../src/components/GateWay_20231103102844.vue |  404 ----
 .../src/components/GateWay_20231103103156.vue |  404 ----
 .../src/components/GateWay_20231103103326.vue |  402 ----
 .../src/components/GateWay_20231103103540.vue |  402 ----
 .../src/components/GateWay_20231103103554.vue |  402 ----
 .../src/components/GateWay_20231103103631.vue |  402 ----
 .../src/components/GateWay_20231103103713.vue |  404 ----
 .../src/components/GateWay_20231103103745.vue |  406 ----
 .../src/components/GateWay_20231103103756.vue |  406 ----
 .../src/components/GateWay_20231103103930.vue |  407 ----
 .../src/components/GateWay_20231103104018.vue |  408 ----
 .../src/components/GateWay_20231103104025.vue |  409 ----
 .../src/components/GateWay_20231103104115.vue |  409 ----
 .../src/components/GateWay_20231103104736.vue |  413 ----
 .../src/components/GateWay_20231103104745.vue |  412 ----
 .../src/components/GateWay_20231103104901.vue |  413 ----
 .../src/components/GateWay_20231103105621.vue |  416 ----
 .../src/components/GateWay_20231103105636.vue |  416 ----
 .../src/components/GateWay_20231103105640.vue |  416 ----
 .../src/components/GateWay_20231103105834.vue |  408 ----
 .../src/components/GateWay_20231103105837.vue |  408 ----
 .../src/components/GateWay_20231103110006.vue |  409 ----
 .../src/components/GateWay_20231103110019.vue |  409 ----
 .../src/components/GateWay_20231103110042.vue |  408 ----
 .../src/components/GateWay_20231103110607.vue |  416 ----
 .../src/components/GateWay_20231103110658.vue |  415 ----
 .../src/components/GateWay_20231103110659.vue |  415 ----
 .../src/components/GateWay_20231103110734.vue |  416 ----
 .../src/components/GateWay_20231103110805.vue |  413 ----
 .../src/components/GateWay_20231103110832.vue |  413 ----
 .../src/components/GateWay_20231103110932.vue |  416 ----
 .../src/components/GateWay_20231103111158.vue |  416 ----
 .../src/components/GateWay_20231103111326.vue |  417 ----
 .../src/components/GateWay_20231103111559.vue |  422 ----
 .../src/components/GateWay_20231103111623.vue |  423 ----
 .../src/components/GateWay_20231103111653.vue |  424 ----
 .../src/components/GateWay_20231103111722.vue |  424 ----
 .../src/components/GateWay_20231103111729.vue |  424 ----
 .../src/components/GateWay_20231103111732.vue |  424 ----
 .../src/components/GateWay_20231103111743.vue |  424 ----
 .../src/components/GateWay_20231103111756.vue |  424 ----
 .../src/components/GateWay_20231103111812.vue |  424 ----
 .../src/components/GateWay_20231103111841.vue |  424 ----
 .../src/components/GateWay_20231103111940.vue |  425 ----
 .../src/components/GateWay_20231103112015.vue |  429 ----
 .../src/components/GateWay_20231103112118.vue |  438 ----
 .../src/components/GateWay_20231103112131.vue |  438 ----
 .../src/components/GateWay_20231103112200.vue |  439 ----
 .../src/components/GateWay_20231103112232.vue |  443 ----
 .../src/components/GateWay_20231103112559.vue |  443 ----
 .../src/components/GateWay_20231103130726.vue |  443 ----
 .../src/components/GateWay_20231103131402.vue |  434 ----
 .../src/components/GateWay_20231103131410.vue |  434 ----
 .../src/components/GateWay_20231103131500.vue |  434 ----
 .../src/components/GateWay_20231103143735.vue |  434 ----
 .../src/components/GateWay_20231106092033.vue |  434 ----
 .../src/components/GateWay_20231106092034.vue |  434 ----
 .../src/components/GateWay_20231106092047.vue |  434 ----
 .../src/components/GateWay_20231106092051.vue |  434 ----
 .../src/components/GateWay_20231106092511.vue |  434 ----
 .../src/components/GateWay_20231106093124.vue |  425 ----
 .../src/components/GateWay_20231106093133.vue |  425 ----
 .../src/components/GateWay_20231106093939.vue |  427 ----
 .../src/components/GateWay_20231106094010.vue |  428 ----
 .../src/components/GateWay_20231106094102.vue |  429 ----
 .../src/components/GateWay_20231106094107.vue |  429 ----
 .../src/components/GateWay_20231106094127.vue |  430 ----
 .../src/components/GateWay_20231106134657.vue |  511 -----
 .../src/components/GateWay_20231106141231.vue |  522 -----
 .../src/components/GateWay_20231106141511.vue |  522 -----
 .../src/components/GateWay_20231106141527.vue |  522 -----
 .../src/components/GateWay_20231106141558.vue |  522 -----
 .../src/components/GateWay_20231106141828.vue |  523 -----
 .../src/components/GateWay_20231106141839.vue |  523 -----
 .../src/components/GateWay_20231106141924.vue |  523 -----
 .../src/components/GateWay_20231106142009.vue |  523 -----
 .../src/components/GateWay_20231106142054.vue |  523 -----
 .../src/components/GateWay_20231106142311.vue |  506 -----
 .../src/components/GateWay_20231106142326.vue |  506 -----
 .../src/components/GateWay_20231106142732.vue |  506 -----
 .../src/components/GateWay_20231106143103.vue |  506 -----
 .../src/components/GateWay_20231106143107.vue |  506 -----
 .../src/components/GateWay_20231106143156.vue |  506 -----
 .../src/components/GateWay_20231106143158.vue |  459 -----
 .../src/components/GateWay_20231106143159.vue |  459 -----
 .../src/components/GateWay_20231106143243.vue |  459 -----
 .../src/components/GateWay_20231106143246.vue |  459 -----
 .../src/components/GateWay_20231106143305.vue |  459 -----
 .../src/components/GateWay_20231106143403.vue |  506 -----
 .../src/components/GateWay_20231106143523.vue |  506 -----
 .../src/components/GateWay_20231106143531.vue |  506 -----
 .../src/components/GateWay_20231106143559.vue |  506 -----
 .../src/components/GateWay_20231106143617.vue |  506 -----
 .../src/components/GateWay_20231106144445.vue |  506 -----
 .../src/components/GateWay_20231106152017.vue |  460 -----
 .../src/components/GateWay_20231106152049.vue |  460 -----
 .../src/components/GateWay_20231106152107.vue |  461 -----
 .../src/components/GateWay_20231106152113.vue |  463 -----
 .../src/components/GateWay_20231106152120.vue |  463 -----
 .../src/components/GateWay_20231106155001.vue |  463 -----
 .../src/components/GateWay_20231106160001.vue |  506 -----
 .../src/components/GateWay_20231106160037.vue |  463 -----
 .../src/components/GateWay_20231106160038.vue |  463 -----
 .../src/components/GateWay_20231106160329.vue |  481 -----
 .../src/components/GateWay_20231106160354.vue |  481 -----
 .../src/components/GateWay_20231106160359.vue |  481 -----
 .../src/components/GateWay_20231106160508.vue |  481 -----
 .../src/components/GateWay_20231106160626.vue |  481 -----
 .../src/components/GateWay_20231106160733.vue |  481 -----
 .../src/components/GateWay_20231106160751.vue |  481 -----
 .../src/components/GateWay_20231106160852.vue |  481 -----
 .../src/components/GateWay_20231106160900.vue |  481 -----
 .../src/components/GateWay_20231106160933.vue |  482 -----
 .../src/components/GateWay_20231106161053.vue |  482 -----
 .../src/components/GateWay_20231106161114.vue |  482 -----
 .../src/components/GateWay_20231106161712.vue |  482 -----
 .../src/components/GateWay_20231106162023.vue |  482 -----
 .../src/components/GateWay_20231106162025.vue |  482 -----
 .../src/components/GateWay_20231106162026.vue |  482 -----
 .../src/components/GateWay_20231106162251.vue |  482 -----
 .../src/components/GateWay_20231106162419.vue |  482 -----
 .../src/components/GateWay_20231106162427.vue |  482 -----
 .../src/components/GateWay_20231106162733.vue |  482 -----
 .../src/components/GateWay_20231106162734.vue |  482 -----
 .../src/components/GateWay_20231106162857.vue |  483 -----
 .../src/components/GateWay_20231106164419.vue |  482 -----
 .../src/components/GateWay_20231106165306.vue |  522 -----
 .../src/components/GateWay_20231106165402.vue |  482 -----
 .../src/components/GateWay_20231106165439.vue |  483 -----
 .../src/components/GateWay_20231106165506.vue |  483 -----
 .../src/components/GateWay_20231106165511.vue |  483 -----
 .../src/components/GateWay_20231106165536.vue |  479 -----
 .../src/components/GateWay_20231106170001.vue |  479 -----
 .../src/components/GateWay_20231106170012.vue |  479 -----
 .../src/components/GateWay_20231106170028.vue |  479 -----
 .../src/components/GateWay_20231106170029.vue |  479 -----
 .../src/components/GateWay_20231107090551.vue |  484 -----
 .../src/components/GateWay_20231107090700.vue |  484 -----
 .../src/components/GateWay_20231107182238.vue |  484 -----
 .../src/components/GateWay_20231107182356.vue |  484 -----
 .../src/components/GateWay_20231107182849.vue |  484 -----
 .../src/components/GateWay_20231107185027.vue |  484 -----
 .../src/components/GateWay_20231107185051.vue |  484 -----
 .../src/components/GateWay_20231107185128.vue |  486 -----
 .../src/components/GateWay_20231107185256.vue |  486 -----
 .../src/components/GateWay_20231208083814.vue |  704 +++++++
 .../src/components/GateWay_20231208083821.vue |  704 +++++++
 .../src/components/GateWay_20231208083827.vue |  704 +++++++
 .../components/SerialPort_20231106122404.vue  |  929 ---------
 .../components/SerialPort_20231107100545.vue  |  953 ---------
 .../components/SerialPort_20231107100906.vue  |  953 ---------
 .../components/SerialPort_20231107100949.vue  |  953 ---------
 .../components/SerialPort_20231107101059.vue  |  965 ---------
 .../components/SerialPort_20231107101159.vue  |  965 ---------
 .../components/SerialPort_20231107101228.vue  |  958 ---------
 .../components/SerialPort_20231107101243.vue  |  958 ---------
 .../components/SerialPort_20231107101407.vue  |  974 ---------
 .../components/SerialPort_20231107101411.vue  |  974 ---------
 .../components/SerialPort_20231107101459.vue  |  973 ---------
 .../components/SerialPort_20231107101501.vue  |  973 ---------
 .../components/SerialPort_20231107102207.vue  |  973 ---------
 .../components/SerialPort_20231107102245.vue  |  973 ---------
 .../components/SerialPort_20231107102407.vue  |  973 ---------
 .../components/SerialPort_20231107102420.vue  |  973 ---------
 .../components/SerialPort_20231107110413.vue  |  973 ---------
 .../components/SerialPort_20231107110540.vue  |  973 ---------
 .../components/SerialPort_20231107110716.vue  |  973 ---------
 .../components/SerialPort_20231107110728.vue  |  971 ---------
 .../components/SerialPort_20231107110738.vue  |  971 ---------
 .../components/SerialPort_20231107110801.vue  |  969 ---------
 .../components/SerialPort_20231107110836.vue  |  969 ---------
 .../components/SerialPort_20231107110843.vue  |  969 ---------
 .../components/SerialPort_20231107110845.vue  |  969 ---------
 .../components/SerialPort_20231107110857.vue  |  969 ---------
 .../components/SerialPort_20231107111012.vue  |  970 ---------
 .../components/SerialPort_20231107111027.vue  |  970 ---------
 .../components/SerialPort_20231107111116.vue  |  970 ---------
 .../components/SerialPort_20231107111127.vue  |  971 ---------
 .../components/SerialPort_20231107111222.vue  |  971 ---------
 .../components/SerialPort_20231107111359.vue  |  971 ---------
 .../components/SerialPort_20231107111401.vue  |  971 ---------
 .../components/SerialPort_20231107120540.vue  |  971 ---------
 .../components/SerialPort_20231208083536.vue  | 1561 ++++++++++++++
 .../components/TreeView_20231106095526.vue    |  677 -------
 .../components/TreeView_20231106101006.vue    |  677 -------
 .../components/TreeView_20231106101009.vue    |  678 -------
 .../components/TreeView_20231106113012.vue    |  678 -------
 .../components/TreeView_20231106121652.vue    |  678 -------
 .../components/TreeView_20231106121736.vue    |  681 -------
 .../components/TreeView_20231106121747.vue    |  683 -------
 .../components/TreeView_20231106121750.vue    |  683 -------
 .../components/TreeView_20231106122043.vue    |  683 -------
 .../components/TreeView_20231106122202.vue    |  682 -------
 .../components/TreeView_20231106135150.vue    |  858 --------
 .../components/TreeView_20231106135201.vue    |  848 --------
 .../components/TreeView_20231106140408.vue    |  848 --------
 .../components/TreeView_20231106140507.vue    |  848 --------
 .../components/TreeView_20231106154505.vue    |  849 --------
 .../components/TreeView_20231106154629.vue    |  698 -------
 .../components/TreeView_20231106154631.vue    |  698 -------
 .../components/TreeView_20231106154632.vue    |  698 -------
 .../components/TreeView_20231106173335.vue    |  698 -------
 .../components/TreeView_20231106175352.vue    |  698 -------
 .../components/TreeView_20231106175355.vue    |  698 -------
 .../components/TreeView_20231106175356.vue    |  698 -------
 .../components/TreeView_20231107083213.vue    |  698 -------
 .../components/TreeView_20231107083543.vue    |  699 -------
 .../components/TreeView_20231107083550.vue    |  699 -------
 .../components/TreeView_20231107083551.vue    |  699 -------
 .../components/TreeView_20231107084211.vue    |  699 -------
 .../components/TreeView_20231107084253.vue    |  699 -------
 .../components/TreeView_20231107084455.vue    |  706 -------
 .../components/TreeView_20231107084504.vue    |  706 -------
 .../components/TreeView_20231107084505.vue    |  706 -------
 .../components/TreeView_20231107084622.vue    |  707 -------
 .../components/TreeView_20231107084728.vue    |  707 -------
 .../components/TreeView_20231107084800.vue    |  707 -------
 .../components/TreeView_20231107084837.vue    |  707 -------
 .../components/TreeView_20231107084849.vue    |  707 -------
 .../components/TreeView_20231107084910.vue    |  707 -------
 .../components/TreeView_20231107192548.vue    |  708 -------
 .../components/TreeView_20231107192616.vue    |  709 -------
 .../components/TreeView_20231107192627.vue    |  709 -------
 .../components/TreeView_20231107192628.vue    |  709 -------
 .../components/TreeView_20231107192748.vue    |  710 -------
 .../components/TreeView_20231107192800.vue    |  710 -------
 .../components/TreeView_20231107192835.vue    |  710 -------
 .../components/TreeView_20231107192838.vue    |  710 -------
 .../components/TreeView_20231107192929.vue    |  710 -------
 .../components/TreeView_20231107193003.vue    |  710 -------
 .../components/TreeView_20231107210656.vue    |  710 -------
 .../components/TreeView_20231107210724.vue    |  711 -------
 .../components/TreeView_20231107210814.vue    |  712 -------
 .../components/TreeView_20231107210830.vue    |  712 -------
 .../components/TreeView_20231107211018.vue    |  714 -------
 .../components/TreeView_20231107211148.vue    |  711 -------
 .../components/TreeView_20231107211151.vue    |  711 -------
 .../components/TreeView_20231208083526.vue    | 1619 +++++++++++++++
 .../components/TreeView_20231208084156.vue    | 1619 +++++++++++++++
 src/components/ChiClone.vue                   |    2 +-
 src/components/ChiCollection.vue              |    6 +-
 src/components/DeviceWirle.vue                |   14 +-
 src/components/GateWay.vue                    |    8 +-
 src/components/SerialPort.vue                 |    2 +-
 src/components/TreeView.vue                   |    6 +-
 358 files changed, 19630 insertions(+), 192928 deletions(-)
 delete mode 100644 .history/src/components/ChiClone_20231107142342.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142413.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142523.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142544.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142617.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142633.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142654.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142739.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142821.vue
 delete mode 100644 .history/src/components/ChiClone_20231107142830.vue
 delete mode 100644 .history/src/components/ChiClone_20231107143123.vue
 delete mode 100644 .history/src/components/ChiClone_20231107143356.vue
 delete mode 100644 .history/src/components/ChiClone_20231107143646.vue
 delete mode 100644 .history/src/components/ChiClone_20231107143716.vue
 delete mode 100644 .history/src/components/ChiClone_20231107143748.vue
 delete mode 100644 .history/src/components/ChiClone_20231107143824.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144029.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144142.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144242.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144301.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144312.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144610.vue
 delete mode 100644 .history/src/components/ChiClone_20231107144654.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145219.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145241.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145258.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145334.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145335.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145451.vue
 delete mode 100644 .history/src/components/ChiClone_20231107145619.vue
 create mode 100644 .history/src/components/ChiClone_20231208083555.vue
 create mode 100644 .history/src/components/ChiClone_20231208083557.vue
 delete mode 100644 .history/src/components/ChiCollection_20231106112807.vue
 delete mode 100644 .history/src/components/ChiCollection_20231106145501.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107103507.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107103508.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107103546.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107105138.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107140618.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107140844.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107140857.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107140935.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141015.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141126.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141221.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141304.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141305.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141441.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141448.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141453.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141717.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141946.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107141949.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107142007.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107142051.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107142059.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107143407.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107143417.vue
 delete mode 100644 .history/src/components/ChiCollection_20231107143612.vue
 create mode 100644 .history/src/components/ChiCollection_20231208083615.vue
 create mode 100644 .history/src/components/ChiCollection_20231208083616.vue
 create mode 100644 .history/src/components/ChiCollection_20231208083621.vue
 create mode 100644 .history/src/components/ChiCollection_20231208083627.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231106134715.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231106134721.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231106135611.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105804.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105810.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105833.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105848.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105859.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105917.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107105932.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107110131.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107113056.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107120624.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107120625.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107190109.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107190153.vue
 delete mode 100644 .history/src/components/DeviceWirle_20231107190624.vue
 create mode 100644 .history/src/components/DeviceWirle_20231208083931.vue
 create mode 100644 .history/src/components/DeviceWirle_20231208084001.vue
 create mode 100644 .history/src/components/DeviceWirle_20231208084011.vue
 create mode 100644 .history/src/components/DeviceWirle_20231208084022.vue
 delete mode 100644 .history/src/components/GateWay_20231025160227.vue
 delete mode 100644 .history/src/components/GateWay_20231030110346.vue
 delete mode 100644 .history/src/components/GateWay_20231101132651.vue
 delete mode 100644 .history/src/components/GateWay_20231102085655.vue
 delete mode 100644 .history/src/components/GateWay_20231102085705.vue
 delete mode 100644 .history/src/components/GateWay_20231102085706.vue
 delete mode 100644 .history/src/components/GateWay_20231102085714.vue
 delete mode 100644 .history/src/components/GateWay_20231102154417.vue
 delete mode 100644 .history/src/components/GateWay_20231102154427.vue
 delete mode 100644 .history/src/components/GateWay_20231102154848.vue
 delete mode 100644 .history/src/components/GateWay_20231102155447.vue
 delete mode 100644 .history/src/components/GateWay_20231102155457.vue
 delete mode 100644 .history/src/components/GateWay_20231103091740.vue
 delete mode 100644 .history/src/components/GateWay_20231103091744.vue
 delete mode 100644 .history/src/components/GateWay_20231103092554.vue
 delete mode 100644 .history/src/components/GateWay_20231103092850.vue
 delete mode 100644 .history/src/components/GateWay_20231103092909.vue
 delete mode 100644 .history/src/components/GateWay_20231103092952.vue
 delete mode 100644 .history/src/components/GateWay_20231103095042.vue
 delete mode 100644 .history/src/components/GateWay_20231103100117.vue
 delete mode 100644 .history/src/components/GateWay_20231103100250.vue
 delete mode 100644 .history/src/components/GateWay_20231103100258.vue
 delete mode 100644 .history/src/components/GateWay_20231103100259.vue
 delete mode 100644 .history/src/components/GateWay_20231103101818.vue
 delete mode 100644 .history/src/components/GateWay_20231103102206.vue
 delete mode 100644 .history/src/components/GateWay_20231103102247.vue
 delete mode 100644 .history/src/components/GateWay_20231103102457.vue
 delete mode 100644 .history/src/components/GateWay_20231103102535.vue
 delete mode 100644 .history/src/components/GateWay_20231103102640.vue
 delete mode 100644 .history/src/components/GateWay_20231103102844.vue
 delete mode 100644 .history/src/components/GateWay_20231103103156.vue
 delete mode 100644 .history/src/components/GateWay_20231103103326.vue
 delete mode 100644 .history/src/components/GateWay_20231103103540.vue
 delete mode 100644 .history/src/components/GateWay_20231103103554.vue
 delete mode 100644 .history/src/components/GateWay_20231103103631.vue
 delete mode 100644 .history/src/components/GateWay_20231103103713.vue
 delete mode 100644 .history/src/components/GateWay_20231103103745.vue
 delete mode 100644 .history/src/components/GateWay_20231103103756.vue
 delete mode 100644 .history/src/components/GateWay_20231103103930.vue
 delete mode 100644 .history/src/components/GateWay_20231103104018.vue
 delete mode 100644 .history/src/components/GateWay_20231103104025.vue
 delete mode 100644 .history/src/components/GateWay_20231103104115.vue
 delete mode 100644 .history/src/components/GateWay_20231103104736.vue
 delete mode 100644 .history/src/components/GateWay_20231103104745.vue
 delete mode 100644 .history/src/components/GateWay_20231103104901.vue
 delete mode 100644 .history/src/components/GateWay_20231103105621.vue
 delete mode 100644 .history/src/components/GateWay_20231103105636.vue
 delete mode 100644 .history/src/components/GateWay_20231103105640.vue
 delete mode 100644 .history/src/components/GateWay_20231103105834.vue
 delete mode 100644 .history/src/components/GateWay_20231103105837.vue
 delete mode 100644 .history/src/components/GateWay_20231103110006.vue
 delete mode 100644 .history/src/components/GateWay_20231103110019.vue
 delete mode 100644 .history/src/components/GateWay_20231103110042.vue
 delete mode 100644 .history/src/components/GateWay_20231103110607.vue
 delete mode 100644 .history/src/components/GateWay_20231103110658.vue
 delete mode 100644 .history/src/components/GateWay_20231103110659.vue
 delete mode 100644 .history/src/components/GateWay_20231103110734.vue
 delete mode 100644 .history/src/components/GateWay_20231103110805.vue
 delete mode 100644 .history/src/components/GateWay_20231103110832.vue
 delete mode 100644 .history/src/components/GateWay_20231103110932.vue
 delete mode 100644 .history/src/components/GateWay_20231103111158.vue
 delete mode 100644 .history/src/components/GateWay_20231103111326.vue
 delete mode 100644 .history/src/components/GateWay_20231103111559.vue
 delete mode 100644 .history/src/components/GateWay_20231103111623.vue
 delete mode 100644 .history/src/components/GateWay_20231103111653.vue
 delete mode 100644 .history/src/components/GateWay_20231103111722.vue
 delete mode 100644 .history/src/components/GateWay_20231103111729.vue
 delete mode 100644 .history/src/components/GateWay_20231103111732.vue
 delete mode 100644 .history/src/components/GateWay_20231103111743.vue
 delete mode 100644 .history/src/components/GateWay_20231103111756.vue
 delete mode 100644 .history/src/components/GateWay_20231103111812.vue
 delete mode 100644 .history/src/components/GateWay_20231103111841.vue
 delete mode 100644 .history/src/components/GateWay_20231103111940.vue
 delete mode 100644 .history/src/components/GateWay_20231103112015.vue
 delete mode 100644 .history/src/components/GateWay_20231103112118.vue
 delete mode 100644 .history/src/components/GateWay_20231103112131.vue
 delete mode 100644 .history/src/components/GateWay_20231103112200.vue
 delete mode 100644 .history/src/components/GateWay_20231103112232.vue
 delete mode 100644 .history/src/components/GateWay_20231103112559.vue
 delete mode 100644 .history/src/components/GateWay_20231103130726.vue
 delete mode 100644 .history/src/components/GateWay_20231103131402.vue
 delete mode 100644 .history/src/components/GateWay_20231103131410.vue
 delete mode 100644 .history/src/components/GateWay_20231103131500.vue
 delete mode 100644 .history/src/components/GateWay_20231103143735.vue
 delete mode 100644 .history/src/components/GateWay_20231106092033.vue
 delete mode 100644 .history/src/components/GateWay_20231106092034.vue
 delete mode 100644 .history/src/components/GateWay_20231106092047.vue
 delete mode 100644 .history/src/components/GateWay_20231106092051.vue
 delete mode 100644 .history/src/components/GateWay_20231106092511.vue
 delete mode 100644 .history/src/components/GateWay_20231106093124.vue
 delete mode 100644 .history/src/components/GateWay_20231106093133.vue
 delete mode 100644 .history/src/components/GateWay_20231106093939.vue
 delete mode 100644 .history/src/components/GateWay_20231106094010.vue
 delete mode 100644 .history/src/components/GateWay_20231106094102.vue
 delete mode 100644 .history/src/components/GateWay_20231106094107.vue
 delete mode 100644 .history/src/components/GateWay_20231106094127.vue
 delete mode 100644 .history/src/components/GateWay_20231106134657.vue
 delete mode 100644 .history/src/components/GateWay_20231106141231.vue
 delete mode 100644 .history/src/components/GateWay_20231106141511.vue
 delete mode 100644 .history/src/components/GateWay_20231106141527.vue
 delete mode 100644 .history/src/components/GateWay_20231106141558.vue
 delete mode 100644 .history/src/components/GateWay_20231106141828.vue
 delete mode 100644 .history/src/components/GateWay_20231106141839.vue
 delete mode 100644 .history/src/components/GateWay_20231106141924.vue
 delete mode 100644 .history/src/components/GateWay_20231106142009.vue
 delete mode 100644 .history/src/components/GateWay_20231106142054.vue
 delete mode 100644 .history/src/components/GateWay_20231106142311.vue
 delete mode 100644 .history/src/components/GateWay_20231106142326.vue
 delete mode 100644 .history/src/components/GateWay_20231106142732.vue
 delete mode 100644 .history/src/components/GateWay_20231106143103.vue
 delete mode 100644 .history/src/components/GateWay_20231106143107.vue
 delete mode 100644 .history/src/components/GateWay_20231106143156.vue
 delete mode 100644 .history/src/components/GateWay_20231106143158.vue
 delete mode 100644 .history/src/components/GateWay_20231106143159.vue
 delete mode 100644 .history/src/components/GateWay_20231106143243.vue
 delete mode 100644 .history/src/components/GateWay_20231106143246.vue
 delete mode 100644 .history/src/components/GateWay_20231106143305.vue
 delete mode 100644 .history/src/components/GateWay_20231106143403.vue
 delete mode 100644 .history/src/components/GateWay_20231106143523.vue
 delete mode 100644 .history/src/components/GateWay_20231106143531.vue
 delete mode 100644 .history/src/components/GateWay_20231106143559.vue
 delete mode 100644 .history/src/components/GateWay_20231106143617.vue
 delete mode 100644 .history/src/components/GateWay_20231106144445.vue
 delete mode 100644 .history/src/components/GateWay_20231106152017.vue
 delete mode 100644 .history/src/components/GateWay_20231106152049.vue
 delete mode 100644 .history/src/components/GateWay_20231106152107.vue
 delete mode 100644 .history/src/components/GateWay_20231106152113.vue
 delete mode 100644 .history/src/components/GateWay_20231106152120.vue
 delete mode 100644 .history/src/components/GateWay_20231106155001.vue
 delete mode 100644 .history/src/components/GateWay_20231106160001.vue
 delete mode 100644 .history/src/components/GateWay_20231106160037.vue
 delete mode 100644 .history/src/components/GateWay_20231106160038.vue
 delete mode 100644 .history/src/components/GateWay_20231106160329.vue
 delete mode 100644 .history/src/components/GateWay_20231106160354.vue
 delete mode 100644 .history/src/components/GateWay_20231106160359.vue
 delete mode 100644 .history/src/components/GateWay_20231106160508.vue
 delete mode 100644 .history/src/components/GateWay_20231106160626.vue
 delete mode 100644 .history/src/components/GateWay_20231106160733.vue
 delete mode 100644 .history/src/components/GateWay_20231106160751.vue
 delete mode 100644 .history/src/components/GateWay_20231106160852.vue
 delete mode 100644 .history/src/components/GateWay_20231106160900.vue
 delete mode 100644 .history/src/components/GateWay_20231106160933.vue
 delete mode 100644 .history/src/components/GateWay_20231106161053.vue
 delete mode 100644 .history/src/components/GateWay_20231106161114.vue
 delete mode 100644 .history/src/components/GateWay_20231106161712.vue
 delete mode 100644 .history/src/components/GateWay_20231106162023.vue
 delete mode 100644 .history/src/components/GateWay_20231106162025.vue
 delete mode 100644 .history/src/components/GateWay_20231106162026.vue
 delete mode 100644 .history/src/components/GateWay_20231106162251.vue
 delete mode 100644 .history/src/components/GateWay_20231106162419.vue
 delete mode 100644 .history/src/components/GateWay_20231106162427.vue
 delete mode 100644 .history/src/components/GateWay_20231106162733.vue
 delete mode 100644 .history/src/components/GateWay_20231106162734.vue
 delete mode 100644 .history/src/components/GateWay_20231106162857.vue
 delete mode 100644 .history/src/components/GateWay_20231106164419.vue
 delete mode 100644 .history/src/components/GateWay_20231106165306.vue
 delete mode 100644 .history/src/components/GateWay_20231106165402.vue
 delete mode 100644 .history/src/components/GateWay_20231106165439.vue
 delete mode 100644 .history/src/components/GateWay_20231106165506.vue
 delete mode 100644 .history/src/components/GateWay_20231106165511.vue
 delete mode 100644 .history/src/components/GateWay_20231106165536.vue
 delete mode 100644 .history/src/components/GateWay_20231106170001.vue
 delete mode 100644 .history/src/components/GateWay_20231106170012.vue
 delete mode 100644 .history/src/components/GateWay_20231106170028.vue
 delete mode 100644 .history/src/components/GateWay_20231106170029.vue
 delete mode 100644 .history/src/components/GateWay_20231107090551.vue
 delete mode 100644 .history/src/components/GateWay_20231107090700.vue
 delete mode 100644 .history/src/components/GateWay_20231107182238.vue
 delete mode 100644 .history/src/components/GateWay_20231107182356.vue
 delete mode 100644 .history/src/components/GateWay_20231107182849.vue
 delete mode 100644 .history/src/components/GateWay_20231107185027.vue
 delete mode 100644 .history/src/components/GateWay_20231107185051.vue
 delete mode 100644 .history/src/components/GateWay_20231107185128.vue
 delete mode 100644 .history/src/components/GateWay_20231107185256.vue
 create mode 100644 .history/src/components/GateWay_20231208083814.vue
 create mode 100644 .history/src/components/GateWay_20231208083821.vue
 create mode 100644 .history/src/components/GateWay_20231208083827.vue
 delete mode 100644 .history/src/components/SerialPort_20231106122404.vue
 delete mode 100644 .history/src/components/SerialPort_20231107100545.vue
 delete mode 100644 .history/src/components/SerialPort_20231107100906.vue
 delete mode 100644 .history/src/components/SerialPort_20231107100949.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101059.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101159.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101228.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101243.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101407.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101411.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101459.vue
 delete mode 100644 .history/src/components/SerialPort_20231107101501.vue
 delete mode 100644 .history/src/components/SerialPort_20231107102207.vue
 delete mode 100644 .history/src/components/SerialPort_20231107102245.vue
 delete mode 100644 .history/src/components/SerialPort_20231107102407.vue
 delete mode 100644 .history/src/components/SerialPort_20231107102420.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110413.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110540.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110716.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110728.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110738.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110801.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110836.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110843.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110845.vue
 delete mode 100644 .history/src/components/SerialPort_20231107110857.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111012.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111027.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111116.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111127.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111222.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111359.vue
 delete mode 100644 .history/src/components/SerialPort_20231107111401.vue
 delete mode 100644 .history/src/components/SerialPort_20231107120540.vue
 create mode 100644 .history/src/components/SerialPort_20231208083536.vue
 delete mode 100644 .history/src/components/TreeView_20231106095526.vue
 delete mode 100644 .history/src/components/TreeView_20231106101006.vue
 delete mode 100644 .history/src/components/TreeView_20231106101009.vue
 delete mode 100644 .history/src/components/TreeView_20231106113012.vue
 delete mode 100644 .history/src/components/TreeView_20231106121652.vue
 delete mode 100644 .history/src/components/TreeView_20231106121736.vue
 delete mode 100644 .history/src/components/TreeView_20231106121747.vue
 delete mode 100644 .history/src/components/TreeView_20231106121750.vue
 delete mode 100644 .history/src/components/TreeView_20231106122043.vue
 delete mode 100644 .history/src/components/TreeView_20231106122202.vue
 delete mode 100644 .history/src/components/TreeView_20231106135150.vue
 delete mode 100644 .history/src/components/TreeView_20231106135201.vue
 delete mode 100644 .history/src/components/TreeView_20231106140408.vue
 delete mode 100644 .history/src/components/TreeView_20231106140507.vue
 delete mode 100644 .history/src/components/TreeView_20231106154505.vue
 delete mode 100644 .history/src/components/TreeView_20231106154629.vue
 delete mode 100644 .history/src/components/TreeView_20231106154631.vue
 delete mode 100644 .history/src/components/TreeView_20231106154632.vue
 delete mode 100644 .history/src/components/TreeView_20231106173335.vue
 delete mode 100644 .history/src/components/TreeView_20231106175352.vue
 delete mode 100644 .history/src/components/TreeView_20231106175355.vue
 delete mode 100644 .history/src/components/TreeView_20231106175356.vue
 delete mode 100644 .history/src/components/TreeView_20231107083213.vue
 delete mode 100644 .history/src/components/TreeView_20231107083543.vue
 delete mode 100644 .history/src/components/TreeView_20231107083550.vue
 delete mode 100644 .history/src/components/TreeView_20231107083551.vue
 delete mode 100644 .history/src/components/TreeView_20231107084211.vue
 delete mode 100644 .history/src/components/TreeView_20231107084253.vue
 delete mode 100644 .history/src/components/TreeView_20231107084455.vue
 delete mode 100644 .history/src/components/TreeView_20231107084504.vue
 delete mode 100644 .history/src/components/TreeView_20231107084505.vue
 delete mode 100644 .history/src/components/TreeView_20231107084622.vue
 delete mode 100644 .history/src/components/TreeView_20231107084728.vue
 delete mode 100644 .history/src/components/TreeView_20231107084800.vue
 delete mode 100644 .history/src/components/TreeView_20231107084837.vue
 delete mode 100644 .history/src/components/TreeView_20231107084849.vue
 delete mode 100644 .history/src/components/TreeView_20231107084910.vue
 delete mode 100644 .history/src/components/TreeView_20231107192548.vue
 delete mode 100644 .history/src/components/TreeView_20231107192616.vue
 delete mode 100644 .history/src/components/TreeView_20231107192627.vue
 delete mode 100644 .history/src/components/TreeView_20231107192628.vue
 delete mode 100644 .history/src/components/TreeView_20231107192748.vue
 delete mode 100644 .history/src/components/TreeView_20231107192800.vue
 delete mode 100644 .history/src/components/TreeView_20231107192835.vue
 delete mode 100644 .history/src/components/TreeView_20231107192838.vue
 delete mode 100644 .history/src/components/TreeView_20231107192929.vue
 delete mode 100644 .history/src/components/TreeView_20231107193003.vue
 delete mode 100644 .history/src/components/TreeView_20231107210656.vue
 delete mode 100644 .history/src/components/TreeView_20231107210724.vue
 delete mode 100644 .history/src/components/TreeView_20231107210814.vue
 delete mode 100644 .history/src/components/TreeView_20231107210830.vue
 delete mode 100644 .history/src/components/TreeView_20231107211018.vue
 delete mode 100644 .history/src/components/TreeView_20231107211148.vue
 delete mode 100644 .history/src/components/TreeView_20231107211151.vue
 create mode 100644 .history/src/components/TreeView_20231208083526.vue
 create mode 100644 .history/src/components/TreeView_20231208084156.vue

diff --git a/.history/src/components/ChiClone_20231107142342.vue b/.history/src/components/ChiClone_20231107142342.vue
deleted file mode 100644
index 0c0bbe5..0000000
--- a/.history/src/components/ChiClone_20231107142342.vue
+++ /dev/null
@@ -1,639 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142413.vue b/.history/src/components/ChiClone_20231107142413.vue
deleted file mode 100644
index ff5fa11..0000000
--- a/.history/src/components/ChiClone_20231107142413.vue
+++ /dev/null
@@ -1,639 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142523.vue b/.history/src/components/ChiClone_20231107142523.vue
deleted file mode 100644
index 7db2b4a..0000000
--- a/.history/src/components/ChiClone_20231107142523.vue
+++ /dev/null
@@ -1,640 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142544.vue b/.history/src/components/ChiClone_20231107142544.vue
deleted file mode 100644
index 81c2eff..0000000
--- a/.history/src/components/ChiClone_20231107142544.vue
+++ /dev/null
@@ -1,641 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-      border-right: 1px solid;
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142617.vue b/.history/src/components/ChiClone_20231107142617.vue
deleted file mode 100644
index 61b7e25..0000000
--- a/.history/src/components/ChiClone_20231107142617.vue
+++ /dev/null
@@ -1,641 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142633.vue b/.history/src/components/ChiClone_20231107142633.vue
deleted file mode 100644
index c9b9252..0000000
--- a/.history/src/components/ChiClone_20231107142633.vue
+++ /dev/null
@@ -1,642 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142654.vue b/.history/src/components/ChiClone_20231107142654.vue
deleted file mode 100644
index 534b1ff..0000000
--- a/.history/src/components/ChiClone_20231107142654.vue
+++ /dev/null
@@ -1,642 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142739.vue b/.history/src/components/ChiClone_20231107142739.vue
deleted file mode 100644
index ca743b6..0000000
--- a/.history/src/components/ChiClone_20231107142739.vue
+++ /dev/null
@@ -1,643 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      margin-left: 5px;
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142821.vue b/.history/src/components/ChiClone_20231107142821.vue
deleted file mode 100644
index 5b711bf..0000000
--- a/.history/src/components/ChiClone_20231107142821.vue
+++ /dev/null
@@ -1,643 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      padding-left: 5px;
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107142830.vue b/.history/src/components/ChiClone_20231107142830.vue
deleted file mode 100644
index 534b1ff..0000000
--- a/.history/src/components/ChiClone_20231107142830.vue
+++ /dev/null
@@ -1,642 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu>
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107143123.vue b/.history/src/components/ChiClone_20231107143123.vue
deleted file mode 100644
index 80fcfb0..0000000
--- a/.history/src/components/ChiClone_20231107143123.vue
+++ /dev/null
@@ -1,643 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect"></el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107143356.vue b/.history/src/components/ChiClone_20231107143356.vue
deleted file mode 100644
index 07b5f44..0000000
--- a/.history/src/components/ChiClone_20231107143356.vue
+++ /dev/null
@@ -1,653 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect"></el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = {...JSON.parse(datas),...this.tableData[0]};
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107143646.vue b/.history/src/components/ChiClone_20231107143646.vue
deleted file mode 100644
index 3a31eeb..0000000
--- a/.history/src/components/ChiClone_20231107143646.vue
+++ /dev/null
@@ -1,653 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect"></el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107143716.vue b/.history/src/components/ChiClone_20231107143716.vue
deleted file mode 100644
index cd4f882..0000000
--- a/.history/src/components/ChiClone_20231107143716.vue
+++ /dev/null
@@ -1,653 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect"></el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107143748.vue b/.history/src/components/ChiClone_20231107143748.vue
deleted file mode 100644
index 198c831..0000000
--- a/.history/src/components/ChiClone_20231107143748.vue
+++ /dev/null
@@ -1,654 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect"></el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107143824.vue b/.history/src/components/ChiClone_20231107143824.vue
deleted file mode 100644
index 27fef3e..0000000
--- a/.history/src/components/ChiClone_20231107143824.vue
+++ /dev/null
@@ -1,654 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144029.vue b/.history/src/components/ChiClone_20231107144029.vue
deleted file mode 100644
index 27fef3e..0000000
--- a/.history/src/components/ChiClone_20231107144029.vue
+++ /dev/null
@@ -1,654 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="add_passage = false">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144142.vue b/.history/src/components/ChiClone_20231107144142.vue
deleted file mode 100644
index fe9f626..0000000
--- a/.history/src/components/ChiClone_20231107144142.vue
+++ /dev/null
@@ -1,657 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      mqtt_qiyong: true,
-      mqtt_ip: "",
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-    async saveClone(){
-
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144242.vue b/.history/src/components/ChiClone_20231107144242.vue
deleted file mode 100644
index 0bc1551..0000000
--- a/.history/src/components/ChiClone_20231107144242.vue
+++ /dev/null
@@ -1,661 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      FormData:{
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-      },
-
-
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-    async saveClone(){
-
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144301.vue b/.history/src/components/ChiClone_20231107144301.vue
deleted file mode 100644
index 301eb2c..0000000
--- a/.history/src/components/ChiClone_20231107144301.vue
+++ /dev/null
@@ -1,662 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      FormData:{
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      },
-
-
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-
-      // mqtt_sssjfbzt:"",
-      mqtt_qos: "0",
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-    async saveClone(){
-
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144312.vue b/.history/src/components/ChiClone_20231107144312.vue
deleted file mode 100644
index 6c45aa7..0000000
--- a/.history/src/components/ChiClone_20231107144312.vue
+++ /dev/null
@@ -1,660 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-      <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-      <div v-show="dialogVisible" class="tree_menu">
-        <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-        <!-- 树形控件右键组件 -->
-      </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      FormData:{
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-      mqtt_port: "",
-      mqtt_keepalive: "",
-      mqtt_tls: false,
-      mqtt_clearsession: false,
-      mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect(){
-      let datas = sessionStorage.getItem("answer2");
-      datas = {...JSON.parse(datas),...this.tableData[0]};
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-    async saveClone(){
-
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144610.vue b/.history/src/components/ChiClone_20231107144610.vue
deleted file mode 100644
index 97ca6bc..0000000
--- a/.history/src/components/ChiClone_20231107144610.vue
+++ /dev/null
@@ -1,660 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107144654.vue b/.history/src/components/ChiClone_20231107144654.vue
deleted file mode 100644
index 5252904..0000000
--- a/.history/src/components/ChiClone_20231107144654.vue
+++ /dev/null
@@ -1,660 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145219.vue b/.history/src/components/ChiClone_20231107145219.vue
deleted file mode 100644
index 5f3d038..0000000
--- a/.history/src/components/ChiClone_20231107145219.vue
+++ /dev/null
@@ -1,666 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64" style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip=this.mqtt_ip1+"."+this.mqtt_ip2+"."+this.mqtt_ip3+"."+this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      this.formData = {...JSON.parse(datas),...this.formData};
-      
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145241.vue b/.history/src/components/ChiClone_20231107145241.vue
deleted file mode 100644
index 0db628d..0000000
--- a/.history/src/components/ChiClone_20231107145241.vue
+++ /dev/null
@@ -1,672 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64"
-                    style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip = this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      this.formData = { ...JSON.parse(datas), ...this.formData };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formData),
-      });
-      console.log(res);
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145258.vue b/.history/src/components/ChiClone_20231107145258.vue
deleted file mode 100644
index 837365e..0000000
--- a/.history/src/components/ChiClone_20231107145258.vue
+++ /dev/null
@@ -1,672 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64"
-                    style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip = this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.formData };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145334.vue b/.history/src/components/ChiClone_20231107145334.vue
deleted file mode 100644
index cc22576..0000000
--- a/.history/src/components/ChiClone_20231107145334.vue
+++ /dev/null
@@ -1,673 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64"
-                    style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip = this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.formData };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145335.vue b/.history/src/components/ChiClone_20231107145335.vue
deleted file mode 100644
index cc22576..0000000
--- a/.history/src/components/ChiClone_20231107145335.vue
+++ /dev/null
@@ -1,673 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64"
-                    style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip = this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.formData };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145451.vue b/.history/src/components/ChiClone_20231107145451.vue
deleted file mode 100644
index e2d8e34..0000000
--- a/.history/src/components/ChiClone_20231107145451.vue
+++ /dev/null
@@ -1,674 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64"
-                    style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { SaveUserAnswer } from "@/api/user";
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip = this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.formData };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231107145619.vue b/.history/src/components/ChiClone_20231107145619.vue
deleted file mode 100644
index e2d8e34..0000000
--- a/.history/src/components/ChiClone_20231107145619.vue
+++ /dev/null
@@ -1,674 +0,0 @@
-<!-- 斥候MQTT云 -->
-<template>
-  <div class="Clone">
-    <!-- 设置树形控件 -->
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <!-- </div> -->
-    <div class="pas_params" v-show="add_passage">
-      <div class="content">
-        <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
-          <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="24">
-                <el-form-item>
-                  <el-checkbox v-model="formData.mqtt_qiyong">启用</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder="64"
-                    style="width: 200px; height: 30px"></el-input>
-                  <div class="infos">2-60000</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
-                  <el-switch v-model="formData.mqtt_tls"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
-                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <h3 class="info_play">信息发布</h3>
-            <el-divider></el-divider>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-row>
-                    <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                          </el-option>
-                        </el-select>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <!-- <el-col :span="12">
-                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
-                                      <el-switch v-model="value1"></el-switch>
-                                  </el-form-item>
-                              </el-col> -->
-            </el-row>
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
-                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <!-- <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
-                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
-                                          :line-numbers="lineNumbers"></prism-editor>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row> -->
-            <div class="con_left_footer">
-              <el-button type="primary" @click="saveClone">保 存</el-button>
-              <el-button @click="add_passage = false">取 消</el-button>
-            </div>
-          </el-form>
-        </div>
-        <div>
-          <div class="con_right">
-            <el-button type="info" plain @click="handleSelect">保存</el-button>
-            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
-              <el-menu-item index="1">添加</el-menu-item>
-              <el-menu-item index="2">保存</el-menu-item>
-              <el-menu-item index="3">删除</el-menu-item>
-            </el-menu> -->
-          </div>
-          <el-table ref="singleTable" :data="tableData" style="width: 100%">
-            <el-table-column type="index"> </el-table-column>
-            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column property="mqtt_cjd_tagid" label="TagID">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </div>
-    <!-- 添加按钮下显示出来的弹框信息 -->
-    <div>
-      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
-        </el-tree>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="savePoint">保 存</el-button>
-          <el-button @click="choose_point = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-  
-<script>
-import { SaveUserAnswer } from "@/api/user";
-import { PrismEditor } from "vue-prism-editor";
-import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
-// import highlighting library (you can use any library you want just return html string)
-import { highlight, languages } from "prismjs/components/prism-core";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-javascript";
-import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
-
-export default {
-  name: "ChiClone",
-  components: {
-    PrismEditor,
-  },
-  data() {
-    return {
-      formData: {
-        mqtt_qiyong: true,
-        mqtt_ip: "",
-        mqtt_wgsn: "",
-        mqtt_port: "",
-        mqtt_keepalive: "",
-        mqtt_tls: false,
-        mqtt_clearsession: false,
-        mqtt_qos: "0",
-      },
-      mqtt_ip1: "",
-      mqtt_ip2: "",
-      mqtt_ip3: "",
-      mqtt_ip4: "",
-      // mqtt_sssjfbzt:"",
-
-      // code: 'console.log("Hello World")',
-      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
-      points: [
-        {
-          id: 1,
-          label: "Device1",
-          children: [
-            {
-              id: 3,
-              label: "tag0001",
-            },
-            {
-              id: 4,
-              label: "tag0002",
-            },
-          ],
-        },
-        {
-          id: 2,
-          label: "Device1",
-          children: [
-            {
-              id: 5,
-              label: "tag0003",
-            },
-            {
-              id: 6,
-              label: "tag0004",
-            },
-          ],
-        },
-      ],
-      choose_point: false,
-      options1: [
-        {
-          value: "0",
-          label: "0",
-        },
-        {
-          value: "1",
-          label: "1",
-        },
-        {
-          value: "2",
-          label: "2",
-        },
-      ],
-      labelPosition: "left",
-      formLabelWidth: "114px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      isAdd: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "上云服务",
-              children: [
-                {
-                  label: "标准 MQTT",
-                },
-                {
-                  label: "AWS loT",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 右边添加设备的字段
-      options2: [
-        {
-          label: "有线区精雕1",
-          value: "有线区精雕1",
-        },
-        {
-          label: "无线区精雕1",
-          value: "无线区精雕1",
-        }
-      ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      tableData: [
-        {
-          mqtt_cjd_sbmc: "无线区精雕1",
-          mqtt_cjd_tagid: "MachinePamHID909",
-        },
-      ],
-      rules: {
-        server_ip: [
-          { required: true, message: "请输入服务器IP", trigger: "blur" },
-        ],
-        port_number: [
-          { required: true, message: "请输入端口", trigger: "blur" },
-        ],
-        gateway_id: [
-          { required: true, message: "请输入网关ID", trigger: "blur" },
-        ],
-        data_theme: [
-          { required: true, message: "请输入主题", trigger: "blur" },
-        ],
-        upload_mode: [
-          { required: true, message: "请输入上传模式", trigger: "blur" },
-        ],
-        upload_week: [
-          { required: true, message: "请输入上传周期", trigger: "blur" },
-        ],
-        data_filter: [
-          { required: true, message: "请输入数据过滤", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  mounted() { },
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key) {
-      console.log(key);
-      if (key == 1 && this.isAdd == false) {
-        this.choose_point = true;
-      } else if (key == 1 && this.isAdd == true) {
-        this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
-        });
-        return false
-      }
-    },
-    highlighter(code) {
-      return highlight(code, languages.js); //returns html
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    savePoint() {
-      this.choose_point = false;
-      this.isAdd = true;
-      this.$message({
-        message: '添加成功',
-        type: 'success'
-      });
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-    async saveClone() {
-      this.formData.mqtt_ip = this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4;
-      this.formData.mqtt_qiyong = String(Number(this.formData.mqtt_qiyong));
-      this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
-      this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
-      let datas = sessionStorage.getItem("answer2");
-      datas = { ...JSON.parse(datas), ...this.formData };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(datas));
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-  
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  .info_play {
-    width: 56px;
-    height: 20px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: left;
-  }
-
-  .el-divider--horizontal {
-    margin: 8px 0;
-  }
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 28px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 52px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 362px;
-    top: 104px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-image: url(../assets/image/bg.png);
-    background-size: 100% 100%;
-    // background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 706px;
-      height: 100%;
-      position: relative;
-      border-right: 1px solid rgba(187, 187, 187, 1);
-
-      .my-editor {
-        background: #2d2d2d;
-        color: #ccc;
-
-        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
-        font-size: 14px;
-        line-height: 1.5;
-        padding: 5px;
-      }
-
-      /* optional */
-      .prism-editor__textarea:focus {
-        outline: none;
-      }
-
-      /* not required: */
-      .height-300 {
-        width: 491px;
-        height: 300px;
-      }
-
-      .infos {
-        width: 60px;
-        position: absolute;
-        left: 208px;
-        top: 0;
-      }
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 720px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
-  
\ No newline at end of file
diff --git a/.history/src/components/ChiClone_20231208083555.vue b/.history/src/components/ChiClone_20231208083555.vue
new file mode 100644
index 0000000..ee30995
--- /dev/null
+++ b/.history/src/components/ChiClone_20231208083555.vue
@@ -0,0 +1,1022 @@
+<!-- 斥候MQTT云 -->
+<template>
+  <div class="Clone">
+    <!-- 设置树形控件 -->
+    <!-- <div v-click-outside="closeMenu"> -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
+    <div v-show="dialogVisible" class="tree_menu">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <!-- <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span> -->
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+    </div>
+    <!-- </div> -->
+    <div class="pas_params" v-show="add_passage" v-loading="loading">
+      <div class="content">
+        <div class="con_left">
+          <h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
+          <el-divider></el-divider>
+          <el-form
+            :model="formData"
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="formData"
+          >
+            <el-row>
+              <el-col :span="24">
+                <el-form-item>
+                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row class="serveIp">
+              <el-col :span="24">
+                <el-form-item
+                  label="服务器IP:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_ip"
+                >
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip1"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip2"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip3"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip4"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="网关SN:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_wgsn"
+                >
+                  <el-input
+                    v-model="formData.mqtt_wgsn"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="端口:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_port"
+                >
+                  <el-input
+                    v-model="formData.mqtt_port"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="Keep Alive(s):"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_keepalive"
+                >
+                  <el-input
+                    v-model="formData.mqtt_keepalive"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-60000</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="实施数据发布主题:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_keepalive"
+                >
+                  <el-input
+                    v-model="formData.mqtt_sssjfbzt"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <!-- <el-row>
+              <el-col :span="12">
+                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
+                  <el-switch v-model="formData.mqtt_tls"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
+                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row> -->
+            <h3 class="info_play">信息发布</h3>
+            <el-divider></el-divider>
+
+            <el-row>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-row>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="Qos(MQTT):"
+                        :label-width="formLabelWidth"
+                        prop="upload_week"
+                      >
+                        <el-select
+                          v-model="formData.mqtt_qos"
+                          placeholder="请选择"
+                          style="width: 200px"
+                        >
+                          <el-option
+                            v-for="item in options1"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                          >
+                          </el-option>
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="12">
+                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
+                                      <el-switch v-model="value1"></el-switch>
+                                  </el-form-item>
+                              </el-col> -->
+            </el-row>
+            <!-- <el-row>
+                              <el-col :span="12">
+                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
+                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
+                                  </el-form-item>
+                              </el-col>
+                          </el-row> -->
+            <!-- <el-row>
+                              <el-col :span="12">
+                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
+                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
+                                          :line-numbers="lineNumbers"></prism-editor>
+                                  </el-form-item>
+                              </el-col>
+                          </el-row> -->
+            <div class="con_left_footer">
+              <el-button type="primary" @click="submitForm">保 存</el-button>
+              <el-button @click="add_passage = true">取 消</el-button>
+            </div>
+          </el-form>
+        </div>
+        <div>
+          <div class="con_right">
+            <h3 class="mqtt" style="margin-top: 20px; color: white">
+              标准MQTT采集点
+            </h3>
+            <el-divider></el-divider>
+
+            <!-- <el-button type="info" plain @click="handleSelect">保存</el-button> -->
+            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
+              <el-menu-item index="1">添加</el-menu-item>
+              <el-menu-item index="2">保存</el-menu-item>
+              <el-menu-item index="3">删除</el-menu-item>
+            </el-menu> -->
+          </div>
+          <el-table ref="singleTable" :data="tableData" style="width: 100%">
+            <el-table-column type="index"> </el-table-column>
+            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
+                  <el-option
+                    v-for="(option, index) in options2"
+                    :key="index"
+                    :label="option.label"
+                    :value="option.value"
+                  ></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column property="mqtt_cjd_tagid" label="TagID">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
+                  <el-option
+                    v-for="(option, index) in options3"
+                    :key="index"
+                    :label="option.label"
+                    :value="option.value"
+                  ></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </div>
+    <!-- 添加按钮下显示出来的弹框信息 -->
+    <div>
+      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
+        <el-tree
+          :data="points"
+          show-checkbox
+          node-key="id"
+          :default-expanded-keys="[1, 2]"
+          :default-checked-keys="[3, 4, 5, 6]"
+          :props="defaultProps"
+        >
+        </el-tree>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="savePoint">保 存</el-button>
+          <el-button @click="choose_point = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+
+    <!-- 网关信息 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+import { PrismEditor } from "vue-prism-editor";
+import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
+// import highlighting library (you can use any library you want just return html string)
+import { highlight, languages } from "prismjs/components/prism-core";
+import "prismjs/components/prism-clike";
+import "prismjs/components/prism-javascript";
+import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
+
+export default {
+  name: "ChiClone",
+  components: {
+    PrismEditor,
+  },
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      gateway: "",
+      trees: [],
+      user_id: "",
+      step: "",
+      mqtt_qiyong: false,
+      formData: {
+        mqtt_ip: "",
+        mqtt_wgsn: "",
+        mqtt_port: "",
+        mqtt_keepalive: "",
+        // mqtt_tls: false,
+        // mqtt_clearsession: false,
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_dxsx: "",
+        cjdpz_scms: "",
+
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+
+        ippz_wllx: "",
+        ippz_ip: "",
+        ippz_zwym: "",
+        ippz_wg: "",
+        ippz_dns: "",
+        ippz_dns_by: "",
+
+        sbpz_sbmc: "",
+        sbpz_kzqxy: "",
+        sbpz_ip: "",
+        sbpz_port: "",
+        sbpz_czdz: "",
+        sbpz_lxzq: "",
+        sbpz_qyhmcj: "",
+        sbpz_qyplcj: "",
+        sbpz_zdplcjs: "",
+        sbpz_cjcgsj: "",
+        sbpz_zqsbonchange: "",
+        sbpz_txsjjg: "",
+        sbpz_xqjcqxr: "",
+        sbpz_bcjcqxr: "",
+
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_dxsx: "",
+        cjdpz_scms: "",
+      },
+      mqtt_ip1: "",
+      mqtt_ip2: "",
+      mqtt_ip3: "",
+      mqtt_ip4: "",
+      // mqtt_sssjfbzt:"",
+
+      // code: 'console.log("Hello World")',
+      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
+      points: [
+        {
+          id: 1,
+          label: "Device1",
+          children: [
+            {
+              id: 3,
+              label: "tag0001",
+            },
+            {
+              id: 4,
+              label: "tag0002",
+            },
+          ],
+        },
+        {
+          id: 2,
+          label: "Device1",
+          children: [
+            {
+              id: 5,
+              label: "tag0003",
+            },
+            {
+              id: 6,
+              label: "tag0004",
+            },
+          ],
+        },
+      ],
+      choose_point: false,
+      options1: [
+        {
+          value: "0",
+          label: "0",
+        },
+        {
+          value: "1",
+          label: "1",
+        },
+        {
+          value: "2",
+          label: "2",
+        },
+      ],
+      labelPosition: "left",
+      formLabelWidth: "145px",
+      input1: 192,
+      add_passage: true,
+      rightMenu: "",
+      dialogVisible: true,
+      isAdd: false,
+      datas: [
+        {
+          label: "Gateway",
+          children: [
+            {
+              label: "数据采集",
+              children: [
+                {
+                  label: "I/O点",
+                },
+                {
+                  label: "用户点",
+                },
+                {
+                  label: "计算点",
+                },
+                {
+                  label: "系统点",
+                },
+              ],
+            },
+            {
+              label: "上云服务",
+              children: [
+                {
+                  label: "标准 MQTT",
+                },
+                {
+                  label: "AWS loT",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      options2: [],
+      options3: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableData: [
+        {
+          mqtt_cjd_sbmc: "",
+          mqtt_cjd_tagid: "",
+        },
+      ],
+      rules: {
+        mqtt_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        mqtt_wgsn: [
+          { required: true, message: "请输入网关SN", trigger: "blur" },
+        ],
+        mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
+        mqtt_keepalive: [
+          { required: true, message: "请输入KeepAlive", trigger: "blur" },
+        ],
+        mqtt_sssjfbzt: [
+          { required: true, message: "请输入上传模式", trigger: "blur" },
+        ],
+        mqtt_qos: [
+          { required: true, message: "请输入上传周期", trigger: "blur" },
+        ],
+        // data_filter: [
+        //   { required: true, message: "请输入数据过滤", trigger: "blur" },
+        // ],
+      },
+
+      // 网关配置的出现
+      outerVisible: false,
+      gateWay: {
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+      },
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关2",
+          label: "有线区网关2",
+        },
+        {
+          value: "无线区网关2",
+          label: "无线区网关2",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX2",
+          label: "LAN-BOX2",
+        },
+        {
+          value: "WLAN-BOX2",
+          label: "WLAN-BOX2",
+        },
+      ],
+    };
+  },
+  created() {
+    this.user_id = window.location.href.split("?")[1];
+    GetTree({
+      user_id: this.user_id,
+      type: "3",
+    }).then((res) => {
+      console.log(res);
+      console.log(JSON.parse(res.data.data.data));
+      this.trees = JSON.parse(res.data.data.data);
+    });
+  },
+  methods: {
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.mqtt_ip1 +
+          "." +
+          this.mqtt_ip2 +
+          "." +
+          this.mqtt_ip3 +
+          "." +
+          this.mqtt_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.mqtt_ip1 +
+            "." +
+            this.mqtt_ip2 +
+            "." +
+            this.mqtt_ip3 +
+            "." +
+            this.mqtt_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    // 提交时的校验
+    submitForm() {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveClone();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    // changeInput() {
+    //   this.flag = false;
+    //   this.trees[0].label = this.gateway;
+    //   this.sendTree();
+    // },
+    async rightClick(e, data, node) {
+      console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //   mark: "CHGYWG_yx",
+        //   user_id: this.user_id,
+        //   // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //   console.log(res2.data.data.mark_value);
+        //   let res3 = JSON.parse(res2.data.data.mark_value);
+        //   this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //   // console.log(this.formData.wgpz_wgid);
+        //   this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        // }
+      }
+    },
+    getParameter(data) {
+      console.log(data);
+      this.user_id = data;
+    },
+    treeNodeClick() {
+      this.add_passage = true;
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    handleSelect(key) {
+      console.log(key);
+      if (key == 1 && this.isAdd == false) {
+        this.choose_point = true;
+      } else if (key == 1 && this.isAdd == true) {
+        this.$message({
+          message: "添加失败,只能添加一条数据",
+          type: "error",
+        });
+        return false;
+      }
+    },
+    highlighter(code) {
+      return highlight(code, languages.js); //returns html
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    savePoint() {
+      this.choose_point = false;
+      this.isAdd = true;
+      this.$message({
+        message: "添加成功",
+        type: "success",
+      });
+    },
+    // async handleSelect() {
+    //   let datas = sessionStorage.getItem("CHGYWG_yx");
+    //   datas = { ...JSON.parse(datas), ...this.tableData[0] };
+    //   let res = await SaveUserAnswer({
+    //     mark: "CHGYWG_yx",
+    //     user_id: this.user_id,
+    //     mark_value: JSON.stringify(datas),
+    //   });
+    //   console.log(res);
+    //   sessionStorage.setItem("CHGYWG_yx", JSON.stringify(datas));
+    // },
+    async saveClone() {
+      var obj = {
+        // mqtt_qiyong: String(Number(this.formData.mqtt_qiyong)),
+        mqtt_ip:
+          this.mqtt_ip1 +
+          "." +
+          this.mqtt_ip2 +
+          "." +
+          this.mqtt_ip3 +
+          "." +
+          this.mqtt_ip4,
+        mqtt_wgsn: this.formData.mqtt_wgsn,
+        mqtt_port: this.formData.mqtt_port,
+        mqtt_keepalive: this.formData.mqtt_keepalive,
+        mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
+        mqtt_qos: this.formData.mqtt_qos,
+        mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
+        mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
+      };
+      let datas = { ...this.formData, ...obj };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(datas),
+        step: this.step,
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res);
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(datas));
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let { data } = await GetUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+      });
+
+      // alert(this.step);
+      console.log(data, "斥候有线网关的MQTT云页面");
+      this.loading = false;
+      if (data.data && data.state) {
+        if (data.data.step) {
+          this.step = data.data.step;
+        }
+        // console.log(JSON.parse(data.data.mark_value));
+        let obj = JSON.parse(data.data.mark_value);
+        if (obj.mqtt_ip) {
+          // this.formData.mqtt_qiyong = Boolean(Number(obj.mqtt_qiyong));
+          // console.log(obj.mqtt_qiyong);
+          // console.log(this.formData.mqtt_qiyong);
+          this.mqtt_ip1 = obj.mqtt_ip.split(".")[0];
+          this.mqtt_ip2 = obj.mqtt_ip.split(".")[1];
+          this.mqtt_ip3 = obj.mqtt_ip.split(".")[2];
+          this.mqtt_ip4 = obj.mqtt_ip.split(".")[3];
+          this.formData.mqtt_ip = obj.mqtt_ip;
+          this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+          this.formData.mqtt_port = obj.mqtt_port;
+          this.formData.mqtt_keepalive = obj.mqtt_keepalive;
+          this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+          this.formData.mqtt_qos = obj.mqtt_qos;
+        }
+        this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+        this.formData.sbpz_kzqxy = obj.sbpz_kzqxy;
+        this.formData.sbpz_ip = obj.sbpz_ip;
+        this.formData.sbpz_port = obj.sbpz_port;
+        this.formData.sbpz_czdz = obj.sbpz_czdz;
+        this.formData.sbpz_lxzq = obj.sbpz_lxzq;
+        this.formData.sbpz_qyhmcj = obj.sbpz_qyhmcj;
+        this.formData.sbpz_qyplcj = obj.sbpz_qyplcj;
+        this.formData.sbpz_zdplcjs = obj.sbpz_zdplcjs;
+        this.formData.sbpz_cjcgsj = obj.sbpz_cjcgsj;
+        this.formData.sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
+        this.formData.sbpz_txsjjg = obj.sbpz_txsjjg;
+        this.formData.sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+        this.formData.sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+
+        this.formData.ippz_wllx = obj.ippz_wllx;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_wg = obj.ippz_wg;
+        this.formData.ippz_dns = obj.ippz_dns;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_scms = obj.cjdpz_scms;
+        this.tableData[0].mqtt_cjd_sbmc = obj.sbpz_sbmc;
+        this.tableData[0].mqtt_cjd_tagid = obj.cjdpz_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "3",
+      });
+      console.log(result);
+    },
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // console.log(JSON.parse(datas));
+      let datas = { ...this.formData, ...this.tableData[0] };
+      // alert(JSON.stringify(datas));
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: this.step,
+      });
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.formData));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  mounted() {
+    this.GetUserAnswer();
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+/deep/ .pas_params {
+  .info_play {
+    width: 86px;
+    height: 20px;
+    color: white;
+    font-size: 14px;
+    text-align: left;
+  }
+
+  .el-divider--horizontal {
+    margin: 8px 0;
+  }
+
+  .el-button {
+    width: 80px;
+    height: 30px;
+    line-height: 0.5;
+  }
+
+  .el-col-24 {
+    padding-right: 348px;
+  }
+
+  .el-row {
+    height: 54px;
+    display: flex;
+    align-items: flex-start;
+
+    .el-col-1 {
+      color: white;
+      text-align: center;
+      line-height: 52px;
+      height: 20px;
+    }
+
+    .el-col-9 {
+      padding-left: 30px;
+    }
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .content {
+    position: absolute;
+    left: 362px;
+    top: 104px;
+    width: 1220px;
+    height: 836px;
+    line-height: 20px;
+    padding-left: 36px;
+    background-image: url(../assets/image/bg.png);
+    background-size: 100% 100%;
+    // background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    border: 1px solid rgba(187, 187, 187, 1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    .el-form-item {
+      margin-bottom: 20px !important;
+    }
+
+    /deep/ .con_left {
+      .el-con-5 {
+        width: 43px;
+      }
+    }
+
+    .con_left {
+      width: 706px;
+      height: 100%;
+      position: relative;
+      border-right: 1px solid rgba(187, 187, 187, 1);
+
+      .my-editor {
+        background: #2d2d2d;
+        color: #ccc;
+        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
+        font-size: 14px;
+        line-height: 1.5;
+        padding: 5px;
+      }
+
+      /* optional */
+      .prism-editor__textarea:focus {
+        outline: none;
+      }
+
+      /* not required: */
+      .height-300 {
+        width: 491px;
+        height: 300px;
+      }
+
+      .infos {
+        width: 60px;
+        position: absolute;
+        left: 208px;
+        top: 0;
+      }
+
+      .con_left_footer {
+        position: absolute;
+        left: 499px;
+        top: 720px;
+      }
+    }
+
+    .con_right {
+      width: 480px;
+
+      .dialog-footer {
+        .el-button {
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+/deep/ .serveIp {
+  .el-form-item__error {
+    padding-top: 0px !important;
+    line-height: 0px !important;
+  }
+}
+
+.mqtt {
+  margin-left: 20px;
+}
+</style>
diff --git a/.history/src/components/ChiClone_20231208083557.vue b/.history/src/components/ChiClone_20231208083557.vue
new file mode 100644
index 0000000..ee30995
--- /dev/null
+++ b/.history/src/components/ChiClone_20231208083557.vue
@@ -0,0 +1,1022 @@
+<!-- 斥候MQTT云 -->
+<template>
+  <div class="Clone">
+    <!-- 设置树形控件 -->
+    <!-- <div v-click-outside="closeMenu"> -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
+    <div v-show="dialogVisible" class="tree_menu">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <!-- <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span> -->
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+    </div>
+    <!-- </div> -->
+    <div class="pas_params" v-show="add_passage" v-loading="loading">
+      <div class="content">
+        <div class="con_left">
+          <h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
+          <el-divider></el-divider>
+          <el-form
+            :model="formData"
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="formData"
+          >
+            <el-row>
+              <el-col :span="24">
+                <el-form-item>
+                  <el-checkbox v-model="mqtt_qiyong">启用</el-checkbox>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row class="serveIp">
+              <el-col :span="24">
+                <el-form-item
+                  label="服务器IP:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_ip"
+                >
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip1"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip2"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip3"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="mqtt_ip4"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="网关SN:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_wgsn"
+                >
+                  <el-input
+                    v-model="formData.mqtt_wgsn"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="端口:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_port"
+                >
+                  <el-input
+                    v-model="formData.mqtt_port"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="Keep Alive(s):"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_keepalive"
+                >
+                  <el-input
+                    v-model="formData.mqtt_keepalive"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-60000</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="实施数据发布主题:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_keepalive"
+                >
+                  <el-input
+                    v-model="formData.mqtt_sssjfbzt"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <!-- <el-row>
+              <el-col :span="12">
+                <el-form-item label="TLS加密:" :label-width="formLabelWidth" prop="mqtt_tls">
+                  <el-switch v-model="formData.mqtt_tls"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="清除Session:" :label-width="formLabelWidth" prop="mqtt_clearsession">
+                  <el-switch v-model="formData.mqtt_clearsession"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row> -->
+            <h3 class="info_play">信息发布</h3>
+            <el-divider></el-divider>
+
+            <el-row>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-row>
+                    <el-col :span="12">
+                      <el-form-item
+                        label="Qos(MQTT):"
+                        :label-width="formLabelWidth"
+                        prop="upload_week"
+                      >
+                        <el-select
+                          v-model="formData.mqtt_qos"
+                          placeholder="请选择"
+                          style="width: 200px"
+                        >
+                          <el-option
+                            v-for="item in options1"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                          >
+                          </el-option>
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="12">
+                                  <el-form-item label="retained:" :label-width="formLabelWidth" prop="retained">
+                                      <el-switch v-model="value1"></el-switch>
+                                  </el-form-item>
+                              </el-col> -->
+            </el-row>
+            <!-- <el-row>
+                              <el-col :span="12">
+                                  <el-form-item label="入口函数:" :label-width="formLabelWidth" prop="upload_week">
+                                      <el-input v-model="input1" placeholder="64" style="width: 200px;height:30px"></el-input>
+                                  </el-form-item>
+                              </el-col>
+                          </el-row> -->
+            <!-- <el-row>
+                              <el-col :span="12">
+                                  <el-form-item label="函数代码:" :label-width="formLabelWidth" prop="upload_week">
+                                      <prism-editor class="my-editor height-300" v-model="code" :highlight="highlighter"
+                                          :line-numbers="lineNumbers"></prism-editor>
+                                  </el-form-item>
+                              </el-col>
+                          </el-row> -->
+            <div class="con_left_footer">
+              <el-button type="primary" @click="submitForm">保 存</el-button>
+              <el-button @click="add_passage = true">取 消</el-button>
+            </div>
+          </el-form>
+        </div>
+        <div>
+          <div class="con_right">
+            <h3 class="mqtt" style="margin-top: 20px; color: white">
+              标准MQTT采集点
+            </h3>
+            <el-divider></el-divider>
+
+            <!-- <el-button type="info" plain @click="handleSelect">保存</el-button> -->
+            <!-- <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
+              <el-menu-item index="1">添加</el-menu-item>
+              <el-menu-item index="2">保存</el-menu-item>
+              <el-menu-item index="3">删除</el-menu-item>
+            </el-menu> -->
+          </div>
+          <el-table ref="singleTable" :data="tableData" style="width: 100%">
+            <el-table-column type="index"> </el-table-column>
+            <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
+                  <el-option
+                    v-for="(option, index) in options2"
+                    :key="index"
+                    :label="option.label"
+                    :value="option.value"
+                  ></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column property="mqtt_cjd_tagid" label="TagID">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
+                  <el-option
+                    v-for="(option, index) in options3"
+                    :key="index"
+                    :label="option.label"
+                    :value="option.value"
+                  ></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </div>
+    <!-- 添加按钮下显示出来的弹框信息 -->
+    <div>
+      <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
+        <el-tree
+          :data="points"
+          show-checkbox
+          node-key="id"
+          :default-expanded-keys="[1, 2]"
+          :default-checked-keys="[3, 4, 5, 6]"
+          :props="defaultProps"
+        >
+        </el-tree>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="savePoint">保 存</el-button>
+          <el-button @click="choose_point = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+
+    <!-- 网关信息 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+import { PrismEditor } from "vue-prism-editor";
+import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere
+// import highlighting library (you can use any library you want just return html string)
+import { highlight, languages } from "prismjs/components/prism-core";
+import "prismjs/components/prism-clike";
+import "prismjs/components/prism-javascript";
+import "prismjs/themes/prism-tomorrow.css"; // import syntax highlighting styles
+
+export default {
+  name: "ChiClone",
+  components: {
+    PrismEditor,
+  },
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      gateway: "",
+      trees: [],
+      user_id: "",
+      step: "",
+      mqtt_qiyong: false,
+      formData: {
+        mqtt_ip: "",
+        mqtt_wgsn: "",
+        mqtt_port: "",
+        mqtt_keepalive: "",
+        // mqtt_tls: false,
+        // mqtt_clearsession: false,
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_dxsx: "",
+        cjdpz_scms: "",
+
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+
+        ippz_wllx: "",
+        ippz_ip: "",
+        ippz_zwym: "",
+        ippz_wg: "",
+        ippz_dns: "",
+        ippz_dns_by: "",
+
+        sbpz_sbmc: "",
+        sbpz_kzqxy: "",
+        sbpz_ip: "",
+        sbpz_port: "",
+        sbpz_czdz: "",
+        sbpz_lxzq: "",
+        sbpz_qyhmcj: "",
+        sbpz_qyplcj: "",
+        sbpz_zdplcjs: "",
+        sbpz_cjcgsj: "",
+        sbpz_zqsbonchange: "",
+        sbpz_txsjjg: "",
+        sbpz_xqjcqxr: "",
+        sbpz_bcjcqxr: "",
+
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_dxsx: "",
+        cjdpz_scms: "",
+      },
+      mqtt_ip1: "",
+      mqtt_ip2: "",
+      mqtt_ip3: "",
+      mqtt_ip4: "",
+      // mqtt_sssjfbzt:"",
+
+      // code: 'console.log("Hello World")',
+      // lineNumbers: true, // true为编辑模式， false只展示不可编辑
+      points: [
+        {
+          id: 1,
+          label: "Device1",
+          children: [
+            {
+              id: 3,
+              label: "tag0001",
+            },
+            {
+              id: 4,
+              label: "tag0002",
+            },
+          ],
+        },
+        {
+          id: 2,
+          label: "Device1",
+          children: [
+            {
+              id: 5,
+              label: "tag0003",
+            },
+            {
+              id: 6,
+              label: "tag0004",
+            },
+          ],
+        },
+      ],
+      choose_point: false,
+      options1: [
+        {
+          value: "0",
+          label: "0",
+        },
+        {
+          value: "1",
+          label: "1",
+        },
+        {
+          value: "2",
+          label: "2",
+        },
+      ],
+      labelPosition: "left",
+      formLabelWidth: "145px",
+      input1: 192,
+      add_passage: true,
+      rightMenu: "",
+      dialogVisible: true,
+      isAdd: false,
+      datas: [
+        {
+          label: "Gateway",
+          children: [
+            {
+              label: "数据采集",
+              children: [
+                {
+                  label: "I/O点",
+                },
+                {
+                  label: "用户点",
+                },
+                {
+                  label: "计算点",
+                },
+                {
+                  label: "系统点",
+                },
+              ],
+            },
+            {
+              label: "上云服务",
+              children: [
+                {
+                  label: "标准 MQTT",
+                },
+                {
+                  label: "AWS loT",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      options2: [],
+      options3: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableData: [
+        {
+          mqtt_cjd_sbmc: "",
+          mqtt_cjd_tagid: "",
+        },
+      ],
+      rules: {
+        mqtt_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        mqtt_wgsn: [
+          { required: true, message: "请输入网关SN", trigger: "blur" },
+        ],
+        mqtt_port: [{ required: true, message: "请输入端口", trigger: "blur" }],
+        mqtt_keepalive: [
+          { required: true, message: "请输入KeepAlive", trigger: "blur" },
+        ],
+        mqtt_sssjfbzt: [
+          { required: true, message: "请输入上传模式", trigger: "blur" },
+        ],
+        mqtt_qos: [
+          { required: true, message: "请输入上传周期", trigger: "blur" },
+        ],
+        // data_filter: [
+        //   { required: true, message: "请输入数据过滤", trigger: "blur" },
+        // ],
+      },
+
+      // 网关配置的出现
+      outerVisible: false,
+      gateWay: {
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+      },
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关2",
+          label: "有线区网关2",
+        },
+        {
+          value: "无线区网关2",
+          label: "无线区网关2",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX2",
+          label: "LAN-BOX2",
+        },
+        {
+          value: "WLAN-BOX2",
+          label: "WLAN-BOX2",
+        },
+      ],
+    };
+  },
+  created() {
+    this.user_id = window.location.href.split("?")[1];
+    GetTree({
+      user_id: this.user_id,
+      type: "3",
+    }).then((res) => {
+      console.log(res);
+      console.log(JSON.parse(res.data.data.data));
+      this.trees = JSON.parse(res.data.data.data);
+    });
+  },
+  methods: {
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.mqtt_ip1 +
+          "." +
+          this.mqtt_ip2 +
+          "." +
+          this.mqtt_ip3 +
+          "." +
+          this.mqtt_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.mqtt_ip1 +
+            "." +
+            this.mqtt_ip2 +
+            "." +
+            this.mqtt_ip3 +
+            "." +
+            this.mqtt_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    // 提交时的校验
+    submitForm() {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveClone();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    // changeInput() {
+    //   this.flag = false;
+    //   this.trees[0].label = this.gateway;
+    //   this.sendTree();
+    // },
+    async rightClick(e, data, node) {
+      console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //   mark: "CHGYWG_yx",
+        //   user_id: this.user_id,
+        //   // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //   console.log(res2.data.data.mark_value);
+        //   let res3 = JSON.parse(res2.data.data.mark_value);
+        //   this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //   // console.log(this.formData.wgpz_wgid);
+        //   this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        // }
+      }
+    },
+    getParameter(data) {
+      console.log(data);
+      this.user_id = data;
+    },
+    treeNodeClick() {
+      this.add_passage = true;
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    handleSelect(key) {
+      console.log(key);
+      if (key == 1 && this.isAdd == false) {
+        this.choose_point = true;
+      } else if (key == 1 && this.isAdd == true) {
+        this.$message({
+          message: "添加失败,只能添加一条数据",
+          type: "error",
+        });
+        return false;
+      }
+    },
+    highlighter(code) {
+      return highlight(code, languages.js); //returns html
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    savePoint() {
+      this.choose_point = false;
+      this.isAdd = true;
+      this.$message({
+        message: "添加成功",
+        type: "success",
+      });
+    },
+    // async handleSelect() {
+    //   let datas = sessionStorage.getItem("CHGYWG_yx");
+    //   datas = { ...JSON.parse(datas), ...this.tableData[0] };
+    //   let res = await SaveUserAnswer({
+    //     mark: "CHGYWG_yx",
+    //     user_id: this.user_id,
+    //     mark_value: JSON.stringify(datas),
+    //   });
+    //   console.log(res);
+    //   sessionStorage.setItem("CHGYWG_yx", JSON.stringify(datas));
+    // },
+    async saveClone() {
+      var obj = {
+        // mqtt_qiyong: String(Number(this.formData.mqtt_qiyong)),
+        mqtt_ip:
+          this.mqtt_ip1 +
+          "." +
+          this.mqtt_ip2 +
+          "." +
+          this.mqtt_ip3 +
+          "." +
+          this.mqtt_ip4,
+        mqtt_wgsn: this.formData.mqtt_wgsn,
+        mqtt_port: this.formData.mqtt_port,
+        mqtt_keepalive: this.formData.mqtt_keepalive,
+        mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
+        mqtt_qos: this.formData.mqtt_qos,
+        mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
+        mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
+      };
+      let datas = { ...this.formData, ...obj };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(datas),
+        step: this.step,
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res);
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(datas));
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let { data } = await GetUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+      });
+
+      // alert(this.step);
+      console.log(data, "斥候有线网关的MQTT云页面");
+      this.loading = false;
+      if (data.data && data.state) {
+        if (data.data.step) {
+          this.step = data.data.step;
+        }
+        // console.log(JSON.parse(data.data.mark_value));
+        let obj = JSON.parse(data.data.mark_value);
+        if (obj.mqtt_ip) {
+          // this.formData.mqtt_qiyong = Boolean(Number(obj.mqtt_qiyong));
+          // console.log(obj.mqtt_qiyong);
+          // console.log(this.formData.mqtt_qiyong);
+          this.mqtt_ip1 = obj.mqtt_ip.split(".")[0];
+          this.mqtt_ip2 = obj.mqtt_ip.split(".")[1];
+          this.mqtt_ip3 = obj.mqtt_ip.split(".")[2];
+          this.mqtt_ip4 = obj.mqtt_ip.split(".")[3];
+          this.formData.mqtt_ip = obj.mqtt_ip;
+          this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+          this.formData.mqtt_port = obj.mqtt_port;
+          this.formData.mqtt_keepalive = obj.mqtt_keepalive;
+          this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+          this.formData.mqtt_qos = obj.mqtt_qos;
+        }
+        this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+        this.formData.sbpz_kzqxy = obj.sbpz_kzqxy;
+        this.formData.sbpz_ip = obj.sbpz_ip;
+        this.formData.sbpz_port = obj.sbpz_port;
+        this.formData.sbpz_czdz = obj.sbpz_czdz;
+        this.formData.sbpz_lxzq = obj.sbpz_lxzq;
+        this.formData.sbpz_qyhmcj = obj.sbpz_qyhmcj;
+        this.formData.sbpz_qyplcj = obj.sbpz_qyplcj;
+        this.formData.sbpz_zdplcjs = obj.sbpz_zdplcjs;
+        this.formData.sbpz_cjcgsj = obj.sbpz_cjcgsj;
+        this.formData.sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
+        this.formData.sbpz_txsjjg = obj.sbpz_txsjjg;
+        this.formData.sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+        this.formData.sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+
+        this.formData.ippz_wllx = obj.ippz_wllx;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_wg = obj.ippz_wg;
+        this.formData.ippz_dns = obj.ippz_dns;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_scms = obj.cjdpz_scms;
+        this.tableData[0].mqtt_cjd_sbmc = obj.sbpz_sbmc;
+        this.tableData[0].mqtt_cjd_tagid = obj.cjdpz_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "3",
+      });
+      console.log(result);
+    },
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // console.log(JSON.parse(datas));
+      let datas = { ...this.formData, ...this.tableData[0] };
+      // alert(JSON.stringify(datas));
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: this.step,
+      });
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.formData));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  mounted() {
+    this.GetUserAnswer();
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+/deep/ .pas_params {
+  .info_play {
+    width: 86px;
+    height: 20px;
+    color: white;
+    font-size: 14px;
+    text-align: left;
+  }
+
+  .el-divider--horizontal {
+    margin: 8px 0;
+  }
+
+  .el-button {
+    width: 80px;
+    height: 30px;
+    line-height: 0.5;
+  }
+
+  .el-col-24 {
+    padding-right: 348px;
+  }
+
+  .el-row {
+    height: 54px;
+    display: flex;
+    align-items: flex-start;
+
+    .el-col-1 {
+      color: white;
+      text-align: center;
+      line-height: 52px;
+      height: 20px;
+    }
+
+    .el-col-9 {
+      padding-left: 30px;
+    }
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .content {
+    position: absolute;
+    left: 362px;
+    top: 104px;
+    width: 1220px;
+    height: 836px;
+    line-height: 20px;
+    padding-left: 36px;
+    background-image: url(../assets/image/bg.png);
+    background-size: 100% 100%;
+    // background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    border: 1px solid rgba(187, 187, 187, 1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    .el-form-item {
+      margin-bottom: 20px !important;
+    }
+
+    /deep/ .con_left {
+      .el-con-5 {
+        width: 43px;
+      }
+    }
+
+    .con_left {
+      width: 706px;
+      height: 100%;
+      position: relative;
+      border-right: 1px solid rgba(187, 187, 187, 1);
+
+      .my-editor {
+        background: #2d2d2d;
+        color: #ccc;
+        font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
+        font-size: 14px;
+        line-height: 1.5;
+        padding: 5px;
+      }
+
+      /* optional */
+      .prism-editor__textarea:focus {
+        outline: none;
+      }
+
+      /* not required: */
+      .height-300 {
+        width: 491px;
+        height: 300px;
+      }
+
+      .infos {
+        width: 60px;
+        position: absolute;
+        left: 208px;
+        top: 0;
+      }
+
+      .con_left_footer {
+        position: absolute;
+        left: 499px;
+        top: 720px;
+      }
+    }
+
+    .con_right {
+      width: 480px;
+
+      .dialog-footer {
+        .el-button {
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+/deep/ .serveIp {
+  .el-form-item__error {
+    padding-top: 0px !important;
+    line-height: 0px !important;
+  }
+}
+
+.mqtt {
+  margin-left: 20px;
+}
+</style>
diff --git a/.history/src/components/ChiCollection_20231106112807.vue b/.history/src/components/ChiCollection_20231106112807.vue
deleted file mode 100644
index 16c5199..0000000
--- a/.history/src/components/ChiCollection_20231106112807.vue
+++ /dev/null
@@ -1,666 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="1">添加</el-menu-item>
-          <el-menu-item index="2">保存</el-menu-item>
-          <el-menu-item index="3">删除</el-menu-item>
-        </el-menu>
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位"> </el-table-column>
-        <template slot-scope="scope">
-          <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-        </template>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}</style>
diff --git a/.history/src/components/ChiCollection_20231106145501.vue b/.history/src/components/ChiCollection_20231106145501.vue
deleted file mode 100644
index 397c5ea..0000000
--- a/.history/src/components/ChiCollection_20231106145501.vue
+++ /dev/null
@@ -1,664 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu>
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位"> </el-table-column>
-        <template slot-scope="scope">
-          <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-        </template>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}</style>
diff --git a/.history/src/components/ChiCollection_20231107103507.vue b/.history/src/components/ChiCollection_20231107103507.vue
deleted file mode 100644
index 397c5ea..0000000
--- a/.history/src/components/ChiCollection_20231107103507.vue
+++ /dev/null
@@ -1,664 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu>
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位"> </el-table-column>
-        <template slot-scope="scope">
-          <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-        </template>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}</style>
diff --git a/.history/src/components/ChiCollection_20231107103508.vue b/.history/src/components/ChiCollection_20231107103508.vue
deleted file mode 100644
index 397c5ea..0000000
--- a/.history/src/components/ChiCollection_20231107103508.vue
+++ /dev/null
@@ -1,664 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu>
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位"> </el-table-column>
-        <template slot-scope="scope">
-          <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-        </template>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}</style>
diff --git a/.history/src/components/ChiCollection_20231107103546.vue b/.history/src/components/ChiCollection_20231107103546.vue
deleted file mode 100644
index 09e948c..0000000
--- a/.history/src/components/ChiCollection_20231107103546.vue
+++ /dev/null
@@ -1,665 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu>
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位"> </el-table-column>
-        <template slot-scope="scope">
-          <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-        </template>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}</style>
diff --git a/.history/src/components/ChiCollection_20231107105138.vue b/.history/src/components/ChiCollection_20231107105138.vue
deleted file mode 100644
index 0fe7d12..0000000
--- a/.history/src/components/ChiCollection_20231107105138.vue
+++ /dev/null
@@ -1,667 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu>
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107140618.vue b/.history/src/components/ChiCollection_20231107140618.vue
deleted file mode 100644
index da31a4a..0000000
--- a/.history/src/components/ChiCollection_20231107140618.vue
+++ /dev/null
@@ -1,668 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect"></el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "1",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107140844.vue b/.history/src/components/ChiCollection_20231107140844.vue
deleted file mode 100644
index d62e945..0000000
--- a/.history/src/components/ChiCollection_20231107140844.vue
+++ /dev/null
@@ -1,670 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect"></el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = {...JSON.parse(datas),...this.tableData[0]};
-      
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107140857.vue b/.history/src/components/ChiCollection_20231107140857.vue
deleted file mode 100644
index b47aa1a..0000000
--- a/.history/src/components/ChiCollection_20231107140857.vue
+++ /dev/null
@@ -1,674 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect"></el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107140935.vue b/.history/src/components/ChiCollection_20231107140935.vue
deleted file mode 100644
index 6ba742d..0000000
--- a/.history/src/components/ChiCollection_20231107140935.vue
+++ /dev/null
@@ -1,676 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect"></el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141015.vue b/.history/src/components/ChiCollection_20231107141015.vue
deleted file mode 100644
index e7d8c03..0000000
--- a/.history/src/components/ChiCollection_20231107141015.vue
+++ /dev/null
@@ -1,676 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141126.vue b/.history/src/components/ChiCollection_20231107141126.vue
deleted file mode 100644
index e2db246..0000000
--- a/.history/src/components/ChiCollection_20231107141126.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141221.vue b/.history/src/components/ChiCollection_20231107141221.vue
deleted file mode 100644
index e2db246..0000000
--- a/.history/src/components/ChiCollection_20231107141221.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect(key, keyPath) {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141304.vue b/.history/src/components/ChiCollection_20231107141304.vue
deleted file mode 100644
index ad199d6..0000000
--- a/.history/src/components/ChiCollection_20231107141304.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141305.vue b/.history/src/components/ChiCollection_20231107141305.vue
deleted file mode 100644
index ad199d6..0000000
--- a/.history/src/components/ChiCollection_20231107141305.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141441.vue b/.history/src/components/ChiCollection_20231107141441.vue
deleted file mode 100644
index 2fb366e..0000000
--- a/.history/src/components/ChiCollection_20231107141441.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141448.vue b/.history/src/components/ChiCollection_20231107141448.vue
deleted file mode 100644
index 9e26ba4..0000000
--- a/.history/src/components/ChiCollection_20231107141448.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141453.vue b/.history/src/components/ChiCollection_20231107141453.vue
deleted file mode 100644
index 02574d8..0000000
--- a/.history/src/components/ChiCollection_20231107141453.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2",JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141717.vue b/.history/src/components/ChiCollection_20231107141717.vue
deleted file mode 100644
index 4759119..0000000
--- a/.history/src/components/ChiCollection_20231107141717.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      // console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141946.vue b/.history/src/components/ChiCollection_20231107141946.vue
deleted file mode 100644
index bc03f54..0000000
--- a/.history/src/components/ChiCollection_20231107141946.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData:
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      // console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107141949.vue b/.history/src/components/ChiCollection_20231107141949.vue
deleted file mode 100644
index 7566b1f..0000000
--- a/.history/src/components/ChiCollection_20231107141949.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData:
-      {
-        cjdpz_tagid: "MachinePamHID909",
-        cjdpz_mc: "急停状态",
-        cjdpz_dz: "0X (Coil Status)",
-        cjdpz_jcqdz: "",
-        cjdpz_cjsjlx: "BIT（位0/1）",
-        cjdpz_dxsx: "读写",
-        cjdpz_scms: "Periodic",
-        cjdpz_dw: "",
-      },
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      // console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107142007.vue b/.history/src/components/ChiCollection_20231107142007.vue
deleted file mode 100644
index 4759119..0000000
--- a/.history/src/components/ChiCollection_20231107142007.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      // console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107142051.vue b/.history/src/components/ChiCollection_20231107142051.vue
deleted file mode 100644
index e4c036d..0000000
--- a/.history/src/components/ChiCollection_20231107142051.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107142059.vue b/.history/src/components/ChiCollection_20231107142059.vue
deleted file mode 100644
index e4c036d..0000000
--- a/.history/src/components/ChiCollection_20231107142059.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      this.tableData = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107143407.vue b/.history/src/components/ChiCollection_20231107143407.vue
deleted file mode 100644
index fca99cd..0000000
--- a/.history/src/components/ChiCollection_20231107143407.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.tableData),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(this.tableData));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107143417.vue b/.history/src/components/ChiCollection_20231107143417.vue
deleted file mode 100644
index bf1a8dc..0000000
--- a/.history/src/components/ChiCollection_20231107143417.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231107143612.vue b/.history/src/components/ChiCollection_20231107143612.vue
deleted file mode 100644
index 08c7cd1..0000000
--- a/.history/src/components/ChiCollection_20231107143612.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 采集点收集 -->
-<template>
-  <div>
-    <!-- 设置树形控件 -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
-    <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
-      <!-- 树形控件右键组件 -->
-    </div>
-    <div class="pas_params" v-show="add_passage">
-      <div>
-        <el-button type="info" plain @click="handleSelect">保存</el-button>
-        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-          <el-menu-item index="2">保存</el-menu-item>
-        </el-menu> -->
-      </div>
-      <el-table ref="singleTable" :data="tableData" style="width: 100%">
-        <el-table-column type="index"> </el-table-column>
-        <el-table-column property="cjdpz_tagid" label="TagID">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_tagid" placeholder="0X">
-              <el-option v-for="(option, index) in options1" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_mc" label="名称">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_mc" placeholder="0X">
-              <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="地址">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dz" placeholder="0X">
-              <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_jcqdz" label="寄存地址(十进制)" width="150px">
-          <template slot-scope="scope">
-            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
-              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
-            </el-select> -->
-            <el-input v-model="scope.row.cjdpz_jcqdz" placeholder="1-9999"></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="bool">
-              <el-option v-for="(option, index) in options5" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
-        <el-table-column property="cjdpz_dxsx" label="读写属性">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="读写">
-              <el-option v-for="(option, index) in options6" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_scms" label="上传模式">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.cjdpz_scms" placeholder="读写">
-              <el-option v-for="(option, index) in options7" :key="index" :label="option.label"
-                :value="option.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column property="cjdpz_dw" label="单位">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.cjdpz_dw" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-  name: "ChiCollection",
-
-  data() {
-    return {
-      options1: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
-      options2: [{
-        value: "急停状态",
-        label: "急停状态",
-      }, {
-        value: "产量",
-        label: "产量",
-      },
-      {
-        value: "相对位置X",
-        label: "相对位置X",
-      },
-      {
-        value: "相对位置Y",
-        label: "相对位置Y",
-      },
-      {
-        value: "相对位置Z",
-        label: "相对位置Z",
-      },
-      {
-        value: "实际位置X",
-        label: "实际位置X",
-      },
-      {
-        value: "实际位置Y",
-        label: "实际位置Y",
-      },
-      {
-        value: "实际位置Z",
-        label: "实际位置Z",
-      },
-      {
-        value: "主轴转速",
-        label: "主轴转速",
-      },
-      {
-        value: "当前刀具",
-        label: "当前刀具",
-      },
-      {
-        value: "预选刀具",
-        label: "预选刀具",
-      },
-      {
-        value: "报警信息",
-        label: "报警信息",
-      },
-      {
-        value: "驱动单元电流",
-        label: "驱动单元电流",
-      },
-      {
-        value: "负载电流",
-        label: "负载电流",
-      },
-      {
-        value: "额定电流",
-        label: "额定电流",
-      },
-      {
-        value: "运行时间",
-        label: "运行时间",
-      },
-      {
-        value: "加工产品用时",
-        label: "加工产品用时",
-      },
-      {
-        value: "工作模式",
-        label: "工作模式",
-      },
-      {
-        value: "切削速度",
-        label: "切削速度",
-      },
-      {
-        value: "任务信息",
-        label: "任务信息",
-      },
-      {
-        value: "使能状态",
-        label: "使能状态",
-      },
-      {
-        value: "系统状态",
-        label: "系统状态",
-      },
-      {
-        value: "执行任务信息",
-        label: "执行任务信息",
-      },
-      {
-        value: "进给倍军",
-        label: "进给倍军",
-      },
-      {
-        value: "轴速度",
-        label: "轴速度",
-      },
-      {
-        value: "轴角度",
-        label: "轴角度",
-      },
-      {
-        value: "进给速度",
-        label: "进给速度",
-      }],
-      options3: [{
-        value: "0X (Coil Status)",
-        label: "0X (Coil Status)"
-      },
-      {
-        value: "1X (Input Status)",
-        label: "1X (Input Status)"
-      }, {
-        value: "3X (Input Registers)",
-        label: "3X (Input Registers)"
-      },
-      {
-        value: "4X (Holding Register)",
-        label: "4X (Holding Register)"
-      }],
-      options4: [
-        {
-          value: "2000H",
-          label: "2000H",
-        },
-        {
-          value: "2002H",
-          label: "2002H",
-        },
-        {
-          value: "2004H",
-          label: "2004H",
-        },
-        {
-          value: "2005H",
-          label: "2005H",
-        },
-        {
-          value: "2006H",
-          label: "2006H",
-        },
-        {
-          value: "2007H",
-          label: "2007H",
-        },
-        {
-          value: "2008H",
-          label: "2008H",
-        },
-        {
-          value: "2009H",
-          label: "2009H",
-        },
-        {
-          value: "2010H",
-          label: "2010H",
-        },
-        {
-          value: "2011H",
-          label: "2011H",
-        },
-        {
-          value: "2012H",
-          label: "2012H",
-        },
-        {
-          value: "2013H",
-          label: "2013H",
-        },
-        {
-          value: "2014H",
-          label: "2014H",
-        },
-        {
-          value: "2015H",
-          label: "2015H",
-        },
-        {
-          value: "2016H",
-          label: "2016H",
-        },
-        {
-          value: "2017H",
-          label: "2017H",
-        },
-        {
-          value: "2018H",
-          label: "2018H",
-        },
-        {
-          value: "2019H",
-          label: "2019H",
-        },
-        {
-          value: "2020H",
-          label: "2020H",
-        }, {
-          value: "2021H",
-          label: "2021H",
-        },
-        {
-          value: "2022H",
-          label: "2022H",
-        },
-        {
-          value: "2023H",
-          label: "2023H",
-        },
-        {
-          value: "2024H",
-          label: "2024H",
-        },
-        {
-          value: "2027H",
-          label: "2027H",
-        },
-        {
-          value: "2028H",
-          label: "2028H",
-        },
-        {
-          value: "2029H",
-          label: "2029H",
-        },
-        {
-          value: "2030H",
-          label: "2030H",
-        }, {
-          value: "2031H",
-          label: "2031H",
-        }
-      ],
-      options5: [
-        {
-          value: " BIT（位0/1）",
-          label: " BIT（位0/1）"
-        },
-        {
-          value: "WORD（16位无符号整数）",
-          label: "WORD（16位无符号整数）"
-        }, {
-          value: "INT（16位有符号整数）",
-          label: "INT（16位有符号整数）"
-        },
-        {
-          value: "DWORD（32位无符号整数）",
-          label: "DWORD（32位无符号整数）"
-        },
-        {
-          value: "DINT（32位有符号整数）",
-          label: "DINT（32位有符号整数）"
-        }, {
-          value: "FLOAT（单精度浮点数）",
-          label: "FLOAT（单精度浮点数）"
-        }, {
-          value: "DOUBLE（64位浮点数）",
-          label: "DOUBLE（64位浮点数）"
-        }, {
-          value: "STRING（8位字符串）",
-          label: "STRING（8位字符串）"
-        }, {
-          value: "BCD16（16位BCD码）",
-          label: "BCD16（16位BCD码）"
-        }, {
-          value: "ULONG（64位无符号整数）",
-          label: "ULONG（64位无符号整数）"
-        }, {
-          value: "LONG（64位有符号整数）",
-          label: "LONG（64位有符号整数）"
-        },
-      ],
-      options6: [{
-        value: "读写",
-        label: "读写"
-      },
-      {
-        value: "只读",
-        label: "只读"
-      }, {
-        value: "只写",
-        label: "只写"
-      }],
-      options7: [{
-        value: "Periodic",
-        label: "Periodic"
-      },
-      {
-        value: "Onchange",
-        label: "Onchange"
-      }, {
-        value: "Never",
-        label: "Never"
-      }],
-      activeIndex: "1",
-      value1: 1,
-      checked: "",
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "上云服务",
-          children: [
-            {
-              label: "标准 MQTT"
-            },
-            {
-              label: "AWS loT"
-            }]
-        }]
-      }],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      tableData: [
-        {
-          cjdpz_tagid: "MachinePamHID909",
-          cjdpz_mc: "急停状态",
-          cjdpz_dz: "0X (Coil Status)",
-          cjdpz_jcqdz: "",
-          cjdpz_cjsjlx: "BIT（位0/1）",
-          cjdpz_dxsx: "读写",
-          cjdpz_scms: "Periodic",
-          cjdpz_dw: "",
-        },
-      ],
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    treeNodeClick() {
-      this.add_passage = true;
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    async handleSelect() {
-      let datas = sessionStorage.getItem("answer2");
-      // console.log(JSON.parse(datas));
-      datas = { ...JSON.parse(datas), ...this.tableData[0] };
-      let res = await SaveUserAnswer({
-        mark: "CHGYWG_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(datas),
-      });
-      console.log(res);
-      sessionStorage.setItem("answer2", JSON.stringify(datas));
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-/deep/ .pas_params {
-  position: absolute;
-  left: 362px;
-  top: 95px;
-  width: 1066px;
-  height: 752px;
-  line-height: 20px;
-  border-radius: 3px;
-  color: white;
-  background-image: url(../assets/image/bg.png);
-  background-size: 100% 100%;
-  // text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-
-  .el-button {
-    width: 80px;
-    height: 30px;
-    line-height: 0.5;
-  }
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 54px;
-  }
-
-  .el-row {
-    height: 40px;
-    display: flex;
-    align-items: flex-start;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-9 {
-      padding-left: 30px;
-    }
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .content {
-    position: absolute;
-    left: 377px;
-    top: 69px;
-    width: 1220px;
-    height: 836px;
-    line-height: 20px;
-    padding-left: 36px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    border: 1px solid rgba(187, 187, 187, 1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-
-    /deep/ .con_left {
-      .el-con-5 {
-        width: 43px;
-      }
-    }
-
-    .con_left {
-      width: 709px;
-      position: relative;
-
-      .con_left_footer {
-        position: absolute;
-        left: 499px;
-        top: 777px;
-      }
-    }
-
-    .con_right {
-      width: 480px;
-
-      .dialog-footer {
-        .el-button {
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/ChiCollection_20231208083615.vue b/.history/src/components/ChiCollection_20231208083615.vue
new file mode 100644
index 0000000..383a7c9
--- /dev/null
+++ b/.history/src/components/ChiCollection_20231208083615.vue
@@ -0,0 +1,1788 @@
+<!-- 采集点收集 -->
+<template>
+  <div>
+    <!-- 设置树形控件 -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
+    <div v-show="dialogVisible" class="tree_menu">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">编辑</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <div class="pas_params" v-show="add_passage" v-loading="loading">
+      <div>
+        <el-button type="primary" plain @click="handleSelect">保存</el-button>
+        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+          <el-menu-item index="2">保存</el-menu-item>
+        </el-menu> -->
+      </div>
+      <el-table ref="singleTable" :data="tableData" style="width: 100%">
+        <el-table-column type="index"> </el-table-column>
+        <el-table-column property="cjdpz_tagid" label="TagID">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_tagid" placeholder="">
+              <el-option
+                v-for="(option, index) in options1"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_mc" label="名称">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_mc" placeholder="">
+              <el-option
+                v-for="(option, index) in options2"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_sjq" label="数据区">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_sjq" placeholder="">
+              <el-option
+                v-for="(option, index) in options3"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="cjdpz_jcqdz"
+          label="寄存地址(十进制)"
+          width="150px"
+        >
+          <template slot-scope="scope">
+            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
+              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
+            </el-select> -->
+            <el-input
+              v-model="scope.row.cjdpz_jcqdz"
+              placeholder="1-9999"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="">
+              <el-option
+                v-for="(option, index) in options5"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+
+        <el-table-column property="cjdpz_dxsx" label="读写属性">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="">
+              <el-option
+                v-for="(option, index) in options6"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_scms" label="上传模式">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_scms" placeholder="">
+              <el-option
+                v-for="(option, index) in options7"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 网关信息 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="tableData[0]"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="tableData[0].wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="tableData[0].wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+
+    <!-- 设备信息 -->
+    <div class="deviceinfo">
+      <!-- <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree> -->
+      <el-dialog
+        title="新建设备"
+        :visible.sync="add_device"
+        width="902px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="tableData[0]"
+          :label-position="labelPosition"
+          :rules="rulesDevice"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="tableData[0].sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="item in opt1"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="控制器协议:"
+                :label-width="formLabelWidth"
+                prop="sbpz_kzqxy"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="tableData[0].sbpz_kzqxy"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                      disabled
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="IP地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_ip"
+              >
+                <el-row>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip1"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">. </el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip2"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip3"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip4"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="端口号:"
+                :label-width="formLabelWidth"
+                prop="sbpz_port"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_port"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row> </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="从站地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_czdz"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_czdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询周期(ms):"
+                :label-width="formLabelWidth"
+                prop="sbpz_lxzq"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_lxzq"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+                <div class="infos">1-3600</div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <!-- </el-form> -->
+          <div class="super_parmams">
+            <h3>高级参数</h3>
+            <div>
+              <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+              <i class="el-icon-caret-top" v-else="is_retract"></i>
+              <el-button
+                type="text"
+                plain
+                @click="getRetract"
+                style="
+                  width: 28px;
+                  color: rgba(16, 16, 16, 1);
+                  font-size: 14px;
+                  text-align: left;
+                  border: none;
+                "
+              >
+                收起</el-button
+              >
+            </div>
+          </div>
+          <el-divider></el-divider>
+          <div class="super_con" v-show="is_retract">
+            <!-- <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> -->
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用毫秒采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyhmcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyhmcj"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用批量采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyplcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyplcj"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="最大批量采集数:"
+                  label-width="126px"
+                  prop="sbpz_zdplcjs"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_zdplcjs"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-125</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="采集超过时间(ms):"
+                  label-width="140px"
+                  prop="sbpz_cjcgsj"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_cjcgsj"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-60000</div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="周期上报OnChange数据:"
+                  label-width="186px"
+                  prop="sbpz_zqsbonchange"
+                >
+                  <el-switch
+                    v-model="tableData[0].sbpz_zqsbonchange"
+                  ></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="通讯事件间隔(ms):"
+                  label-width="140px"
+                  prop="sbpz_txsjjg"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_txsjjg"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">0-1000</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="footer_con">
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    style="line-height: 20px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_xqjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt2"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_bcjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt3"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitFormDevice">保 存</el-button>
+          <el-button @click="add_device = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+export default {
+  name: "ChiCollection",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      add_device: false,
+      diag_drive: false,
+      isdisabled: true,
+      is_retract: true,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      options1: [
+        {
+          value: "MachinePamHID909",
+          label: "MachinePamHID909",
+        },
+        {
+          value: "MachinePamHID910",
+          label: "MachinePamHID910",
+        },
+        {
+          value: "MachinePamHID911",
+          label: "MachinePamHID911",
+        },
+        {
+          value: "MachinePamHID912",
+          label: "MachinePamHID912",
+        },
+        {
+          value: "MachinePamHID913",
+          label: "MachinePamHID913",
+        },
+        {
+          value: "MachinePamHID914",
+          label: "MachinePamHID914",
+        },
+        {
+          value: "MachinePamHID915",
+          label: "MachinePamHID915",
+        },
+        {
+          value: "MachinePamHID916",
+          label: "MachinePamHID916",
+        },
+        {
+          value: "MachinePamHID917",
+          label: "MachinePamHID917",
+        },
+        {
+          value: "MachinePamHID918",
+          label: "MachinePamHID918",
+        },
+        {
+          value: "MachinePamHID919",
+          label: "MachinePamHID919",
+        },
+        {
+          value: "MachinePamHID920",
+          label: "MachinePamHID920",
+        },
+        {
+          value: "MachinePamHID921",
+          label: "MachinePamHID921",
+        },
+        {
+          value: "MachinePamHID922",
+          label: "MachinePamHID922",
+        },
+        {
+          value: "MachinePamHID923",
+          label: "MachinePamHID923",
+        },
+        {
+          value: "MachinePamHID924",
+          label: "MachinePamHID924",
+        },
+        {
+          value: "MachinePamHID925",
+          label: "MachinePamHID925",
+        },
+        {
+          value: "MachinePamHID926",
+          label: "MachinePamHID926",
+        },
+        {
+          value: "MachinePamHID927",
+          label: "MachinePamHID927",
+        },
+        {
+          value: "MachinePamHID928",
+          label: "MachinePamHID928",
+        },
+        {
+          value: "MachinePamHID929",
+          label: "MachinePamHID929",
+        },
+        {
+          value: "MachinePamHID930",
+          label: "MachinePamHID930",
+        },
+        {
+          value: "MachinePamHID931",
+          label: "MachinePamHID931",
+        },
+        {
+          value: "MachinePamHID932",
+          label: "MachinePamHID932",
+        },
+        {
+          value: "MachinePamHID933",
+          label: "MachinePamHID933",
+        },
+        {
+          value: "MachinePamHID934",
+          label: "MachinePamHID934",
+        },
+        {
+          value: "MachinePamHID935",
+          label: "MachinePamHID935",
+        },
+        {
+          value: "MachinePamHID936",
+          label: "MachinePamHID936",
+        },
+        {
+          value: "MachinePamHID937",
+          label: "MachinePamHID937",
+        },
+        {
+          value: "MachinePamHID938",
+          label: "MachinePamHID938",
+        },
+      ],
+      options2: [
+        {
+          value: "急停状态",
+          label: "急停状态",
+        },
+        {
+          value: "产量",
+          label: "产量",
+        },
+        {
+          value: "相对位置X",
+          label: "相对位置X",
+        },
+        {
+          value: "相对位置Y",
+          label: "相对位置Y",
+        },
+        {
+          value: "相对位置Z",
+          label: "相对位置Z",
+        },
+        {
+          value: "实际位置X",
+          label: "实际位置X",
+        },
+        {
+          value: "实际位置Y",
+          label: "实际位置Y",
+        },
+        {
+          value: "实际位置Z",
+          label: "实际位置Z",
+        },
+        {
+          value: "主轴转速",
+          label: "主轴转速",
+        },
+        {
+          value: "当前刀具",
+          label: "当前刀具",
+        },
+        {
+          value: "预选刀具",
+          label: "预选刀具",
+        },
+        {
+          value: "报警信息",
+          label: "报警信息",
+        },
+        {
+          value: "驱动单元电流",
+          label: "驱动单元电流",
+        },
+        {
+          value: "负载电流",
+          label: "负载电流",
+        },
+        {
+          value: "额定电流",
+          label: "额定电流",
+        },
+        {
+          value: "运行时间",
+          label: "运行时间",
+        },
+        {
+          value: "加工产品用时",
+          label: "加工产品用时",
+        },
+        {
+          value: "工作模式",
+          label: "工作模式",
+        },
+        {
+          value: "切削速度",
+          label: "切削速度",
+        },
+        {
+          value: "任务信息",
+          label: "任务信息",
+        },
+        {
+          value: "使能状态",
+          label: "使能状态",
+        },
+        {
+          value: "系统状态",
+          label: "系统状态",
+        },
+        {
+          value: "执行任务信息",
+          label: "执行任务信息",
+        },
+        {
+          value: "进给倍军",
+          label: "进给倍军",
+        },
+        {
+          value: "轴速度",
+          label: "轴速度",
+        },
+        {
+          value: "轴角度",
+          label: "轴角度",
+        },
+        {
+          value: "进给速度",
+          label: "进给速度",
+        },
+      ],
+      options3: [
+        {
+          value: "0X (Coil Status)",
+          label: "0X (Coil Status)",
+        },
+        {
+          value: "1X (Input Status)",
+          label: "1X (Input Status)",
+        },
+        {
+          value: "3X (Input Registers)",
+          label: "3X (Input Registers)",
+        },
+        {
+          value: "4X (Holding Register)",
+          label: "4X (Holding Register)",
+        },
+      ],
+      options5: [
+        {
+          value: " BIT（位0/1）",
+          label: " BIT（位0/1）",
+        },
+        {
+          value: "WORD（16位无符号整数）",
+          label: "WORD（16位无符号整数）",
+        },
+        {
+          value: "INT（16位有符号整数）",
+          label: "INT（16位有符号整数）",
+        },
+        {
+          value: "DWORD（32位无符号整数）",
+          label: "DWORD（32位无符号整数）",
+        },
+        {
+          value: "DINT（32位有符号整数）",
+          label: "DINT（32位有符号整数）",
+        },
+        {
+          value: "FLOAT（单精度浮点数）",
+          label: "FLOAT（单精度浮点数）",
+        },
+        {
+          value: "DOUBLE（64位浮点数）",
+          label: "DOUBLE（64位浮点数）",
+        },
+        {
+          value: "STRING（8位字符串）",
+          label: "STRING（8位字符串）",
+        },
+        {
+          value: "BCD16（16位BCD码）",
+          label: "BCD16（16位BCD码）",
+        },
+        {
+          value: "ULONG（64位无符号整数）",
+          label: "ULONG（64位无符号整数）",
+        },
+        {
+          value: "LONG（64位有符号整数）",
+          label: "LONG（64位有符号整数）",
+        },
+      ],
+      options6: [
+        {
+          value: "读写",
+          label: "读写",
+        },
+        {
+          value: "只读",
+          label: "只读",
+        },
+        {
+          value: "只写",
+          label: "只写",
+        },
+      ],
+      options7: [
+        {
+          value: "Periodic",
+          label: "Periodic",
+        },
+        {
+          value: "Onchange",
+          label: "Onchange",
+        },
+        {
+          value: "Never",
+          label: "Never",
+        },
+      ],
+      activeIndex: "1",
+      checked: "",
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableData: [
+        {
+          wgpz_wgmc: "",
+          wgpz_wgid: "",
+
+          ippz_wllx: "",
+          ippz_ip: "",
+          ippz_zwym: "",
+          ippz_wg: "",
+          ippz_dns: "",
+          ippz_dns_by: "",
+
+          sbpz_sbmc: "",
+          sbpz_kzqxy: "",
+          sbpz_ip: "",
+          sbpz_port: "",
+          sbpz_czdz: "",
+          sbpz_lxzq: "",
+          sbpz_qyhmcj: "",
+          sbpz_qyplcj: "",
+          sbpz_zdplcjs: "",
+          sbpz_cjcgsj: "",
+          sbpz_zqsbonchange: "",
+          sbpz_txsjjg: "",
+          sbpz_xqjcqxr: "",
+          sbpz_bcjcqxr: "",
+
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_dxsx: "",
+          cjdpz_scms: "",
+
+          mqtt_ip: "",
+          mqtt_wgsn: "",
+          mqtt_port: "",
+          mqtt_keepalive: "",
+          // mqtt_tls: "",
+          // mqtt_clearsession: "",
+          mqtt_sssjfbzt: "",
+          mqtt_qos: "",
+
+          mqtt_cjd_sbmc: "",
+          mqtt_cjd_tagid: "",
+        },
+      ],
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关2",
+          label: "有线区网关2",
+        },
+        {
+          value: "无线区网关2",
+          label: "无线区网关2",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX2",
+          label: "LAN-BOX2",
+        },
+        {
+          value: "WLAN-BOX2",
+          label: "WLAN-BOX2",
+        },
+      ],
+
+      // 设备信息
+      sbpz_ip1: "",
+      sbpz_ip2: "",
+      sbpz_ip3: "",
+      sbpz_ip4: "",
+      opt1: [
+        {
+          value: "有线区精雕2",
+          label: "有线区精雕2",
+        },
+        {
+          value: "无线区精雕2",
+          label: "无线区精雕2",
+        },
+      ],
+      opt2: [
+        {
+          value: "05",
+          label: "05",
+        },
+      ],
+      opt3: [
+        {
+          value: "06",
+          label: "06",
+        },
+      ],
+      isdisabled: true,
+      radio: "1",
+      checked1: false,
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      add_passage: true,
+      dialogVisible: true,
+      menuShow: false,
+      datas2: [
+        {
+          label: "Allen-Bradley",
+          children: [
+            {
+              label: "EtherNet/IP(ControlLogix)",
+            },
+            {
+              label: "EtherNet/IP(MicroLogix)",
+            },
+          ],
+        },
+        {
+          label: "Modbus",
+          children: [
+            {
+              label: "Modbus TCP",
+            },
+            {
+              label: "Modbus RTU",
+            },
+            {
+              label: "Modbus ASCII",
+            },
+            {
+              label: "Modbus RTU Over TCP",
+            },
+          ],
+        },
+        {
+          label: "MITSUBISHI",
+          children: [
+            {
+              label: "Mitsubishi CPU Port(Serial)",
+            },
+            {
+              label: "Mitsubishi MC 3C",
+            },
+            {
+              label: "Mitsubishi MC 1E",
+            },
+            {
+              label: "Mitsubishi MC 3E",
+            },
+            {
+              label: "Mitsubishi MC 3C Over TCP",
+            },
+          ],
+        },
+        {
+          label: "OMRON",
+          children: [
+            {
+              label: "FINS TCP",
+            },
+            {
+              label: "FINS UDP",
+            },
+            {
+              label: "HostLink",
+            },
+          ],
+        },
+        {
+          label: "SIEMENS",
+          children: [
+            {
+              label: "ISO-on-TCP",
+            },
+            {
+              label: "PPI",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rulesDevice: {
+        sbpz_sbmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        sbpz_kzqxy: [
+          { required: true, message: "请输入控制器协议", trigger: "blur" },
+        ],
+        sbpz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        sbpz_czdz: [
+          { required: true, message: "请输入从站地址", trigger: "blur" },
+        ],
+        sbpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+        sbpz_lxzq: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        sbpz_qyhmcj: [
+          { required: true, message: "启用毫秒采集", trigger: "change" },
+        ],
+        sbpz_qyplcj: [
+          { required: true, message: "启用批量采集", trigger: "change" },
+        ],
+        sbpz_zdplcjs: [
+          { required: true, message: "请输入最大批量采集数", trigger: "blur" },
+        ],
+        sbpz_cjcgsj: [
+          { required: true, message: "请输入采集超过时间", trigger: "blur" },
+        ],
+        sbpz_zqsbonchange: [
+          {
+            required: true,
+            message: "周期上报Onchange数据",
+            trigger: "change",
+          },
+        ],
+        sbpz_txsjjg: [
+          { required: true, message: "请输入通讯时间间隔", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    async rightClick(e, data, node) {
+      console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+      }
+      if (node.level == 3 && data.label == this.tableData[0].sbpz_sbmc) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为编辑设备
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_device = true;
+        this.add_passage = false;
+        this.outerVisible = false;
+        let { data } = await GetUserAnswer({
+          mark: "CHGYWG_yx",
+          user_id: this.user_id,
+        });
+        this.loading = false;
+        console.log(data, "22222222");
+        // console.log(JSON.parse(data.data.mark_value));
+        if (data.data && data.state) {
+          let obj = JSON.parse(data.data.mark_value);
+          console.log(obj, "编辑按钮的显现");
+          if (obj.sbpz_ip) {
+            this.sbpz_ip1 = obj.sbpz_ip.split(".")[0];
+            this.sbpz_ip2 = obj.sbpz_ip.split(".")[1];
+            this.sbpz_ip3 = obj.sbpz_ip.split(".")[2];
+            this.sbpz_ip4 = obj.sbpz_ip.split(".")[3];
+            this.tableData[0].sbpz_ip = obj.sbpz_ip;
+            this.tableData[0].sbpz_zqsbonchange = Boolean(
+              Number(obj.sbpz_zqsbonchange)
+            );
+            this.tableData[0].sbpz_qyhmcj = Boolean(Number(obj.sbpz_qyhmcj));
+            this.tableData[0].sbpz_qyplcj = Boolean(Number(obj.sbpz_qyplcj));
+          }
+          this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+          this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+          this.tableData[0].sbpz_port = obj.sbpz_port;
+          this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+          this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+          this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+          this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+          // console.log(this.formData.sbpz_zqsbonchange);
+          this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+          this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+          this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+          this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+          this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+          this.tableData[0].ippz_wllx = obj.ippz_wllx;
+          this.tableData[0].ippz_ip = obj.ippz_ip;
+          this.tableData[0].ippz_zwym = obj.ippz_zwym;
+          this.tableData[0].ippz_wg = obj.ippz_wg;
+          this.tableData[0].ippz_dns = obj.ippz_dns;
+          this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+
+          this.tableData[0].mqtt_ip = obj.mqtt_ip;
+          this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+          this.tableData[0].mqtt_port = obj.mqtt_port;
+          this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+          // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+          // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+          this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+          this.tableData[0].mqtt_qos = obj.mqtt_qos;
+
+          this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+          this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        }
+      } else if (index == 2) {
+        this.menuShow = false;
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.add_passage = true;
+      this.foo();
+    },
+    // 保存表格中的数据
+    async handleSelect() {
+      // let datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // datas = { ...JSON.parse(datas), ...this.tableData[0] };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      // alert(this.tableData[0].sbpz_cjcgsj);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res);
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let { data } = await GetUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+      });
+      console.log(data, "斥候有线网关的采集点页面");
+      this.loading = false;
+      if (data.data && data.state) {
+        // console.log(JSON.parse(data.data.mark_value));
+        let obj = JSON.parse(data.data.mark_value);
+        // alert(obj.sbpz_qyhmcj);
+        // alert(obj.sbpz_qyplcj);
+        if (obj.cjdpz_tagid) {
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+        }
+        this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+        this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+        this.tableData[0].sbpz_ip = obj.sbpz_ip;
+        this.tableData[0].sbpz_port = obj.sbpz_port;
+        this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+        this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+        this.tableData[0].sbpz_qyhmcj = obj.sbpz_qyhmcj;
+        this.tableData[0].sbpz_qyplcj = obj.sbpz_qyplcj;
+        this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+        this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+        this.tableData[0].sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
+        this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+        this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+        this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+
+        this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+        this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+        this.tableData[0].ippz_wllx = obj.ippz_wllx;
+        this.tableData[0].ippz_ip = obj.ippz_ip;
+        this.tableData[0].ippz_zwym = obj.ippz_zwym;
+        this.tableData[0].ippz_wg = obj.ippz_wg;
+        this.tableData[0].ippz_dns = obj.ippz_dns;
+        this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+        this.tableData[0].mqtt_ip = obj.mqtt_ip;
+        this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+        this.tableData[0].mqtt_port = obj.mqtt_port;
+        this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+        // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+        // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+        this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.tableData[0].mqtt_qos = obj.mqtt_qos;
+        this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "3",
+      });
+      console.log(result);
+    },
+    //斥候设备的配置信息
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      if (node.childNodes.length == 0) {
+        this.tableData[0].sbpz_kzqxy = data.label;
+        this.diag_drive = false;
+      }
+    },
+    // 设备修改的校验信息
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.sbpz_ip1 +
+            "." +
+            this.sbpz_ip2 +
+            "." +
+            this.sbpz_ip3 +
+            "." +
+            this.sbpz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    submitFormDevice: _.debounce(function () {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async saveDevice() {
+      alert(String(Number(this.tableData[0].sbpz_qyhmcj)));
+      var obj = {
+        sbpz_sbmc: this.tableData[0].sbpz_sbmc,
+        sbpz_kzqxy: this.tableData[0].sbpz_kzqxy,
+        sbpz_ip:
+          this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4,
+        sbpz_port: this.tableData[0].sbpz_port,
+        sbpz_czdz: this.tableData[0].sbpz_czdz,
+        sbpz_lxzq: this.tableData[0].sbpz_lxzq,
+        sbpz_qyhmcj: String(Number(this.tableData[0].sbpz_qyhmcj)),
+        sbpz_qyplcj: String(Number(this.tableData[0].sbpz_qyplcj)),
+        sbpz_zdplcjs: this.tableData[0].sbpz_zdplcjs,
+        sbpz_cjcgsj: this.tableData[0].sbpz_cjcgsj,
+        sbpz_zqsbonchange: String(Number(this.tableData[0].sbpz_zqsbonchange)),
+        sbpz_txsjjg: this.tableData[0].sbpz_txsjjg,
+        sbpz_xqjcqxr: this.tableData[0].sbpz_xqjcqxr,
+        sbpz_bcjcqxr: this.tableData[0].sbpz_bcjcqxr,
+
+        ippz_wllx: this.tableData[0].ippz_wllx,
+        ippz_ip: this.tableData[0].ippz_ip,
+        ippz_zwym: this.tableData[0].ippz_zwym,
+        ippz_wg: this.tableData[0].ippz_wg,
+        ippz_dns: this.tableData[0].ippz_dns,
+        ippz_dns_by: this.tableData[0].ippz_dns_by,
+
+        wgpz_wgmc: this.tableData[0].wgpz_wgmc,
+        wgpz_wgid: this.tableData[0].wgpz_wgid,
+
+        cjdpz_tagid: this.tableData[0].cjdpz_tagid,
+        cjdpz_mc: this.tableData[0].cjdpz_mc,
+        cjdpz_sjq: this.tableData[0].cjdpz_sjq,
+        cjdpz_jcqdz: this.tableData[0].cjdpz_jcqdz,
+        cjdpz_cjsjlx: this.tableData[0].cjdpz_cjsjlx,
+        cjdpz_dxsx: this.tableData[0].cjdpz_dxsx,
+        cjdpz_scms: this.tableData[0].cjdpz_scms,
+
+        mqtt_ip: this.tableData[0].mqtt_ip,
+        mqtt_wgsn: this.tableData[0].mqtt_wgsn,
+        mqtt_port: this.tableData[0].mqtt_port,
+        mqtt_keepalive: this.tableData[0].mqtt_keepalive,
+        // mqtt_tls: this.tableData[0].mqtt_tls,
+        // mqtt_clearsession: this.tableData[0].mqtt_clearsession,
+        mqtt_sssjfbzt: this.tableData[0].mqtt_sssjfbzt,
+        mqtt_qos: this.tableData[0].mqtt_qos,
+
+        mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
+        mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
+      };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(obj),
+        step: "2",
+      });
+      alert(JSON.stringify(res.data));
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "更改成功",
+          type: "success",
+        });
+        this.updateLabelById(this.nodekey, this.tableData[0].sbpz_sbmc);
+        this.add_device = false;
+        this.sendTree();
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+
+    // 修改树形控件的名字
+    findNodeById(nodes, targetId) {
+      let foundNode = null;
+      const findNode = (nodes) => {
+        for (const node of nodes) {
+          if (node.id === targetId) {
+            // 找到节点
+            foundNode = node;
+            return;
+          }
+          if (node.children) {
+            findNode(node.children);
+          }
+        }
+      };
+
+      findNode(nodes);
+      return foundNode;
+    },
+    updateLabelById(targetId, newLabel) {
+      const targetNode = this.findNodeById(this.trees, targetId);
+      // console.log(targetId);
+      // console.log(targetNode);
+      // console.log(newLabel);
+      if (targetNode) {
+        // 找到节点，更新label值
+        // console.log(targetNode);
+        // console.log(newLabel);
+        this.$set(targetNode, "label", newLabel);
+        // 强制更新视图
+        this.$forceUpdate();
+        // this.getTree();
+        // this.getTree();
+      }
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // let datas = { ...this.tableData[0], ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.tableData[0].wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    this.GetUserAnswer();
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "3",
+      }).then((res) => {
+        console.log(res);
+        console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+/deep/ .pas_params {
+  position: absolute;
+  left: 362px;
+  top: 95px;
+  width: 1066px;
+  height: 752px;
+  line-height: 20px;
+  border-radius: 3px;
+  color: white;
+  background-image: url(../assets/image/bg.png);
+  background-size: 100% 100%;
+  // text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+
+  .el-button {
+    width: 80px;
+    height: 30px;
+    line-height: 0.5;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 54px;
+  }
+
+  .el-row {
+    height: 40px;
+    display: flex;
+    align-items: flex-start;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-9 {
+      padding-left: 30px;
+    }
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .content {
+    position: absolute;
+    left: 377px;
+    top: 69px;
+    width: 1220px;
+    height: 836px;
+    line-height: 20px;
+    padding-left: 36px;
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    border: 1px solid rgba(187, 187, 187, 1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+
+    /deep/ .con_left {
+      .el-con-5 {
+        width: 43px;
+      }
+    }
+
+    .con_left {
+      width: 709px;
+      position: relative;
+
+      .con_left_footer {
+        position: absolute;
+        left: 499px;
+        top: 777px;
+      }
+    }
+
+    .con_right {
+      width: 480px;
+
+      .dialog-footer {
+        .el-button {
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .deviceinfo {
+  .el-form-item {
+    margin-bottom: 20px !important;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 102px;
+  }
+
+  .el-divider--horizontal {
+    margin: 8px 0px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 25px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+/deep/ .super_con {
+  .el-form-item {
+    margin-bottom: 7px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+  }
+
+  .coil {
+    display: inline-block;
+    width: 98px;
+    height: 25px;
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    text-align: left;
+  }
+}
+
+.infos {
+  width: 60px;
+  position: absolute;
+  left: 208px;
+  top: 0;
+}
+
+/deep/ .footer_con {
+  .cjjcq_code {
+    // margin-left: 140px !important;
+    .el-form-item__content {
+      margin-left: 140px !important;
+    }
+  }
+
+  .el-form-item__label {
+    line-height: 20px;
+  }
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1478px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/.history/src/components/ChiCollection_20231208083616.vue b/.history/src/components/ChiCollection_20231208083616.vue
new file mode 100644
index 0000000..383a7c9
--- /dev/null
+++ b/.history/src/components/ChiCollection_20231208083616.vue
@@ -0,0 +1,1788 @@
+<!-- 采集点收集 -->
+<template>
+  <div>
+    <!-- 设置树形控件 -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
+    <div v-show="dialogVisible" class="tree_menu">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">编辑</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <div class="pas_params" v-show="add_passage" v-loading="loading">
+      <div>
+        <el-button type="primary" plain @click="handleSelect">保存</el-button>
+        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+          <el-menu-item index="2">保存</el-menu-item>
+        </el-menu> -->
+      </div>
+      <el-table ref="singleTable" :data="tableData" style="width: 100%">
+        <el-table-column type="index"> </el-table-column>
+        <el-table-column property="cjdpz_tagid" label="TagID">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_tagid" placeholder="">
+              <el-option
+                v-for="(option, index) in options1"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_mc" label="名称">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_mc" placeholder="">
+              <el-option
+                v-for="(option, index) in options2"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_sjq" label="数据区">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_sjq" placeholder="">
+              <el-option
+                v-for="(option, index) in options3"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="cjdpz_jcqdz"
+          label="寄存地址(十进制)"
+          width="150px"
+        >
+          <template slot-scope="scope">
+            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
+              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
+            </el-select> -->
+            <el-input
+              v-model="scope.row.cjdpz_jcqdz"
+              placeholder="1-9999"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="">
+              <el-option
+                v-for="(option, index) in options5"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+
+        <el-table-column property="cjdpz_dxsx" label="读写属性">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="">
+              <el-option
+                v-for="(option, index) in options6"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_scms" label="上传模式">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_scms" placeholder="">
+              <el-option
+                v-for="(option, index) in options7"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 网关信息 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="tableData[0]"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="tableData[0].wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="tableData[0].wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+
+    <!-- 设备信息 -->
+    <div class="deviceinfo">
+      <!-- <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree> -->
+      <el-dialog
+        title="新建设备"
+        :visible.sync="add_device"
+        width="902px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="tableData[0]"
+          :label-position="labelPosition"
+          :rules="rulesDevice"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="tableData[0].sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="item in opt1"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="控制器协议:"
+                :label-width="formLabelWidth"
+                prop="sbpz_kzqxy"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="tableData[0].sbpz_kzqxy"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                      disabled
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="IP地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_ip"
+              >
+                <el-row>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip1"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">. </el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip2"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip3"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip4"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="端口号:"
+                :label-width="formLabelWidth"
+                prop="sbpz_port"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_port"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row> </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="从站地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_czdz"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_czdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询周期(ms):"
+                :label-width="formLabelWidth"
+                prop="sbpz_lxzq"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_lxzq"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+                <div class="infos">1-3600</div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <!-- </el-form> -->
+          <div class="super_parmams">
+            <h3>高级参数</h3>
+            <div>
+              <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+              <i class="el-icon-caret-top" v-else="is_retract"></i>
+              <el-button
+                type="text"
+                plain
+                @click="getRetract"
+                style="
+                  width: 28px;
+                  color: rgba(16, 16, 16, 1);
+                  font-size: 14px;
+                  text-align: left;
+                  border: none;
+                "
+              >
+                收起</el-button
+              >
+            </div>
+          </div>
+          <el-divider></el-divider>
+          <div class="super_con" v-show="is_retract">
+            <!-- <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> -->
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用毫秒采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyhmcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyhmcj"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用批量采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyplcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyplcj"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="最大批量采集数:"
+                  label-width="126px"
+                  prop="sbpz_zdplcjs"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_zdplcjs"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-125</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="采集超过时间(ms):"
+                  label-width="140px"
+                  prop="sbpz_cjcgsj"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_cjcgsj"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-60000</div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="周期上报OnChange数据:"
+                  label-width="186px"
+                  prop="sbpz_zqsbonchange"
+                >
+                  <el-switch
+                    v-model="tableData[0].sbpz_zqsbonchange"
+                  ></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="通讯事件间隔(ms):"
+                  label-width="140px"
+                  prop="sbpz_txsjjg"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_txsjjg"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">0-1000</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="footer_con">
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    style="line-height: 20px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_xqjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt2"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_bcjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt3"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitFormDevice">保 存</el-button>
+          <el-button @click="add_device = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+export default {
+  name: "ChiCollection",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      add_device: false,
+      diag_drive: false,
+      isdisabled: true,
+      is_retract: true,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      options1: [
+        {
+          value: "MachinePamHID909",
+          label: "MachinePamHID909",
+        },
+        {
+          value: "MachinePamHID910",
+          label: "MachinePamHID910",
+        },
+        {
+          value: "MachinePamHID911",
+          label: "MachinePamHID911",
+        },
+        {
+          value: "MachinePamHID912",
+          label: "MachinePamHID912",
+        },
+        {
+          value: "MachinePamHID913",
+          label: "MachinePamHID913",
+        },
+        {
+          value: "MachinePamHID914",
+          label: "MachinePamHID914",
+        },
+        {
+          value: "MachinePamHID915",
+          label: "MachinePamHID915",
+        },
+        {
+          value: "MachinePamHID916",
+          label: "MachinePamHID916",
+        },
+        {
+          value: "MachinePamHID917",
+          label: "MachinePamHID917",
+        },
+        {
+          value: "MachinePamHID918",
+          label: "MachinePamHID918",
+        },
+        {
+          value: "MachinePamHID919",
+          label: "MachinePamHID919",
+        },
+        {
+          value: "MachinePamHID920",
+          label: "MachinePamHID920",
+        },
+        {
+          value: "MachinePamHID921",
+          label: "MachinePamHID921",
+        },
+        {
+          value: "MachinePamHID922",
+          label: "MachinePamHID922",
+        },
+        {
+          value: "MachinePamHID923",
+          label: "MachinePamHID923",
+        },
+        {
+          value: "MachinePamHID924",
+          label: "MachinePamHID924",
+        },
+        {
+          value: "MachinePamHID925",
+          label: "MachinePamHID925",
+        },
+        {
+          value: "MachinePamHID926",
+          label: "MachinePamHID926",
+        },
+        {
+          value: "MachinePamHID927",
+          label: "MachinePamHID927",
+        },
+        {
+          value: "MachinePamHID928",
+          label: "MachinePamHID928",
+        },
+        {
+          value: "MachinePamHID929",
+          label: "MachinePamHID929",
+        },
+        {
+          value: "MachinePamHID930",
+          label: "MachinePamHID930",
+        },
+        {
+          value: "MachinePamHID931",
+          label: "MachinePamHID931",
+        },
+        {
+          value: "MachinePamHID932",
+          label: "MachinePamHID932",
+        },
+        {
+          value: "MachinePamHID933",
+          label: "MachinePamHID933",
+        },
+        {
+          value: "MachinePamHID934",
+          label: "MachinePamHID934",
+        },
+        {
+          value: "MachinePamHID935",
+          label: "MachinePamHID935",
+        },
+        {
+          value: "MachinePamHID936",
+          label: "MachinePamHID936",
+        },
+        {
+          value: "MachinePamHID937",
+          label: "MachinePamHID937",
+        },
+        {
+          value: "MachinePamHID938",
+          label: "MachinePamHID938",
+        },
+      ],
+      options2: [
+        {
+          value: "急停状态",
+          label: "急停状态",
+        },
+        {
+          value: "产量",
+          label: "产量",
+        },
+        {
+          value: "相对位置X",
+          label: "相对位置X",
+        },
+        {
+          value: "相对位置Y",
+          label: "相对位置Y",
+        },
+        {
+          value: "相对位置Z",
+          label: "相对位置Z",
+        },
+        {
+          value: "实际位置X",
+          label: "实际位置X",
+        },
+        {
+          value: "实际位置Y",
+          label: "实际位置Y",
+        },
+        {
+          value: "实际位置Z",
+          label: "实际位置Z",
+        },
+        {
+          value: "主轴转速",
+          label: "主轴转速",
+        },
+        {
+          value: "当前刀具",
+          label: "当前刀具",
+        },
+        {
+          value: "预选刀具",
+          label: "预选刀具",
+        },
+        {
+          value: "报警信息",
+          label: "报警信息",
+        },
+        {
+          value: "驱动单元电流",
+          label: "驱动单元电流",
+        },
+        {
+          value: "负载电流",
+          label: "负载电流",
+        },
+        {
+          value: "额定电流",
+          label: "额定电流",
+        },
+        {
+          value: "运行时间",
+          label: "运行时间",
+        },
+        {
+          value: "加工产品用时",
+          label: "加工产品用时",
+        },
+        {
+          value: "工作模式",
+          label: "工作模式",
+        },
+        {
+          value: "切削速度",
+          label: "切削速度",
+        },
+        {
+          value: "任务信息",
+          label: "任务信息",
+        },
+        {
+          value: "使能状态",
+          label: "使能状态",
+        },
+        {
+          value: "系统状态",
+          label: "系统状态",
+        },
+        {
+          value: "执行任务信息",
+          label: "执行任务信息",
+        },
+        {
+          value: "进给倍军",
+          label: "进给倍军",
+        },
+        {
+          value: "轴速度",
+          label: "轴速度",
+        },
+        {
+          value: "轴角度",
+          label: "轴角度",
+        },
+        {
+          value: "进给速度",
+          label: "进给速度",
+        },
+      ],
+      options3: [
+        {
+          value: "0X (Coil Status)",
+          label: "0X (Coil Status)",
+        },
+        {
+          value: "1X (Input Status)",
+          label: "1X (Input Status)",
+        },
+        {
+          value: "3X (Input Registers)",
+          label: "3X (Input Registers)",
+        },
+        {
+          value: "4X (Holding Register)",
+          label: "4X (Holding Register)",
+        },
+      ],
+      options5: [
+        {
+          value: " BIT（位0/1）",
+          label: " BIT（位0/1）",
+        },
+        {
+          value: "WORD（16位无符号整数）",
+          label: "WORD（16位无符号整数）",
+        },
+        {
+          value: "INT（16位有符号整数）",
+          label: "INT（16位有符号整数）",
+        },
+        {
+          value: "DWORD（32位无符号整数）",
+          label: "DWORD（32位无符号整数）",
+        },
+        {
+          value: "DINT（32位有符号整数）",
+          label: "DINT（32位有符号整数）",
+        },
+        {
+          value: "FLOAT（单精度浮点数）",
+          label: "FLOAT（单精度浮点数）",
+        },
+        {
+          value: "DOUBLE（64位浮点数）",
+          label: "DOUBLE（64位浮点数）",
+        },
+        {
+          value: "STRING（8位字符串）",
+          label: "STRING（8位字符串）",
+        },
+        {
+          value: "BCD16（16位BCD码）",
+          label: "BCD16（16位BCD码）",
+        },
+        {
+          value: "ULONG（64位无符号整数）",
+          label: "ULONG（64位无符号整数）",
+        },
+        {
+          value: "LONG（64位有符号整数）",
+          label: "LONG（64位有符号整数）",
+        },
+      ],
+      options6: [
+        {
+          value: "读写",
+          label: "读写",
+        },
+        {
+          value: "只读",
+          label: "只读",
+        },
+        {
+          value: "只写",
+          label: "只写",
+        },
+      ],
+      options7: [
+        {
+          value: "Periodic",
+          label: "Periodic",
+        },
+        {
+          value: "Onchange",
+          label: "Onchange",
+        },
+        {
+          value: "Never",
+          label: "Never",
+        },
+      ],
+      activeIndex: "1",
+      checked: "",
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableData: [
+        {
+          wgpz_wgmc: "",
+          wgpz_wgid: "",
+
+          ippz_wllx: "",
+          ippz_ip: "",
+          ippz_zwym: "",
+          ippz_wg: "",
+          ippz_dns: "",
+          ippz_dns_by: "",
+
+          sbpz_sbmc: "",
+          sbpz_kzqxy: "",
+          sbpz_ip: "",
+          sbpz_port: "",
+          sbpz_czdz: "",
+          sbpz_lxzq: "",
+          sbpz_qyhmcj: "",
+          sbpz_qyplcj: "",
+          sbpz_zdplcjs: "",
+          sbpz_cjcgsj: "",
+          sbpz_zqsbonchange: "",
+          sbpz_txsjjg: "",
+          sbpz_xqjcqxr: "",
+          sbpz_bcjcqxr: "",
+
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_dxsx: "",
+          cjdpz_scms: "",
+
+          mqtt_ip: "",
+          mqtt_wgsn: "",
+          mqtt_port: "",
+          mqtt_keepalive: "",
+          // mqtt_tls: "",
+          // mqtt_clearsession: "",
+          mqtt_sssjfbzt: "",
+          mqtt_qos: "",
+
+          mqtt_cjd_sbmc: "",
+          mqtt_cjd_tagid: "",
+        },
+      ],
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关2",
+          label: "有线区网关2",
+        },
+        {
+          value: "无线区网关2",
+          label: "无线区网关2",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX2",
+          label: "LAN-BOX2",
+        },
+        {
+          value: "WLAN-BOX2",
+          label: "WLAN-BOX2",
+        },
+      ],
+
+      // 设备信息
+      sbpz_ip1: "",
+      sbpz_ip2: "",
+      sbpz_ip3: "",
+      sbpz_ip4: "",
+      opt1: [
+        {
+          value: "有线区精雕2",
+          label: "有线区精雕2",
+        },
+        {
+          value: "无线区精雕2",
+          label: "无线区精雕2",
+        },
+      ],
+      opt2: [
+        {
+          value: "05",
+          label: "05",
+        },
+      ],
+      opt3: [
+        {
+          value: "06",
+          label: "06",
+        },
+      ],
+      isdisabled: true,
+      radio: "1",
+      checked1: false,
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      add_passage: true,
+      dialogVisible: true,
+      menuShow: false,
+      datas2: [
+        {
+          label: "Allen-Bradley",
+          children: [
+            {
+              label: "EtherNet/IP(ControlLogix)",
+            },
+            {
+              label: "EtherNet/IP(MicroLogix)",
+            },
+          ],
+        },
+        {
+          label: "Modbus",
+          children: [
+            {
+              label: "Modbus TCP",
+            },
+            {
+              label: "Modbus RTU",
+            },
+            {
+              label: "Modbus ASCII",
+            },
+            {
+              label: "Modbus RTU Over TCP",
+            },
+          ],
+        },
+        {
+          label: "MITSUBISHI",
+          children: [
+            {
+              label: "Mitsubishi CPU Port(Serial)",
+            },
+            {
+              label: "Mitsubishi MC 3C",
+            },
+            {
+              label: "Mitsubishi MC 1E",
+            },
+            {
+              label: "Mitsubishi MC 3E",
+            },
+            {
+              label: "Mitsubishi MC 3C Over TCP",
+            },
+          ],
+        },
+        {
+          label: "OMRON",
+          children: [
+            {
+              label: "FINS TCP",
+            },
+            {
+              label: "FINS UDP",
+            },
+            {
+              label: "HostLink",
+            },
+          ],
+        },
+        {
+          label: "SIEMENS",
+          children: [
+            {
+              label: "ISO-on-TCP",
+            },
+            {
+              label: "PPI",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rulesDevice: {
+        sbpz_sbmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        sbpz_kzqxy: [
+          { required: true, message: "请输入控制器协议", trigger: "blur" },
+        ],
+        sbpz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        sbpz_czdz: [
+          { required: true, message: "请输入从站地址", trigger: "blur" },
+        ],
+        sbpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+        sbpz_lxzq: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        sbpz_qyhmcj: [
+          { required: true, message: "启用毫秒采集", trigger: "change" },
+        ],
+        sbpz_qyplcj: [
+          { required: true, message: "启用批量采集", trigger: "change" },
+        ],
+        sbpz_zdplcjs: [
+          { required: true, message: "请输入最大批量采集数", trigger: "blur" },
+        ],
+        sbpz_cjcgsj: [
+          { required: true, message: "请输入采集超过时间", trigger: "blur" },
+        ],
+        sbpz_zqsbonchange: [
+          {
+            required: true,
+            message: "周期上报Onchange数据",
+            trigger: "change",
+          },
+        ],
+        sbpz_txsjjg: [
+          { required: true, message: "请输入通讯时间间隔", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    async rightClick(e, data, node) {
+      console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+      }
+      if (node.level == 3 && data.label == this.tableData[0].sbpz_sbmc) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为编辑设备
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_device = true;
+        this.add_passage = false;
+        this.outerVisible = false;
+        let { data } = await GetUserAnswer({
+          mark: "CHGYWG_yx",
+          user_id: this.user_id,
+        });
+        this.loading = false;
+        console.log(data, "22222222");
+        // console.log(JSON.parse(data.data.mark_value));
+        if (data.data && data.state) {
+          let obj = JSON.parse(data.data.mark_value);
+          console.log(obj, "编辑按钮的显现");
+          if (obj.sbpz_ip) {
+            this.sbpz_ip1 = obj.sbpz_ip.split(".")[0];
+            this.sbpz_ip2 = obj.sbpz_ip.split(".")[1];
+            this.sbpz_ip3 = obj.sbpz_ip.split(".")[2];
+            this.sbpz_ip4 = obj.sbpz_ip.split(".")[3];
+            this.tableData[0].sbpz_ip = obj.sbpz_ip;
+            this.tableData[0].sbpz_zqsbonchange = Boolean(
+              Number(obj.sbpz_zqsbonchange)
+            );
+            this.tableData[0].sbpz_qyhmcj = Boolean(Number(obj.sbpz_qyhmcj));
+            this.tableData[0].sbpz_qyplcj = Boolean(Number(obj.sbpz_qyplcj));
+          }
+          this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+          this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+          this.tableData[0].sbpz_port = obj.sbpz_port;
+          this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+          this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+          this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+          this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+          // console.log(this.formData.sbpz_zqsbonchange);
+          this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+          this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+          this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+          this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+          this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+          this.tableData[0].ippz_wllx = obj.ippz_wllx;
+          this.tableData[0].ippz_ip = obj.ippz_ip;
+          this.tableData[0].ippz_zwym = obj.ippz_zwym;
+          this.tableData[0].ippz_wg = obj.ippz_wg;
+          this.tableData[0].ippz_dns = obj.ippz_dns;
+          this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+
+          this.tableData[0].mqtt_ip = obj.mqtt_ip;
+          this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+          this.tableData[0].mqtt_port = obj.mqtt_port;
+          this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+          // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+          // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+          this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+          this.tableData[0].mqtt_qos = obj.mqtt_qos;
+
+          this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+          this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        }
+      } else if (index == 2) {
+        this.menuShow = false;
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.add_passage = true;
+      this.foo();
+    },
+    // 保存表格中的数据
+    async handleSelect() {
+      // let datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // datas = { ...JSON.parse(datas), ...this.tableData[0] };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      // alert(this.tableData[0].sbpz_cjcgsj);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res);
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let { data } = await GetUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+      });
+      console.log(data, "斥候有线网关的采集点页面");
+      this.loading = false;
+      if (data.data && data.state) {
+        // console.log(JSON.parse(data.data.mark_value));
+        let obj = JSON.parse(data.data.mark_value);
+        // alert(obj.sbpz_qyhmcj);
+        // alert(obj.sbpz_qyplcj);
+        if (obj.cjdpz_tagid) {
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+        }
+        this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+        this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+        this.tableData[0].sbpz_ip = obj.sbpz_ip;
+        this.tableData[0].sbpz_port = obj.sbpz_port;
+        this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+        this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+        this.tableData[0].sbpz_qyhmcj = obj.sbpz_qyhmcj;
+        this.tableData[0].sbpz_qyplcj = obj.sbpz_qyplcj;
+        this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+        this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+        this.tableData[0].sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
+        this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+        this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+        this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+
+        this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+        this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+        this.tableData[0].ippz_wllx = obj.ippz_wllx;
+        this.tableData[0].ippz_ip = obj.ippz_ip;
+        this.tableData[0].ippz_zwym = obj.ippz_zwym;
+        this.tableData[0].ippz_wg = obj.ippz_wg;
+        this.tableData[0].ippz_dns = obj.ippz_dns;
+        this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+        this.tableData[0].mqtt_ip = obj.mqtt_ip;
+        this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+        this.tableData[0].mqtt_port = obj.mqtt_port;
+        this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+        // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+        // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+        this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.tableData[0].mqtt_qos = obj.mqtt_qos;
+        this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "3",
+      });
+      console.log(result);
+    },
+    //斥候设备的配置信息
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      if (node.childNodes.length == 0) {
+        this.tableData[0].sbpz_kzqxy = data.label;
+        this.diag_drive = false;
+      }
+    },
+    // 设备修改的校验信息
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.sbpz_ip1 +
+            "." +
+            this.sbpz_ip2 +
+            "." +
+            this.sbpz_ip3 +
+            "." +
+            this.sbpz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    submitFormDevice: _.debounce(function () {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async saveDevice() {
+      alert(String(Number(this.tableData[0].sbpz_qyhmcj)));
+      var obj = {
+        sbpz_sbmc: this.tableData[0].sbpz_sbmc,
+        sbpz_kzqxy: this.tableData[0].sbpz_kzqxy,
+        sbpz_ip:
+          this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4,
+        sbpz_port: this.tableData[0].sbpz_port,
+        sbpz_czdz: this.tableData[0].sbpz_czdz,
+        sbpz_lxzq: this.tableData[0].sbpz_lxzq,
+        sbpz_qyhmcj: String(Number(this.tableData[0].sbpz_qyhmcj)),
+        sbpz_qyplcj: String(Number(this.tableData[0].sbpz_qyplcj)),
+        sbpz_zdplcjs: this.tableData[0].sbpz_zdplcjs,
+        sbpz_cjcgsj: this.tableData[0].sbpz_cjcgsj,
+        sbpz_zqsbonchange: String(Number(this.tableData[0].sbpz_zqsbonchange)),
+        sbpz_txsjjg: this.tableData[0].sbpz_txsjjg,
+        sbpz_xqjcqxr: this.tableData[0].sbpz_xqjcqxr,
+        sbpz_bcjcqxr: this.tableData[0].sbpz_bcjcqxr,
+
+        ippz_wllx: this.tableData[0].ippz_wllx,
+        ippz_ip: this.tableData[0].ippz_ip,
+        ippz_zwym: this.tableData[0].ippz_zwym,
+        ippz_wg: this.tableData[0].ippz_wg,
+        ippz_dns: this.tableData[0].ippz_dns,
+        ippz_dns_by: this.tableData[0].ippz_dns_by,
+
+        wgpz_wgmc: this.tableData[0].wgpz_wgmc,
+        wgpz_wgid: this.tableData[0].wgpz_wgid,
+
+        cjdpz_tagid: this.tableData[0].cjdpz_tagid,
+        cjdpz_mc: this.tableData[0].cjdpz_mc,
+        cjdpz_sjq: this.tableData[0].cjdpz_sjq,
+        cjdpz_jcqdz: this.tableData[0].cjdpz_jcqdz,
+        cjdpz_cjsjlx: this.tableData[0].cjdpz_cjsjlx,
+        cjdpz_dxsx: this.tableData[0].cjdpz_dxsx,
+        cjdpz_scms: this.tableData[0].cjdpz_scms,
+
+        mqtt_ip: this.tableData[0].mqtt_ip,
+        mqtt_wgsn: this.tableData[0].mqtt_wgsn,
+        mqtt_port: this.tableData[0].mqtt_port,
+        mqtt_keepalive: this.tableData[0].mqtt_keepalive,
+        // mqtt_tls: this.tableData[0].mqtt_tls,
+        // mqtt_clearsession: this.tableData[0].mqtt_clearsession,
+        mqtt_sssjfbzt: this.tableData[0].mqtt_sssjfbzt,
+        mqtt_qos: this.tableData[0].mqtt_qos,
+
+        mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
+        mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
+      };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(obj),
+        step: "2",
+      });
+      alert(JSON.stringify(res.data));
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "更改成功",
+          type: "success",
+        });
+        this.updateLabelById(this.nodekey, this.tableData[0].sbpz_sbmc);
+        this.add_device = false;
+        this.sendTree();
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+
+    // 修改树形控件的名字
+    findNodeById(nodes, targetId) {
+      let foundNode = null;
+      const findNode = (nodes) => {
+        for (const node of nodes) {
+          if (node.id === targetId) {
+            // 找到节点
+            foundNode = node;
+            return;
+          }
+          if (node.children) {
+            findNode(node.children);
+          }
+        }
+      };
+
+      findNode(nodes);
+      return foundNode;
+    },
+    updateLabelById(targetId, newLabel) {
+      const targetNode = this.findNodeById(this.trees, targetId);
+      // console.log(targetId);
+      // console.log(targetNode);
+      // console.log(newLabel);
+      if (targetNode) {
+        // 找到节点，更新label值
+        // console.log(targetNode);
+        // console.log(newLabel);
+        this.$set(targetNode, "label", newLabel);
+        // 强制更新视图
+        this.$forceUpdate();
+        // this.getTree();
+        // this.getTree();
+      }
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // let datas = { ...this.tableData[0], ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.tableData[0].wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    this.GetUserAnswer();
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "3",
+      }).then((res) => {
+        console.log(res);
+        console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+/deep/ .pas_params {
+  position: absolute;
+  left: 362px;
+  top: 95px;
+  width: 1066px;
+  height: 752px;
+  line-height: 20px;
+  border-radius: 3px;
+  color: white;
+  background-image: url(../assets/image/bg.png);
+  background-size: 100% 100%;
+  // text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+
+  .el-button {
+    width: 80px;
+    height: 30px;
+    line-height: 0.5;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 54px;
+  }
+
+  .el-row {
+    height: 40px;
+    display: flex;
+    align-items: flex-start;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-9 {
+      padding-left: 30px;
+    }
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .content {
+    position: absolute;
+    left: 377px;
+    top: 69px;
+    width: 1220px;
+    height: 836px;
+    line-height: 20px;
+    padding-left: 36px;
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    border: 1px solid rgba(187, 187, 187, 1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+
+    /deep/ .con_left {
+      .el-con-5 {
+        width: 43px;
+      }
+    }
+
+    .con_left {
+      width: 709px;
+      position: relative;
+
+      .con_left_footer {
+        position: absolute;
+        left: 499px;
+        top: 777px;
+      }
+    }
+
+    .con_right {
+      width: 480px;
+
+      .dialog-footer {
+        .el-button {
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .deviceinfo {
+  .el-form-item {
+    margin-bottom: 20px !important;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 102px;
+  }
+
+  .el-divider--horizontal {
+    margin: 8px 0px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 25px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+/deep/ .super_con {
+  .el-form-item {
+    margin-bottom: 7px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+  }
+
+  .coil {
+    display: inline-block;
+    width: 98px;
+    height: 25px;
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    text-align: left;
+  }
+}
+
+.infos {
+  width: 60px;
+  position: absolute;
+  left: 208px;
+  top: 0;
+}
+
+/deep/ .footer_con {
+  .cjjcq_code {
+    // margin-left: 140px !important;
+    .el-form-item__content {
+      margin-left: 140px !important;
+    }
+  }
+
+  .el-form-item__label {
+    line-height: 20px;
+  }
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1478px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/.history/src/components/ChiCollection_20231208083621.vue b/.history/src/components/ChiCollection_20231208083621.vue
new file mode 100644
index 0000000..2751889
--- /dev/null
+++ b/.history/src/components/ChiCollection_20231208083621.vue
@@ -0,0 +1,1788 @@
+<!-- 采集点收集 -->
+<template>
+  <div>
+    <!-- 设置树形控件 -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
+    <div v-show="dialogVisible" class="tree_menu">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">编辑</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <div class="pas_params" v-show="add_passage" v-loading="loading">
+      <div>
+        <el-button type="primary" plain @click="handleSelect">保存</el-button>
+        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+          <el-menu-item index="2">保存</el-menu-item>
+        </el-menu> -->
+      </div>
+      <el-table ref="singleTable" :data="tableData" style="width: 100%">
+        <el-table-column type="index"> </el-table-column>
+        <el-table-column property="cjdpz_tagid" label="TagID">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_tagid" placeholder="">
+              <el-option
+                v-for="(option, index) in options1"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_mc" label="名称">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_mc" placeholder="">
+              <el-option
+                v-for="(option, index) in options2"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_sjq" label="数据区">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_sjq" placeholder="">
+              <el-option
+                v-for="(option, index) in options3"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="cjdpz_jcqdz"
+          label="寄存地址(十进制)"
+          width="150px"
+        >
+          <template slot-scope="scope">
+            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
+              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
+            </el-select> -->
+            <el-input
+              v-model="scope.row.cjdpz_jcqdz"
+              placeholder="1-9999"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="">
+              <el-option
+                v-for="(option, index) in options5"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+
+        <el-table-column property="cjdpz_dxsx" label="读写属性">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="">
+              <el-option
+                v-for="(option, index) in options6"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_scms" label="上传模式">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_scms" placeholder="">
+              <el-option
+                v-for="(option, index) in options7"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 网关信息 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="tableData[0]"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="tableData[0].wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="tableData[0].wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+
+    <!-- 设备信息 -->
+    <div class="deviceinfo">
+      <!-- <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree> -->
+      <el-dialog
+        title="新建设备"
+        :visible.sync="add_device"
+        width="902px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="tableData[0]"
+          :label-position="labelPosition"
+          :rules="rulesDevice"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="tableData[0].sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="item in opt1"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="控制器协议:"
+                :label-width="formLabelWidth"
+                prop="sbpz_kzqxy"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="tableData[0].sbpz_kzqxy"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                      disabled
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="IP地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_ip"
+              >
+                <el-row>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip1"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">. </el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip2"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip3"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip4"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="端口号:"
+                :label-width="formLabelWidth"
+                prop="sbpz_port"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_port"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row> </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="从站地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_czdz"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_czdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询周期(ms):"
+                :label-width="formLabelWidth"
+                prop="sbpz_lxzq"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_lxzq"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+                <div class="infos">1-3600</div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <!-- </el-form> -->
+          <div class="super_parmams">
+            <h3>高级参数</h3>
+            <div>
+              <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+              <i class="el-icon-caret-top" v-else="is_retract"></i>
+              <el-button
+                type="text"
+                plain
+                @click="getRetract"
+                style="
+                  width: 28px;
+                  color: rgba(16, 16, 16, 1);
+                  font-size: 14px;
+                  text-align: left;
+                  border: none;
+                "
+              >
+                收起</el-button
+              >
+            </div>
+          </div>
+          <el-divider></el-divider>
+          <div class="super_con" v-show="is_retract">
+            <!-- <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> -->
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用毫秒采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyhmcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyhmcj"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用批量采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyplcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyplcj"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="最大批量采集数:"
+                  label-width="126px"
+                  prop="sbpz_zdplcjs"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_zdplcjs"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-125</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="采集超过时间(ms):"
+                  label-width="140px"
+                  prop="sbpz_cjcgsj"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_cjcgsj"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-60000</div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="周期上报OnChange数据:"
+                  label-width="186px"
+                  prop="sbpz_zqsbonchange"
+                >
+                  <el-switch
+                    v-model="tableData[0].sbpz_zqsbonchange"
+                  ></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="通讯事件间隔(ms):"
+                  label-width="140px"
+                  prop="sbpz_txsjjg"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_txsjjg"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">0-1000</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="footer_con">
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    style="line-height: 20px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_xqjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt2"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_bcjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt3"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitFormDevice">保 存</el-button>
+          <el-button @click="add_device = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+export default {
+  name: "ChiCollection",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      add_device: false,
+      diag_drive: false,
+      isdisabled: true,
+      is_retract: true,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      options1: [
+        {
+          value: "MachinePamHID909",
+          label: "MachinePamHID909",
+        },
+        {
+          value: "MachinePamHID910",
+          label: "MachinePamHID910",
+        },
+        {
+          value: "MachinePamHID911",
+          label: "MachinePamHID911",
+        },
+        {
+          value: "MachinePamHID912",
+          label: "MachinePamHID912",
+        },
+        {
+          value: "MachinePamHID913",
+          label: "MachinePamHID913",
+        },
+        {
+          value: "MachinePamHID914",
+          label: "MachinePamHID914",
+        },
+        {
+          value: "MachinePamHID915",
+          label: "MachinePamHID915",
+        },
+        {
+          value: "MachinePamHID916",
+          label: "MachinePamHID916",
+        },
+        {
+          value: "MachinePamHID917",
+          label: "MachinePamHID917",
+        },
+        {
+          value: "MachinePamHID918",
+          label: "MachinePamHID918",
+        },
+        {
+          value: "MachinePamHID919",
+          label: "MachinePamHID919",
+        },
+        {
+          value: "MachinePamHID920",
+          label: "MachinePamHID920",
+        },
+        {
+          value: "MachinePamHID921",
+          label: "MachinePamHID921",
+        },
+        {
+          value: "MachinePamHID922",
+          label: "MachinePamHID922",
+        },
+        {
+          value: "MachinePamHID923",
+          label: "MachinePamHID923",
+        },
+        {
+          value: "MachinePamHID924",
+          label: "MachinePamHID924",
+        },
+        {
+          value: "MachinePamHID925",
+          label: "MachinePamHID925",
+        },
+        {
+          value: "MachinePamHID926",
+          label: "MachinePamHID926",
+        },
+        {
+          value: "MachinePamHID927",
+          label: "MachinePamHID927",
+        },
+        {
+          value: "MachinePamHID928",
+          label: "MachinePamHID928",
+        },
+        {
+          value: "MachinePamHID929",
+          label: "MachinePamHID929",
+        },
+        {
+          value: "MachinePamHID930",
+          label: "MachinePamHID930",
+        },
+        {
+          value: "MachinePamHID931",
+          label: "MachinePamHID931",
+        },
+        {
+          value: "MachinePamHID932",
+          label: "MachinePamHID932",
+        },
+        {
+          value: "MachinePamHID933",
+          label: "MachinePamHID933",
+        },
+        {
+          value: "MachinePamHID934",
+          label: "MachinePamHID934",
+        },
+        {
+          value: "MachinePamHID935",
+          label: "MachinePamHID935",
+        },
+        {
+          value: "MachinePamHID936",
+          label: "MachinePamHID936",
+        },
+        {
+          value: "MachinePamHID937",
+          label: "MachinePamHID937",
+        },
+        {
+          value: "MachinePamHID938",
+          label: "MachinePamHID938",
+        },
+      ],
+      options2: [
+        {
+          value: "急停状态",
+          label: "急停状态",
+        },
+        {
+          value: "产量",
+          label: "产量",
+        },
+        {
+          value: "相对位置X",
+          label: "相对位置X",
+        },
+        {
+          value: "相对位置Y",
+          label: "相对位置Y",
+        },
+        {
+          value: "相对位置Z",
+          label: "相对位置Z",
+        },
+        {
+          value: "实际位置X",
+          label: "实际位置X",
+        },
+        {
+          value: "实际位置Y",
+          label: "实际位置Y",
+        },
+        {
+          value: "实际位置Z",
+          label: "实际位置Z",
+        },
+        {
+          value: "主轴转速",
+          label: "主轴转速",
+        },
+        {
+          value: "当前刀具",
+          label: "当前刀具",
+        },
+        {
+          value: "预选刀具",
+          label: "预选刀具",
+        },
+        {
+          value: "报警信息",
+          label: "报警信息",
+        },
+        {
+          value: "驱动单元电流",
+          label: "驱动单元电流",
+        },
+        {
+          value: "负载电流",
+          label: "负载电流",
+        },
+        {
+          value: "额定电流",
+          label: "额定电流",
+        },
+        {
+          value: "运行时间",
+          label: "运行时间",
+        },
+        {
+          value: "加工产品用时",
+          label: "加工产品用时",
+        },
+        {
+          value: "工作模式",
+          label: "工作模式",
+        },
+        {
+          value: "切削速度",
+          label: "切削速度",
+        },
+        {
+          value: "任务信息",
+          label: "任务信息",
+        },
+        {
+          value: "使能状态",
+          label: "使能状态",
+        },
+        {
+          value: "系统状态",
+          label: "系统状态",
+        },
+        {
+          value: "执行任务信息",
+          label: "执行任务信息",
+        },
+        {
+          value: "进给倍军",
+          label: "进给倍军",
+        },
+        {
+          value: "轴速度",
+          label: "轴速度",
+        },
+        {
+          value: "轴角度",
+          label: "轴角度",
+        },
+        {
+          value: "进给速度",
+          label: "进给速度",
+        },
+      ],
+      options3: [
+        {
+          value: "0X (Coil Status)",
+          label: "0X (Coil Status)",
+        },
+        {
+          value: "1X (Input Status)",
+          label: "1X (Input Status)",
+        },
+        {
+          value: "3X (Input Registers)",
+          label: "3X (Input Registers)",
+        },
+        {
+          value: "4X (Holding Register)",
+          label: "4X (Holding Register)",
+        },
+      ],
+      options5: [
+        {
+          value: " BIT（位0/1）",
+          label: " BIT（位0/1）",
+        },
+        {
+          value: "WORD（16位无符号整数）",
+          label: "WORD（16位无符号整数）",
+        },
+        {
+          value: "INT（16位有符号整数）",
+          label: "INT（16位有符号整数）",
+        },
+        {
+          value: "DWORD（32位无符号整数）",
+          label: "DWORD（32位无符号整数）",
+        },
+        {
+          value: "DINT（32位有符号整数）",
+          label: "DINT（32位有符号整数）",
+        },
+        {
+          value: "FLOAT（单精度浮点数）",
+          label: "FLOAT（单精度浮点数）",
+        },
+        {
+          value: "DOUBLE（64位浮点数）",
+          label: "DOUBLE（64位浮点数）",
+        },
+        {
+          value: "STRING（8位字符串）",
+          label: "STRING（8位字符串）",
+        },
+        {
+          value: "BCD16（16位BCD码）",
+          label: "BCD16（16位BCD码）",
+        },
+        {
+          value: "ULONG（64位无符号整数）",
+          label: "ULONG（64位无符号整数）",
+        },
+        {
+          value: "LONG（64位有符号整数）",
+          label: "LONG（64位有符号整数）",
+        },
+      ],
+      options6: [
+        {
+          value: "读写",
+          label: "读写",
+        },
+        {
+          value: "只读",
+          label: "只读",
+        },
+        {
+          value: "只写",
+          label: "只写",
+        },
+      ],
+      options7: [
+        {
+          value: "Periodic",
+          label: "Periodic",
+        },
+        {
+          value: "Onchange",
+          label: "Onchange",
+        },
+        {
+          value: "Never",
+          label: "Never",
+        },
+      ],
+      activeIndex: "1",
+      checked: "",
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableData: [
+        {
+          wgpz_wgmc: "",
+          wgpz_wgid: "",
+
+          ippz_wllx: "",
+          ippz_ip: "",
+          ippz_zwym: "",
+          ippz_wg: "",
+          ippz_dns: "",
+          ippz_dns_by: "",
+
+          sbpz_sbmc: "",
+          sbpz_kzqxy: "",
+          sbpz_ip: "",
+          sbpz_port: "",
+          sbpz_czdz: "",
+          sbpz_lxzq: "",
+          sbpz_qyhmcj: "",
+          sbpz_qyplcj: "",
+          sbpz_zdplcjs: "",
+          sbpz_cjcgsj: "",
+          sbpz_zqsbonchange: "",
+          sbpz_txsjjg: "",
+          sbpz_xqjcqxr: "",
+          sbpz_bcjcqxr: "",
+
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_dxsx: "",
+          cjdpz_scms: "",
+
+          mqtt_ip: "",
+          mqtt_wgsn: "",
+          mqtt_port: "",
+          mqtt_keepalive: "",
+          // mqtt_tls: "",
+          // mqtt_clearsession: "",
+          mqtt_sssjfbzt: "",
+          mqtt_qos: "",
+
+          mqtt_cjd_sbmc: "",
+          mqtt_cjd_tagid: "",
+        },
+      ],
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关2",
+          label: "有线区网关2",
+        },
+        {
+          value: "无线区网关2",
+          label: "无线区网关2",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX2",
+          label: "LAN-BOX2",
+        },
+        {
+          value: "WLAN-BOX2",
+          label: "WLAN-BOX2",
+        },
+      ],
+
+      // 设备信息
+      sbpz_ip1: "",
+      sbpz_ip2: "",
+      sbpz_ip3: "",
+      sbpz_ip4: "",
+      opt1: [
+        {
+          value: "有线区精雕2",
+          label: "有线区精雕2",
+        },
+        {
+          value: "无线区精雕2",
+          label: "无线区精雕2",
+        },
+      ],
+      opt2: [
+        {
+          value: "05",
+          label: "05",
+        },
+      ],
+      opt3: [
+        {
+          value: "06",
+          label: "06",
+        },
+      ],
+      isdisabled: true,
+      radio: "1",
+      checked1: false,
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      add_passage: true,
+      dialogVisible: true,
+      menuShow: false,
+      datas2: [
+        {
+          label: "Allen-Bradley",
+          children: [
+            {
+              label: "EtherNet/IP(ControlLogix)",
+            },
+            {
+              label: "EtherNet/IP(MicroLogix)",
+            },
+          ],
+        },
+        {
+          label: "Modbus",
+          children: [
+            {
+              label: "Modbus TCP",
+            },
+            {
+              label: "Modbus RTU",
+            },
+            {
+              label: "Modbus ASCII",
+            },
+            {
+              label: "Modbus RTU Over TCP",
+            },
+          ],
+        },
+        {
+          label: "MITSUBISHI",
+          children: [
+            {
+              label: "Mitsubishi CPU Port(Serial)",
+            },
+            {
+              label: "Mitsubishi MC 3C",
+            },
+            {
+              label: "Mitsubishi MC 1E",
+            },
+            {
+              label: "Mitsubishi MC 3E",
+            },
+            {
+              label: "Mitsubishi MC 3C Over TCP",
+            },
+          ],
+        },
+        {
+          label: "OMRON",
+          children: [
+            {
+              label: "FINS TCP",
+            },
+            {
+              label: "FINS UDP",
+            },
+            {
+              label: "HostLink",
+            },
+          ],
+        },
+        {
+          label: "SIEMENS",
+          children: [
+            {
+              label: "ISO-on-TCP",
+            },
+            {
+              label: "PPI",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rulesDevice: {
+        sbpz_sbmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        sbpz_kzqxy: [
+          { required: true, message: "请输入控制器协议", trigger: "blur" },
+        ],
+        sbpz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        sbpz_czdz: [
+          { required: true, message: "请输入从站地址", trigger: "blur" },
+        ],
+        sbpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+        sbpz_lxzq: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        sbpz_qyhmcj: [
+          { required: true, message: "启用毫秒采集", trigger: "change" },
+        ],
+        sbpz_qyplcj: [
+          { required: true, message: "启用批量采集", trigger: "change" },
+        ],
+        sbpz_zdplcjs: [
+          { required: true, message: "请输入最大批量采集数", trigger: "blur" },
+        ],
+        sbpz_cjcgsj: [
+          { required: true, message: "请输入采集超过时间", trigger: "blur" },
+        ],
+        sbpz_zqsbonchange: [
+          {
+            required: true,
+            message: "周期上报Onchange数据",
+            trigger: "change",
+          },
+        ],
+        sbpz_txsjjg: [
+          { required: true, message: "请输入通讯时间间隔", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    async rightClick(e, data, node) {
+      console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+      }
+      if (node.level == 3 && data.label == this.tableData[0].sbpz_sbmc) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为编辑设备
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_device = true;
+        this.add_passage = false;
+        this.outerVisible = false;
+        let { data } = await GetUserAnswer({
+          mark: "CHGYWG_yx",
+          user_id: this.user_id,
+        });
+        this.loading = false;
+        console.log(data, "22222222");
+        // console.log(JSON.parse(data.data.mark_value));
+        if (data.data && data.state) {
+          let obj = JSON.parse(data.data.mark_value);
+          console.log(obj, "编辑按钮的显现");
+          if (obj.sbpz_ip) {
+            this.sbpz_ip1 = obj.sbpz_ip.split(".")[0];
+            this.sbpz_ip2 = obj.sbpz_ip.split(".")[1];
+            this.sbpz_ip3 = obj.sbpz_ip.split(".")[2];
+            this.sbpz_ip4 = obj.sbpz_ip.split(".")[3];
+            this.tableData[0].sbpz_ip = obj.sbpz_ip;
+            this.tableData[0].sbpz_zqsbonchange = Boolean(
+              Number(obj.sbpz_zqsbonchange)
+            );
+            this.tableData[0].sbpz_qyhmcj = Boolean(Number(obj.sbpz_qyhmcj));
+            this.tableData[0].sbpz_qyplcj = Boolean(Number(obj.sbpz_qyplcj));
+          }
+          this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+          this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+          this.tableData[0].sbpz_port = obj.sbpz_port;
+          this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+          this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+          this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+          this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+          // console.log(this.formData.sbpz_zqsbonchange);
+          this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+          this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+          this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+          this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+          this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+          this.tableData[0].ippz_wllx = obj.ippz_wllx;
+          this.tableData[0].ippz_ip = obj.ippz_ip;
+          this.tableData[0].ippz_zwym = obj.ippz_zwym;
+          this.tableData[0].ippz_wg = obj.ippz_wg;
+          this.tableData[0].ippz_dns = obj.ippz_dns;
+          this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+
+          this.tableData[0].mqtt_ip = obj.mqtt_ip;
+          this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+          this.tableData[0].mqtt_port = obj.mqtt_port;
+          this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+          // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+          // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+          this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+          this.tableData[0].mqtt_qos = obj.mqtt_qos;
+
+          this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+          this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        }
+      } else if (index == 2) {
+        this.menuShow = false;
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.add_passage = true;
+      this.foo();
+    },
+    // 保存表格中的数据
+    async handleSelect() {
+      // let datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // datas = { ...JSON.parse(datas), ...this.tableData[0] };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      // alert(this.tableData[0].sbpz_cjcgsj);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res);
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let { data } = await GetUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+      });
+      // console.log(data, "斥候有线网关的采集点页面");
+      this.loading = false;
+      if (data.data && data.state) {
+        // console.log(JSON.parse(data.data.mark_value));
+        let obj = JSON.parse(data.data.mark_value);
+        // alert(obj.sbpz_qyhmcj);
+        // alert(obj.sbpz_qyplcj);
+        if (obj.cjdpz_tagid) {
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+        }
+        this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+        this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+        this.tableData[0].sbpz_ip = obj.sbpz_ip;
+        this.tableData[0].sbpz_port = obj.sbpz_port;
+        this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+        this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+        this.tableData[0].sbpz_qyhmcj = obj.sbpz_qyhmcj;
+        this.tableData[0].sbpz_qyplcj = obj.sbpz_qyplcj;
+        this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+        this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+        this.tableData[0].sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
+        this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+        this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+        this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+
+        this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+        this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+        this.tableData[0].ippz_wllx = obj.ippz_wllx;
+        this.tableData[0].ippz_ip = obj.ippz_ip;
+        this.tableData[0].ippz_zwym = obj.ippz_zwym;
+        this.tableData[0].ippz_wg = obj.ippz_wg;
+        this.tableData[0].ippz_dns = obj.ippz_dns;
+        this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+        this.tableData[0].mqtt_ip = obj.mqtt_ip;
+        this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+        this.tableData[0].mqtt_port = obj.mqtt_port;
+        this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+        // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+        // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+        this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.tableData[0].mqtt_qos = obj.mqtt_qos;
+        this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "3",
+      });
+      console.log(result);
+    },
+    //斥候设备的配置信息
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      if (node.childNodes.length == 0) {
+        this.tableData[0].sbpz_kzqxy = data.label;
+        this.diag_drive = false;
+      }
+    },
+    // 设备修改的校验信息
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.sbpz_ip1 +
+            "." +
+            this.sbpz_ip2 +
+            "." +
+            this.sbpz_ip3 +
+            "." +
+            this.sbpz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    submitFormDevice: _.debounce(function () {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async saveDevice() {
+      alert(String(Number(this.tableData[0].sbpz_qyhmcj)));
+      var obj = {
+        sbpz_sbmc: this.tableData[0].sbpz_sbmc,
+        sbpz_kzqxy: this.tableData[0].sbpz_kzqxy,
+        sbpz_ip:
+          this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4,
+        sbpz_port: this.tableData[0].sbpz_port,
+        sbpz_czdz: this.tableData[0].sbpz_czdz,
+        sbpz_lxzq: this.tableData[0].sbpz_lxzq,
+        sbpz_qyhmcj: String(Number(this.tableData[0].sbpz_qyhmcj)),
+        sbpz_qyplcj: String(Number(this.tableData[0].sbpz_qyplcj)),
+        sbpz_zdplcjs: this.tableData[0].sbpz_zdplcjs,
+        sbpz_cjcgsj: this.tableData[0].sbpz_cjcgsj,
+        sbpz_zqsbonchange: String(Number(this.tableData[0].sbpz_zqsbonchange)),
+        sbpz_txsjjg: this.tableData[0].sbpz_txsjjg,
+        sbpz_xqjcqxr: this.tableData[0].sbpz_xqjcqxr,
+        sbpz_bcjcqxr: this.tableData[0].sbpz_bcjcqxr,
+
+        ippz_wllx: this.tableData[0].ippz_wllx,
+        ippz_ip: this.tableData[0].ippz_ip,
+        ippz_zwym: this.tableData[0].ippz_zwym,
+        ippz_wg: this.tableData[0].ippz_wg,
+        ippz_dns: this.tableData[0].ippz_dns,
+        ippz_dns_by: this.tableData[0].ippz_dns_by,
+
+        wgpz_wgmc: this.tableData[0].wgpz_wgmc,
+        wgpz_wgid: this.tableData[0].wgpz_wgid,
+
+        cjdpz_tagid: this.tableData[0].cjdpz_tagid,
+        cjdpz_mc: this.tableData[0].cjdpz_mc,
+        cjdpz_sjq: this.tableData[0].cjdpz_sjq,
+        cjdpz_jcqdz: this.tableData[0].cjdpz_jcqdz,
+        cjdpz_cjsjlx: this.tableData[0].cjdpz_cjsjlx,
+        cjdpz_dxsx: this.tableData[0].cjdpz_dxsx,
+        cjdpz_scms: this.tableData[0].cjdpz_scms,
+
+        mqtt_ip: this.tableData[0].mqtt_ip,
+        mqtt_wgsn: this.tableData[0].mqtt_wgsn,
+        mqtt_port: this.tableData[0].mqtt_port,
+        mqtt_keepalive: this.tableData[0].mqtt_keepalive,
+        // mqtt_tls: this.tableData[0].mqtt_tls,
+        // mqtt_clearsession: this.tableData[0].mqtt_clearsession,
+        mqtt_sssjfbzt: this.tableData[0].mqtt_sssjfbzt,
+        mqtt_qos: this.tableData[0].mqtt_qos,
+
+        mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
+        mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
+      };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(obj),
+        step: "2",
+      });
+      alert(JSON.stringify(res.data));
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "更改成功",
+          type: "success",
+        });
+        this.updateLabelById(this.nodekey, this.tableData[0].sbpz_sbmc);
+        this.add_device = false;
+        this.sendTree();
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+
+    // 修改树形控件的名字
+    findNodeById(nodes, targetId) {
+      let foundNode = null;
+      const findNode = (nodes) => {
+        for (const node of nodes) {
+          if (node.id === targetId) {
+            // 找到节点
+            foundNode = node;
+            return;
+          }
+          if (node.children) {
+            findNode(node.children);
+          }
+        }
+      };
+
+      findNode(nodes);
+      return foundNode;
+    },
+    updateLabelById(targetId, newLabel) {
+      const targetNode = this.findNodeById(this.trees, targetId);
+      // console.log(targetId);
+      // console.log(targetNode);
+      // console.log(newLabel);
+      if (targetNode) {
+        // 找到节点，更新label值
+        // console.log(targetNode);
+        // console.log(newLabel);
+        this.$set(targetNode, "label", newLabel);
+        // 强制更新视图
+        this.$forceUpdate();
+        // this.getTree();
+        // this.getTree();
+      }
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // let datas = { ...this.tableData[0], ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.tableData[0].wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    this.GetUserAnswer();
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "3",
+      }).then((res) => {
+        console.log(res);
+        console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+/deep/ .pas_params {
+  position: absolute;
+  left: 362px;
+  top: 95px;
+  width: 1066px;
+  height: 752px;
+  line-height: 20px;
+  border-radius: 3px;
+  color: white;
+  background-image: url(../assets/image/bg.png);
+  background-size: 100% 100%;
+  // text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+
+  .el-button {
+    width: 80px;
+    height: 30px;
+    line-height: 0.5;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 54px;
+  }
+
+  .el-row {
+    height: 40px;
+    display: flex;
+    align-items: flex-start;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-9 {
+      padding-left: 30px;
+    }
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .content {
+    position: absolute;
+    left: 377px;
+    top: 69px;
+    width: 1220px;
+    height: 836px;
+    line-height: 20px;
+    padding-left: 36px;
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    border: 1px solid rgba(187, 187, 187, 1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+
+    /deep/ .con_left {
+      .el-con-5 {
+        width: 43px;
+      }
+    }
+
+    .con_left {
+      width: 709px;
+      position: relative;
+
+      .con_left_footer {
+        position: absolute;
+        left: 499px;
+        top: 777px;
+      }
+    }
+
+    .con_right {
+      width: 480px;
+
+      .dialog-footer {
+        .el-button {
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .deviceinfo {
+  .el-form-item {
+    margin-bottom: 20px !important;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 102px;
+  }
+
+  .el-divider--horizontal {
+    margin: 8px 0px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 25px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+/deep/ .super_con {
+  .el-form-item {
+    margin-bottom: 7px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+  }
+
+  .coil {
+    display: inline-block;
+    width: 98px;
+    height: 25px;
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    text-align: left;
+  }
+}
+
+.infos {
+  width: 60px;
+  position: absolute;
+  left: 208px;
+  top: 0;
+}
+
+/deep/ .footer_con {
+  .cjjcq_code {
+    // margin-left: 140px !important;
+    .el-form-item__content {
+      margin-left: 140px !important;
+    }
+  }
+
+  .el-form-item__label {
+    line-height: 20px;
+  }
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1478px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/.history/src/components/ChiCollection_20231208083627.vue b/.history/src/components/ChiCollection_20231208083627.vue
new file mode 100644
index 0000000..15c5aa3
--- /dev/null
+++ b/.history/src/components/ChiCollection_20231208083627.vue
@@ -0,0 +1,1788 @@
+<!-- 采集点收集 -->
+<template>
+  <div>
+    <!-- 设置树形控件 -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">斥候采集点设置</el-button> -->
+    <div v-show="dialogVisible" class="tree_menu">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">编辑</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <div class="pas_params" v-show="add_passage" v-loading="loading">
+      <div>
+        <el-button type="primary" plain @click="handleSelect">保存</el-button>
+        <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+          <el-menu-item index="2">保存</el-menu-item>
+        </el-menu> -->
+      </div>
+      <el-table ref="singleTable" :data="tableData" style="width: 100%">
+        <el-table-column type="index"> </el-table-column>
+        <el-table-column property="cjdpz_tagid" label="TagID">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_tagid" placeholder="">
+              <el-option
+                v-for="(option, index) in options1"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_mc" label="名称">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_mc" placeholder="">
+              <el-option
+                v-for="(option, index) in options2"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_sjq" label="数据区">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_sjq" placeholder="">
+              <el-option
+                v-for="(option, index) in options3"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="cjdpz_jcqdz"
+          label="寄存地址(十进制)"
+          width="150px"
+        >
+          <template slot-scope="scope">
+            <!-- <el-select v-model="scope.row.cjdpz_jcqdz" placeholder="1">
+              <el-option v-for="(option,index) in options4" :key="index" :label="option.label" :value="option.value"></el-option>
+            </el-select> -->
+            <el-input
+              v-model="scope.row.cjdpz_jcqdz"
+              placeholder="1-9999"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_cjsjlx" label="采集数据类型">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_cjsjlx" placeholder="">
+              <el-option
+                v-for="(option, index) in options5"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+
+        <el-table-column property="cjdpz_dxsx" label="读写属性">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_dxsx" placeholder="">
+              <el-option
+                v-for="(option, index) in options6"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column property="cjdpz_scms" label="上传模式">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.cjdpz_scms" placeholder="">
+              <el-option
+                v-for="(option, index) in options7"
+                :key="index"
+                :label="option.label"
+                :value="option.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 网关信息 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="tableData[0]"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="tableData[0].wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="tableData[0].wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+
+    <!-- 设备信息 -->
+    <div class="deviceinfo">
+      <!-- <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree> -->
+      <el-dialog
+        title="新建设备"
+        :visible.sync="add_device"
+        width="902px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="tableData[0]"
+          :label-position="labelPosition"
+          :rules="rulesDevice"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="tableData[0].sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="item in opt1"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="控制器协议:"
+                :label-width="formLabelWidth"
+                prop="sbpz_kzqxy"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="tableData[0].sbpz_kzqxy"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                      disabled
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="IP地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_ip"
+              >
+                <el-row>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip1"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">. </el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip2"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip3"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="1">.</el-col>
+                  <el-col :span="5">
+                    <el-input
+                      v-model="sbpz_ip4"
+                      style="width: 43px; height: 30px"
+                      maxlength="3"
+                    ></el-input>
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="端口号:"
+                :label-width="formLabelWidth"
+                prop="sbpz_port"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_port"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row> </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="从站地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_czdz"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_czdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询周期(ms):"
+                :label-width="formLabelWidth"
+                prop="sbpz_lxzq"
+              >
+                <el-input
+                  v-model="tableData[0].sbpz_lxzq"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+                <div class="infos">1-3600</div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <!-- </el-form> -->
+          <div class="super_parmams">
+            <h3>高级参数</h3>
+            <div>
+              <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+              <i class="el-icon-caret-top" v-else="is_retract"></i>
+              <el-button
+                type="text"
+                plain
+                @click="getRetract"
+                style="
+                  width: 28px;
+                  color: rgba(16, 16, 16, 1);
+                  font-size: 14px;
+                  text-align: left;
+                  border: none;
+                "
+              >
+                收起</el-button
+              >
+            </div>
+          </div>
+          <el-divider></el-divider>
+          <div class="super_con" v-show="is_retract">
+            <!-- <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm"> -->
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用毫秒采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyhmcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyhmcj"></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="启用批量采集:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_qyplcj"
+                >
+                  <el-switch v-model="tableData[0].sbpz_qyplcj"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="最大批量采集数:"
+                  label-width="126px"
+                  prop="sbpz_zdplcjs"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_zdplcjs"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-125</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="采集超过时间(ms):"
+                  label-width="140px"
+                  prop="sbpz_cjcgsj"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_cjcgsj"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">2-60000</div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="周期上报OnChange数据:"
+                  label-width="186px"
+                  prop="sbpz_zqsbonchange"
+                >
+                  <el-switch
+                    v-model="tableData[0].sbpz_zqsbonchange"
+                  ></el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="通讯事件间隔(ms):"
+                  label-width="140px"
+                  prop="sbpz_txsjjg"
+                >
+                  <el-input
+                    v-model="tableData[0].sbpz_txsjjg"
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                  <div class="infos">0-1000</div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="footer_con">
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    style="line-height: 20px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_xqjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt2"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    label="线圈寄存器写入功能码:"
+                    label-width="120px"
+                    class="cjjcq_code"
+                  >
+                    <el-select
+                      v-model="tableData[0].sbpz_bcjcqxr"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    >
+                      <el-option
+                        v-for="item in opt3"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+          </div>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitFormDevice">保 存</el-button>
+          <el-button @click="add_device = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+export default {
+  name: "ChiCollection",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      add_device: false,
+      diag_drive: false,
+      isdisabled: true,
+      is_retract: true,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      options1: [
+        {
+          value: "MachinePamHID909",
+          label: "MachinePamHID909",
+        },
+        {
+          value: "MachinePamHID910",
+          label: "MachinePamHID910",
+        },
+        {
+          value: "MachinePamHID911",
+          label: "MachinePamHID911",
+        },
+        {
+          value: "MachinePamHID912",
+          label: "MachinePamHID912",
+        },
+        {
+          value: "MachinePamHID913",
+          label: "MachinePamHID913",
+        },
+        {
+          value: "MachinePamHID914",
+          label: "MachinePamHID914",
+        },
+        {
+          value: "MachinePamHID915",
+          label: "MachinePamHID915",
+        },
+        {
+          value: "MachinePamHID916",
+          label: "MachinePamHID916",
+        },
+        {
+          value: "MachinePamHID917",
+          label: "MachinePamHID917",
+        },
+        {
+          value: "MachinePamHID918",
+          label: "MachinePamHID918",
+        },
+        {
+          value: "MachinePamHID919",
+          label: "MachinePamHID919",
+        },
+        {
+          value: "MachinePamHID920",
+          label: "MachinePamHID920",
+        },
+        {
+          value: "MachinePamHID921",
+          label: "MachinePamHID921",
+        },
+        {
+          value: "MachinePamHID922",
+          label: "MachinePamHID922",
+        },
+        {
+          value: "MachinePamHID923",
+          label: "MachinePamHID923",
+        },
+        {
+          value: "MachinePamHID924",
+          label: "MachinePamHID924",
+        },
+        {
+          value: "MachinePamHID925",
+          label: "MachinePamHID925",
+        },
+        {
+          value: "MachinePamHID926",
+          label: "MachinePamHID926",
+        },
+        {
+          value: "MachinePamHID927",
+          label: "MachinePamHID927",
+        },
+        {
+          value: "MachinePamHID928",
+          label: "MachinePamHID928",
+        },
+        {
+          value: "MachinePamHID929",
+          label: "MachinePamHID929",
+        },
+        {
+          value: "MachinePamHID930",
+          label: "MachinePamHID930",
+        },
+        {
+          value: "MachinePamHID931",
+          label: "MachinePamHID931",
+        },
+        {
+          value: "MachinePamHID932",
+          label: "MachinePamHID932",
+        },
+        {
+          value: "MachinePamHID933",
+          label: "MachinePamHID933",
+        },
+        {
+          value: "MachinePamHID934",
+          label: "MachinePamHID934",
+        },
+        {
+          value: "MachinePamHID935",
+          label: "MachinePamHID935",
+        },
+        {
+          value: "MachinePamHID936",
+          label: "MachinePamHID936",
+        },
+        {
+          value: "MachinePamHID937",
+          label: "MachinePamHID937",
+        },
+        {
+          value: "MachinePamHID938",
+          label: "MachinePamHID938",
+        },
+      ],
+      options2: [
+        {
+          value: "急停状态",
+          label: "急停状态",
+        },
+        {
+          value: "产量",
+          label: "产量",
+        },
+        {
+          value: "相对位置X",
+          label: "相对位置X",
+        },
+        {
+          value: "相对位置Y",
+          label: "相对位置Y",
+        },
+        {
+          value: "相对位置Z",
+          label: "相对位置Z",
+        },
+        {
+          value: "实际位置X",
+          label: "实际位置X",
+        },
+        {
+          value: "实际位置Y",
+          label: "实际位置Y",
+        },
+        {
+          value: "实际位置Z",
+          label: "实际位置Z",
+        },
+        {
+          value: "主轴转速",
+          label: "主轴转速",
+        },
+        {
+          value: "当前刀具",
+          label: "当前刀具",
+        },
+        {
+          value: "预选刀具",
+          label: "预选刀具",
+        },
+        {
+          value: "报警信息",
+          label: "报警信息",
+        },
+        {
+          value: "驱动单元电流",
+          label: "驱动单元电流",
+        },
+        {
+          value: "负载电流",
+          label: "负载电流",
+        },
+        {
+          value: "额定电流",
+          label: "额定电流",
+        },
+        {
+          value: "运行时间",
+          label: "运行时间",
+        },
+        {
+          value: "加工产品用时",
+          label: "加工产品用时",
+        },
+        {
+          value: "工作模式",
+          label: "工作模式",
+        },
+        {
+          value: "切削速度",
+          label: "切削速度",
+        },
+        {
+          value: "任务信息",
+          label: "任务信息",
+        },
+        {
+          value: "使能状态",
+          label: "使能状态",
+        },
+        {
+          value: "系统状态",
+          label: "系统状态",
+        },
+        {
+          value: "执行任务信息",
+          label: "执行任务信息",
+        },
+        {
+          value: "进给倍军",
+          label: "进给倍军",
+        },
+        {
+          value: "轴速度",
+          label: "轴速度",
+        },
+        {
+          value: "轴角度",
+          label: "轴角度",
+        },
+        {
+          value: "进给速度",
+          label: "进给速度",
+        },
+      ],
+      options3: [
+        {
+          value: "0X (Coil Status)",
+          label: "0X (Coil Status)",
+        },
+        {
+          value: "1X (Input Status)",
+          label: "1X (Input Status)",
+        },
+        {
+          value: "3X (Input Registers)",
+          label: "3X (Input Registers)",
+        },
+        {
+          value: "4X (Holding Register)",
+          label: "4X (Holding Register)",
+        },
+      ],
+      options5: [
+        {
+          value: " BIT（位0/1）",
+          label: " BIT（位0/1）",
+        },
+        {
+          value: "WORD（16位无符号整数）",
+          label: "WORD（16位无符号整数）",
+        },
+        {
+          value: "INT（16位有符号整数）",
+          label: "INT（16位有符号整数）",
+        },
+        {
+          value: "DWORD（32位无符号整数）",
+          label: "DWORD（32位无符号整数）",
+        },
+        {
+          value: "DINT（32位有符号整数）",
+          label: "DINT（32位有符号整数）",
+        },
+        {
+          value: "FLOAT（单精度浮点数）",
+          label: "FLOAT（单精度浮点数）",
+        },
+        {
+          value: "DOUBLE（64位浮点数）",
+          label: "DOUBLE（64位浮点数）",
+        },
+        {
+          value: "STRING（8位字符串）",
+          label: "STRING（8位字符串）",
+        },
+        {
+          value: "BCD16（16位BCD码）",
+          label: "BCD16（16位BCD码）",
+        },
+        {
+          value: "ULONG（64位无符号整数）",
+          label: "ULONG（64位无符号整数）",
+        },
+        {
+          value: "LONG（64位有符号整数）",
+          label: "LONG（64位有符号整数）",
+        },
+      ],
+      options6: [
+        {
+          value: "读写",
+          label: "读写",
+        },
+        {
+          value: "只读",
+          label: "只读",
+        },
+        {
+          value: "只写",
+          label: "只写",
+        },
+      ],
+      options7: [
+        {
+          value: "Periodic",
+          label: "Periodic",
+        },
+        {
+          value: "Onchange",
+          label: "Onchange",
+        },
+        {
+          value: "Never",
+          label: "Never",
+        },
+      ],
+      activeIndex: "1",
+      checked: "",
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      tableData: [
+        {
+          wgpz_wgmc: "",
+          wgpz_wgid: "",
+
+          ippz_wllx: "",
+          ippz_ip: "",
+          ippz_zwym: "",
+          ippz_wg: "",
+          ippz_dns: "",
+          ippz_dns_by: "",
+
+          sbpz_sbmc: "",
+          sbpz_kzqxy: "",
+          sbpz_ip: "",
+          sbpz_port: "",
+          sbpz_czdz: "",
+          sbpz_lxzq: "",
+          sbpz_qyhmcj: "",
+          sbpz_qyplcj: "",
+          sbpz_zdplcjs: "",
+          sbpz_cjcgsj: "",
+          sbpz_zqsbonchange: "",
+          sbpz_txsjjg: "",
+          sbpz_xqjcqxr: "",
+          sbpz_bcjcqxr: "",
+
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_dxsx: "",
+          cjdpz_scms: "",
+
+          mqtt_ip: "",
+          mqtt_wgsn: "",
+          mqtt_port: "",
+          mqtt_keepalive: "",
+          // mqtt_tls: "",
+          // mqtt_clearsession: "",
+          mqtt_sssjfbzt: "",
+          mqtt_qos: "",
+
+          mqtt_cjd_sbmc: "",
+          mqtt_cjd_tagid: "",
+        },
+      ],
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关2",
+          label: "有线区网关2",
+        },
+        {
+          value: "无线区网关2",
+          label: "无线区网关2",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX2",
+          label: "LAN-BOX2",
+        },
+        {
+          value: "WLAN-BOX2",
+          label: "WLAN-BOX2",
+        },
+      ],
+
+      // 设备信息
+      sbpz_ip1: "",
+      sbpz_ip2: "",
+      sbpz_ip3: "",
+      sbpz_ip4: "",
+      opt1: [
+        {
+          value: "有线区精雕2",
+          label: "有线区精雕2",
+        },
+        {
+          value: "无线区精雕2",
+          label: "无线区精雕2",
+        },
+      ],
+      opt2: [
+        {
+          value: "05",
+          label: "05",
+        },
+      ],
+      opt3: [
+        {
+          value: "06",
+          label: "06",
+        },
+      ],
+      isdisabled: true,
+      radio: "1",
+      checked1: false,
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      add_passage: true,
+      dialogVisible: true,
+      menuShow: false,
+      datas2: [
+        {
+          label: "Allen-Bradley",
+          children: [
+            {
+              label: "EtherNet/IP(ControlLogix)",
+            },
+            {
+              label: "EtherNet/IP(MicroLogix)",
+            },
+          ],
+        },
+        {
+          label: "Modbus",
+          children: [
+            {
+              label: "Modbus TCP",
+            },
+            {
+              label: "Modbus RTU",
+            },
+            {
+              label: "Modbus ASCII",
+            },
+            {
+              label: "Modbus RTU Over TCP",
+            },
+          ],
+        },
+        {
+          label: "MITSUBISHI",
+          children: [
+            {
+              label: "Mitsubishi CPU Port(Serial)",
+            },
+            {
+              label: "Mitsubishi MC 3C",
+            },
+            {
+              label: "Mitsubishi MC 1E",
+            },
+            {
+              label: "Mitsubishi MC 3E",
+            },
+            {
+              label: "Mitsubishi MC 3C Over TCP",
+            },
+          ],
+        },
+        {
+          label: "OMRON",
+          children: [
+            {
+              label: "FINS TCP",
+            },
+            {
+              label: "FINS UDP",
+            },
+            {
+              label: "HostLink",
+            },
+          ],
+        },
+        {
+          label: "SIEMENS",
+          children: [
+            {
+              label: "ISO-on-TCP",
+            },
+            {
+              label: "PPI",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rulesDevice: {
+        sbpz_sbmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        sbpz_kzqxy: [
+          { required: true, message: "请输入控制器协议", trigger: "blur" },
+        ],
+        sbpz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        sbpz_czdz: [
+          { required: true, message: "请输入从站地址", trigger: "blur" },
+        ],
+        sbpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+        sbpz_lxzq: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        sbpz_qyhmcj: [
+          { required: true, message: "启用毫秒采集", trigger: "change" },
+        ],
+        sbpz_qyplcj: [
+          { required: true, message: "启用批量采集", trigger: "change" },
+        ],
+        sbpz_zdplcjs: [
+          { required: true, message: "请输入最大批量采集数", trigger: "blur" },
+        ],
+        sbpz_cjcgsj: [
+          { required: true, message: "请输入采集超过时间", trigger: "blur" },
+        ],
+        sbpz_zqsbonchange: [
+          {
+            required: true,
+            message: "周期上报Onchange数据",
+            trigger: "change",
+          },
+        ],
+        sbpz_txsjjg: [
+          { required: true, message: "请输入通讯时间间隔", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    async rightClick(e, data, node) {
+      console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+      }
+      if (node.level == 3 && data.label == this.tableData[0].sbpz_sbmc) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为编辑设备
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_device = true;
+        this.add_passage = false;
+        this.outerVisible = false;
+        let { data } = await GetUserAnswer({
+          mark: "CHGYWG_yx",
+          user_id: this.user_id,
+        });
+        this.loading = false;
+        console.log(data, "22222222");
+        // console.log(JSON.parse(data.data.mark_value));
+        if (data.data && data.state) {
+          let obj = JSON.parse(data.data.mark_value);
+          console.log(obj, "编辑按钮的显现");
+          if (obj.sbpz_ip) {
+            this.sbpz_ip1 = obj.sbpz_ip.split(".")[0];
+            this.sbpz_ip2 = obj.sbpz_ip.split(".")[1];
+            this.sbpz_ip3 = obj.sbpz_ip.split(".")[2];
+            this.sbpz_ip4 = obj.sbpz_ip.split(".")[3];
+            this.tableData[0].sbpz_ip = obj.sbpz_ip;
+            this.tableData[0].sbpz_zqsbonchange = Boolean(
+              Number(obj.sbpz_zqsbonchange)
+            );
+            this.tableData[0].sbpz_qyhmcj = Boolean(Number(obj.sbpz_qyhmcj));
+            this.tableData[0].sbpz_qyplcj = Boolean(Number(obj.sbpz_qyplcj));
+          }
+          this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+          this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+          this.tableData[0].sbpz_port = obj.sbpz_port;
+          this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+          this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+          this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+          this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+          // console.log(this.formData.sbpz_zqsbonchange);
+          this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+          this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+          this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+          this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+          this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+          this.tableData[0].ippz_wllx = obj.ippz_wllx;
+          this.tableData[0].ippz_ip = obj.ippz_ip;
+          this.tableData[0].ippz_zwym = obj.ippz_zwym;
+          this.tableData[0].ippz_wg = obj.ippz_wg;
+          this.tableData[0].ippz_dns = obj.ippz_dns;
+          this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+
+          this.tableData[0].mqtt_ip = obj.mqtt_ip;
+          this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+          this.tableData[0].mqtt_port = obj.mqtt_port;
+          this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+          // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+          // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+          this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+          this.tableData[0].mqtt_qos = obj.mqtt_qos;
+
+          this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+          this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        }
+      } else if (index == 2) {
+        this.menuShow = false;
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.add_passage = true;
+      this.foo();
+    },
+    // 保存表格中的数据
+    async handleSelect() {
+      // let datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // datas = { ...JSON.parse(datas), ...this.tableData[0] };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      // alert(this.tableData[0].sbpz_cjcgsj);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        // console.log(res);
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let { data } = await GetUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+      });
+      // console.log(data, "斥候有线网关的采集点页面");
+      this.loading = false;
+      if (data.data && data.state) {
+        // console.log(JSON.parse(data.data.mark_value));
+        let obj = JSON.parse(data.data.mark_value);
+        // alert(obj.sbpz_qyhmcj);
+        // alert(obj.sbpz_qyplcj);
+        if (obj.cjdpz_tagid) {
+          this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
+          this.tableData[0].cjdpz_mc = obj.cjdpz_mc;
+          this.tableData[0].cjdpz_sjq = obj.cjdpz_sjq;
+          this.tableData[0].cjdpz_jcqdz = obj.cjdpz_jcqdz;
+          this.tableData[0].cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+          this.tableData[0].cjdpz_dxsx = obj.cjdpz_dxsx;
+          this.tableData[0].cjdpz_scms = obj.cjdpz_scms;
+        }
+        this.tableData[0].sbpz_sbmc = obj.sbpz_sbmc;
+        this.tableData[0].sbpz_kzqxy = obj.sbpz_kzqxy;
+        this.tableData[0].sbpz_ip = obj.sbpz_ip;
+        this.tableData[0].sbpz_port = obj.sbpz_port;
+        this.tableData[0].sbpz_czdz = obj.sbpz_czdz;
+        this.tableData[0].sbpz_lxzq = obj.sbpz_lxzq;
+        this.tableData[0].sbpz_qyhmcj = obj.sbpz_qyhmcj;
+        this.tableData[0].sbpz_qyplcj = obj.sbpz_qyplcj;
+        this.tableData[0].sbpz_zdplcjs = obj.sbpz_zdplcjs;
+        this.tableData[0].sbpz_cjcgsj = obj.sbpz_cjcgsj;
+        this.tableData[0].sbpz_zqsbonchange = obj.sbpz_zqsbonchange;
+        this.tableData[0].sbpz_txsjjg = obj.sbpz_txsjjg;
+        this.tableData[0].sbpz_xqjcqxr = obj.sbpz_xqjcqxr;
+        this.tableData[0].sbpz_bcjcqxr = obj.sbpz_bcjcqxr;
+
+        this.tableData[0].wgpz_wgid = obj.wgpz_wgid;
+        this.tableData[0].wgpz_wgmc = obj.wgpz_wgmc;
+
+        this.tableData[0].ippz_wllx = obj.ippz_wllx;
+        this.tableData[0].ippz_ip = obj.ippz_ip;
+        this.tableData[0].ippz_zwym = obj.ippz_zwym;
+        this.tableData[0].ippz_wg = obj.ippz_wg;
+        this.tableData[0].ippz_dns = obj.ippz_dns;
+        this.tableData[0].ippz_dns_by = obj.ippz_dns_by;
+
+        this.tableData[0].mqtt_ip = obj.mqtt_ip;
+        this.tableData[0].mqtt_wgsn = obj.mqtt_wgsn;
+        this.tableData[0].mqtt_port = obj.mqtt_port;
+        this.tableData[0].mqtt_keepalive = obj.mqtt_keepalive;
+        // this.tableData[0].mqtt_tls = obj.mqtt_tls;
+        // this.tableData[0].mqtt_clearsession = obj.mqtt_clearsession;
+        this.tableData[0].mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.tableData[0].mqtt_qos = obj.mqtt_qos;
+        this.tableData[0].mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.tableData[0].mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "3",
+      });
+      console.log(result);
+    },
+    //斥候设备的配置信息
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      if (node.childNodes.length == 0) {
+        this.tableData[0].sbpz_kzqxy = data.label;
+        this.diag_drive = false;
+      }
+    },
+    // 设备修改的校验信息
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.sbpz_ip1 +
+            "." +
+            this.sbpz_ip2 +
+            "." +
+            this.sbpz_ip3 +
+            "." +
+            this.sbpz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    submitFormDevice: _.debounce(function () {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async saveDevice() {
+      alert(String(Number(this.tableData[0].sbpz_qyhmcj)));
+      var obj = {
+        sbpz_sbmc: this.tableData[0].sbpz_sbmc,
+        sbpz_kzqxy: this.tableData[0].sbpz_kzqxy,
+        sbpz_ip:
+          this.sbpz_ip1 +
+          "." +
+          this.sbpz_ip2 +
+          "." +
+          this.sbpz_ip3 +
+          "." +
+          this.sbpz_ip4,
+        sbpz_port: this.tableData[0].sbpz_port,
+        sbpz_czdz: this.tableData[0].sbpz_czdz,
+        sbpz_lxzq: this.tableData[0].sbpz_lxzq,
+        sbpz_qyhmcj: String(Number(this.tableData[0].sbpz_qyhmcj)),
+        sbpz_qyplcj: String(Number(this.tableData[0].sbpz_qyplcj)),
+        sbpz_zdplcjs: this.tableData[0].sbpz_zdplcjs,
+        sbpz_cjcgsj: this.tableData[0].sbpz_cjcgsj,
+        sbpz_zqsbonchange: String(Number(this.tableData[0].sbpz_zqsbonchange)),
+        sbpz_txsjjg: this.tableData[0].sbpz_txsjjg,
+        sbpz_xqjcqxr: this.tableData[0].sbpz_xqjcqxr,
+        sbpz_bcjcqxr: this.tableData[0].sbpz_bcjcqxr,
+
+        ippz_wllx: this.tableData[0].ippz_wllx,
+        ippz_ip: this.tableData[0].ippz_ip,
+        ippz_zwym: this.tableData[0].ippz_zwym,
+        ippz_wg: this.tableData[0].ippz_wg,
+        ippz_dns: this.tableData[0].ippz_dns,
+        ippz_dns_by: this.tableData[0].ippz_dns_by,
+
+        wgpz_wgmc: this.tableData[0].wgpz_wgmc,
+        wgpz_wgid: this.tableData[0].wgpz_wgid,
+
+        cjdpz_tagid: this.tableData[0].cjdpz_tagid,
+        cjdpz_mc: this.tableData[0].cjdpz_mc,
+        cjdpz_sjq: this.tableData[0].cjdpz_sjq,
+        cjdpz_jcqdz: this.tableData[0].cjdpz_jcqdz,
+        cjdpz_cjsjlx: this.tableData[0].cjdpz_cjsjlx,
+        cjdpz_dxsx: this.tableData[0].cjdpz_dxsx,
+        cjdpz_scms: this.tableData[0].cjdpz_scms,
+
+        mqtt_ip: this.tableData[0].mqtt_ip,
+        mqtt_wgsn: this.tableData[0].mqtt_wgsn,
+        mqtt_port: this.tableData[0].mqtt_port,
+        mqtt_keepalive: this.tableData[0].mqtt_keepalive,
+        // mqtt_tls: this.tableData[0].mqtt_tls,
+        // mqtt_clearsession: this.tableData[0].mqtt_clearsession,
+        mqtt_sssjfbzt: this.tableData[0].mqtt_sssjfbzt,
+        mqtt_qos: this.tableData[0].mqtt_qos,
+
+        mqtt_cjd_sbmc: this.tableData[0].mqtt_cjd_sbmc,
+        mqtt_cjd_tagid: this.tableData[0].mqtt_cjd_tagid,
+      };
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(obj),
+        step: "2",
+      });
+      alert(JSON.stringify(res.data));
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "更改成功",
+          type: "success",
+        });
+        this.updateLabelById(this.nodekey, this.tableData[0].sbpz_sbmc);
+        this.add_device = false;
+        this.sendTree();
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+
+    // 修改树形控件的名字
+    findNodeById(nodes, targetId) {
+      let foundNode = null;
+      const findNode = (nodes) => {
+        for (const node of nodes) {
+          if (node.id === targetId) {
+            // 找到节点
+            foundNode = node;
+            return;
+          }
+          if (node.children) {
+            findNode(node.children);
+          }
+        }
+      };
+
+      findNode(nodes);
+      return foundNode;
+    },
+    updateLabelById(targetId, newLabel) {
+      const targetNode = this.findNodeById(this.trees, targetId);
+      // console.log(targetId);
+      // console.log(targetNode);
+      // console.log(newLabel);
+      if (targetNode) {
+        // 找到节点，更新label值
+        // console.log(targetNode);
+        // console.log(newLabel);
+        this.$set(targetNode, "label", newLabel);
+        // 强制更新视图
+        this.$forceUpdate();
+        // this.getTree();
+        // this.getTree();
+      }
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // datas = sessionStorage.getItem("CHGYWG_yx");
+      // console.log(JSON.parse(datas));
+      // let datas = { ...this.tableData[0], ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "CHGYWG_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.tableData[0]),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.tableData[0].wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    this.GetUserAnswer();
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "3",
+      }).then((res) => {
+        console.log(res);
+        console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+/deep/ .pas_params {
+  position: absolute;
+  left: 362px;
+  top: 95px;
+  width: 1066px;
+  height: 752px;
+  line-height: 20px;
+  border-radius: 3px;
+  color: white;
+  background-image: url(../assets/image/bg.png);
+  background-size: 100% 100%;
+  // text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+
+  .el-button {
+    width: 80px;
+    height: 30px;
+    line-height: 0.5;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 54px;
+  }
+
+  .el-row {
+    height: 40px;
+    display: flex;
+    align-items: flex-start;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-9 {
+      padding-left: 30px;
+    }
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .content {
+    position: absolute;
+    left: 377px;
+    top: 69px;
+    width: 1220px;
+    height: 836px;
+    line-height: 20px;
+    padding-left: 36px;
+    background-color: rgba(255, 255, 255, 1);
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    border: 1px solid rgba(187, 187, 187, 1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+
+    /deep/ .con_left {
+      .el-con-5 {
+        width: 43px;
+      }
+    }
+
+    .con_left {
+      width: 709px;
+      position: relative;
+
+      .con_left_footer {
+        position: absolute;
+        left: 499px;
+        top: 777px;
+      }
+    }
+
+    .con_right {
+      width: 480px;
+
+      .dialog-footer {
+        .el-button {
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .deviceinfo {
+  .el-form-item {
+    margin-bottom: 20px !important;
+  }
+
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 102px;
+  }
+
+  .el-divider--horizontal {
+    margin: 8px 0px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 25px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+/deep/ .super_con {
+  .el-form-item {
+    margin-bottom: 7px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+  }
+
+  .coil {
+    display: inline-block;
+    width: 98px;
+    height: 25px;
+    color: rgba(16, 16, 16, 1);
+    font-size: 14px;
+    text-align: left;
+  }
+}
+
+.infos {
+  width: 60px;
+  position: absolute;
+  left: 208px;
+  top: 0;
+}
+
+/deep/ .footer_con {
+  .cjjcq_code {
+    // margin-left: 140px !important;
+    .el-form-item__content {
+      margin-left: 140px !important;
+    }
+  }
+
+  .el-form-item__label {
+    line-height: 20px;
+  }
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1478px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/.history/src/components/DeviceWirle_20231106134715.vue b/.history/src/components/DeviceWirle_20231106134715.vue
deleted file mode 100644
index 4cdb772..0000000
--- a/.history/src/components/DeviceWirle_20231106134715.vue
+++ /dev/null
@@ -1,451 +0,0 @@
-<!-- 设备设置------串口设备设置 -->
-<template>
-    <div>
-        <!-- <div v-click-outside="closeMenu"> -->
-            <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建设备</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">删 除</span>
-                        </el-menu-item>
-                        <el-menu-item index="3" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="dev_name">
-                                <el-select v-model="sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="dev_address">
-                                <el-input v-model="sbpz_sbdz" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备ID:"
-                :label-width="formLabelWidth"
-                prop="sbpz_sbid"
-              >
-                <el-select
-                  v-model="sbpz_sbid"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options1"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备名称:"
-                :label-width="formLabelWidth"
-                prop="dev_name"
-              >
-                <el-select
-                  v-model="sbpz_sbmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options2"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备地址:"
-                :label-width="formLabelWidth"
-                prop="dev_address"
-              >
-                <el-input
-                  v-model="sbpz_sbdz"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false"
-            >保 存</el-button
-          >
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "DeviceView",
-
-  data() {
-    return {
-      sbpz_sbid: "有线区加工设备1",
-      sbpz_sbmc: "有线区精雕1",
-      sbpz_sbdz: "1",
-      sbpz_jysb: "",
-      sbpz_jdzxz: false,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      options1: [
-        {
-          value: "有线区加工设备1",
-          label: "有线区加工设备1",
-        },
-        {
-          value: "无线区加工设备1",
-          label: "无线区加工设备1",
-        },
-      ],
-      options2: [
-        {
-          value: "有线区精雕1",
-          label: "有线区精雕1",
-        },
-        {
-          value: "无线区精雕1",
-          label: "无线区精雕1",
-        },
-      ],
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        dev_id: [{ required: true, message: "请输入设备ID", trigger: "blur" }],
-        dev_name: [
-          { required: true, message: "请输入设备名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
-        ],
-        dev_address: [
-          { required: true, message: "请输入设备地址", trigger: "blur" },
-        ],
-      },
-    };
-  },
-
-  mounted() {},
-
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增设备
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    saveDevice() {
-      this.add_passage = false;
-      this.$router.push("/dbcollect");
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 5px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231106134721.vue b/.history/src/components/DeviceWirle_20231106134721.vue
deleted file mode 100644
index 9769441..0000000
--- a/.history/src/components/DeviceWirle_20231106134721.vue
+++ /dev/null
@@ -1,451 +0,0 @@
-<!-- 设备设置------串口设备设置 -->
-<template>
-    <div>
-        <!-- <div v-click-outside="closeMenu"> -->
-            <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建设备</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">删 除</span>
-                        </el-menu-item>
-                        <el-menu-item index="3" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        <!-- </div> -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="dev_name">
-                                <el-select v-model="sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="dev_address">
-                                <el-input v-model="sbpz_sbdz" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备ID:"
-                :label-width="formLabelWidth"
-                prop="sbpz_sbid"
-              >
-                <el-select
-                  v-model="sbpz_sbid"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options1"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备名称:"
-                :label-width="formLabelWidth"
-                prop="dev_name"
-              >
-                <el-select
-                  v-model="sbpz_sbmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options2"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备地址:"
-                :label-width="formLabelWidth"
-                prop="dev_address"
-              >
-                <el-input
-                  v-model="sbpz_sbdz"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false"
-            >保 存</el-button
-          >
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "DeviceView",
-
-  data() {
-    return {
-      sbpz_sbid: "有线区加工设备1",
-      sbpz_sbmc: "有线区精雕1",
-      sbpz_sbdz: "1",
-      sbpz_jysb: "",
-      sbpz_jdzxz: false,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      options1: [
-        {
-          value: "有线区加工设备1",
-          label: "有线区加工设备1",
-        },
-        {
-          value: "无线区加工设备1",
-          label: "无线区加工设备1",
-        },
-      ],
-      options2: [
-        {
-          value: "有线区精雕1",
-          label: "有线区精雕1",
-        },
-        {
-          value: "无线区精雕1",
-          label: "无线区精雕1",
-        },
-      ],
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        dev_id: [{ required: true, message: "请输入设备ID", trigger: "blur" }],
-        dev_name: [
-          { required: true, message: "请输入设备名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
-        ],
-        dev_address: [
-          { required: true, message: "请输入设备地址", trigger: "blur" },
-        ],
-      },
-    };
-  },
-
-  mounted() {},
-
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增设备
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    saveDevice() {
-      this.add_passage = false;
-      this.$router.push("/dbcollect");
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 5px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231106135611.vue b/.history/src/components/DeviceWirle_20231106135611.vue
deleted file mode 100644
index 1a0b5d9..0000000
--- a/.history/src/components/DeviceWirle_20231106135611.vue
+++ /dev/null
@@ -1,449 +0,0 @@
-<!-- 设备设置------串口设备设置 -->
-<template>
-  <div>
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
-    <div class="tree_menu" v-show="dialogVisible">
-      <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-        @node-click="treeNodeClick"></el-tree>
-      <!-- 树形控件右键组件 -->
-      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-        <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-          <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-            <span slot="title">新建设备</span>
-          </el-menu-item>
-          <el-menu-item index="2" style="font-size: 12px;">
-            <span slot="title">删 除</span>
-          </el-menu-item>
-          <el-menu-item index="3" style="font-size: 12px;">
-            <span slot="title">取 消</span>
-          </el-menu-item>
-        </el-menu>
-      </div>
-    </div>
-    <!-- </div> -->
-    <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                <el-select v-model="sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="dev_name">
-                <el-select v-model="sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="dev_address">
-                <el-input v-model="sbpz_sbdz" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-  <!-- </div> -->
-  <!-- <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备ID:"
-                :label-width="formLabelWidth"
-                prop="sbpz_sbid"
-              >
-                <el-select
-                  v-model="sbpz_sbid"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options1"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备名称:"
-                :label-width="formLabelWidth"
-                prop="dev_name"
-              >
-                <el-select
-                  v-model="sbpz_sbmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options2"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备地址:"
-                :label-width="formLabelWidth"
-                prop="dev_address"
-              >
-                <el-input
-                  v-model="sbpz_sbdz"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false"
-            >保 存</el-button
-          >
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div> -->
-</template>
-
-<script>
-export default {
-  name: "DeviceView",
-
-  data() {
-    return {
-      sbpz_sbid: "有线区加工设备1",
-      sbpz_sbmc: "有线区精雕1",
-      sbpz_sbdz: "1",
-      sbpz_jysb: "",
-      sbpz_jdzxz: false,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      options1: [
-        {
-          value: "有线区加工设备1",
-          label: "有线区加工设备1",
-        },
-        {
-          value: "无线区加工设备1",
-          label: "无线区加工设备1",
-        },
-      ],
-      options2: [
-        {
-          value: "有线区精雕1",
-          label: "有线区精雕1",
-        },
-        {
-          value: "无线区精雕1",
-          label: "无线区精雕1",
-        },
-      ],
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        dev_id: [{ required: true, message: "请输入设备ID", trigger: "blur" }],
-        dev_name: [
-          { required: true, message: "请输入设备名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
-        ],
-        dev_address: [
-          { required: true, message: "请输入设备地址", trigger: "blur" },
-        ],
-      },
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增设备
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    saveDevice() {
-      this.add_passage = false;
-      this.$router.push("/dbcollect");
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 5px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105804.vue b/.history/src/components/DeviceWirle_20231107105804.vue
deleted file mode 100644
index 668ad1e..0000000
--- a/.history/src/components/DeviceWirle_20231107105804.vue
+++ /dev/null
@@ -1,451 +0,0 @@
-<!-- 设备设置------串口设备设置 -->
-<template>
-  <div>
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
-    <div class="tree_menu" v-show="dialogVisible">
-      <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-        @node-click="treeNodeClick"></el-tree>
-      <!-- 树形控件右键组件 -->
-      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-        <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-          <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-            <span slot="title">新建设备</span>
-          </el-menu-item>
-          <el-menu-item index="2" style="font-size: 12px;">
-            <span slot="title">删 除</span>
-          </el-menu-item>
-          <el-menu-item index="3" style="font-size: 12px;">
-            <span slot="title">取 消</span>
-          </el-menu-item>
-        </el-menu>
-      </div>
-    </div>
-    <!-- </div> -->
-    <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                <el-select v-model="sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="dev_name">
-                <el-select v-model="sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="dev_address">
-                <el-input v-model="sbpz_sbdz" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-  <!-- </div> -->
-  <!-- <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备ID:"
-                :label-width="formLabelWidth"
-                prop="sbpz_sbid"
-              >
-                <el-select
-                  v-model="sbpz_sbid"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options1"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备名称:"
-                :label-width="formLabelWidth"
-                prop="dev_name"
-              >
-                <el-select
-                  v-model="sbpz_sbmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options2"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备地址:"
-                :label-width="formLabelWidth"
-                prop="dev_address"
-              >
-                <el-input
-                  v-model="sbpz_sbdz"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false"
-            >保 存</el-button
-          >
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div> -->
-</template>
-
-<script>
-export default {
-  name: "DeviceView",
-
-  data() {
-    return {
-      formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      options1: [
-        {
-          value: "有线区加工设备1",
-          label: "有线区加工设备1",
-        },
-        {
-          value: "无线区加工设备1",
-          label: "无线区加工设备1",
-        },
-      ],
-      options2: [
-        {
-          value: "有线区精雕1",
-          label: "有线区精雕1",
-        },
-        {
-          value: "无线区精雕1",
-          label: "无线区精雕1",
-        },
-      ],
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        dev_id: [{ required: true, message: "请输入设备ID", trigger: "blur" }],
-        dev_name: [
-          { required: true, message: "请输入设备名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
-        ],
-        dev_address: [
-          { required: true, message: "请输入设备地址", trigger: "blur" },
-        ],
-      },
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增设备
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    saveDevice() {
-      this.add_passage = false;
-      this.$router.push("/dbcollect");
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 5px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105810.vue b/.history/src/components/DeviceWirle_20231107105810.vue
deleted file mode 100644
index 668ad1e..0000000
--- a/.history/src/components/DeviceWirle_20231107105810.vue
+++ /dev/null
@@ -1,451 +0,0 @@
-<!-- 设备设置------串口设备设置 -->
-<template>
-  <div>
-    <!-- <div v-click-outside="closeMenu"> -->
-    <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
-    <div class="tree_menu" v-show="dialogVisible">
-      <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-        @node-click="treeNodeClick"></el-tree>
-      <!-- 树形控件右键组件 -->
-      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-        <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-          <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-            <span slot="title">新建设备</span>
-          </el-menu-item>
-          <el-menu-item index="2" style="font-size: 12px;">
-            <span slot="title">删 除</span>
-          </el-menu-item>
-          <el-menu-item index="3" style="font-size: 12px;">
-            <span slot="title">取 消</span>
-          </el-menu-item>
-        </el-menu>
-      </div>
-    </div>
-    <!-- </div> -->
-    <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                <el-select v-model="sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="dev_name">
-                <el-select v-model="sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="dev_address">
-                <el-input v-model="sbpz_sbdz" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div>
-  <!-- </div> -->
-  <!-- <div class="pas_params">
-      <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-        <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备ID:"
-                :label-width="formLabelWidth"
-                prop="sbpz_sbid"
-              >
-                <el-select
-                  v-model="sbpz_sbid"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options1"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备名称:"
-                :label-width="formLabelWidth"
-                prop="dev_name"
-              >
-                <el-select
-                  v-model="sbpz_sbmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="item in options2"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item
-                label="设备地址:"
-                :label-width="formLabelWidth"
-                prop="dev_address"
-              >
-                <el-input
-                  v-model="sbpz_sbdz"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item>
-                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="基地址选择:">
-                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                </el-switch>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="add_passage = false"
-            >保 存</el-button
-          >
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </div> -->
-</template>
-
-<script>
-export default {
-  name: "DeviceView",
-
-  data() {
-    return {
-      formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      options1: [
-        {
-          value: "有线区加工设备1",
-          label: "有线区加工设备1",
-        },
-        {
-          value: "无线区加工设备1",
-          label: "无线区加工设备1",
-        },
-      ],
-      options2: [
-        {
-          value: "有线区精雕1",
-          label: "有线区精雕1",
-        },
-        {
-          value: "无线区精雕1",
-          label: "无线区精雕1",
-        },
-      ],
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        dev_id: [{ required: true, message: "请输入设备ID", trigger: "blur" }],
-        dev_name: [
-          { required: true, message: "请输入设备名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
-        ],
-        dev_address: [
-          { required: true, message: "请输入设备地址", trigger: "blur" },
-        ],
-      },
-    };
-  },
-
-  mounted() { },
-
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增设备
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    closeMenu(ev) {
-      console.log({ ev });
-      this.dialogVisible = false;
-    },
-    saveDevice() {
-      this.add_passage = false;
-      this.$router.push("/dbcollect");
-    },
-  },
-  directives: {
-    "click-outside": {
-      bind: function (el, binding, vnode) {
-        console.log("el", el);
-        console.log("binding", binding);
-        el.event = function (event) {
-          // 检查点击是否发生在节点之内（包括子节点）
-          if (!(el == event.target || el.contains(event.target))) {
-            // 如果没有，则触发调用
-            // 若绑定值为函数，则执行
-            // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-            if (typeof vnode.context[binding.expression] == "function") {
-              vnode.context[binding.expression](event);
-            }
-          }
-        };
-        // 绑定事件
-        // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-        document.body.addEventListener("click", el.event, true);
-      },
-      unbind: function (el) {
-        // 解绑事件
-        document.body.removeEventListener("click", el.event, true);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 5px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105833.vue b/.history/src/components/DeviceWirle_20231107105833.vue
deleted file mode 100644
index 1a755bd..0000000
--- a/.history/src/components/DeviceWirle_20231107105833.vue
+++ /dev/null
@@ -1,386 +0,0 @@
-formdata: {
-  sbpz_sbid: "有线区加工设备1",
-  sbpz_sbmc: "有线区精雕1",
-  sbpz_sbdz: "",
-  sbpz_jysb: false,
-  sbpz_jdzxz: false,
-},<!-- 设备配置----网口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbcollect");
-        },
-    },
-    directives: {
-        "click-outside": {
-            bind: function (el, binding, vnode) {
-                console.log("el", el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == "function") {
-                            vnode.context[binding.expression](event);
-                        }
-                    }
-                };
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener("click", el.event, true);
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener("click", el.event, true);
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105848.vue b/.history/src/components/DeviceWirle_20231107105848.vue
deleted file mode 100644
index cc0ef17..0000000
--- a/.history/src/components/DeviceWirle_20231107105848.vue
+++ /dev/null
@@ -1,380 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbcollect");
-        },
-    },
-    directives: {
-        "click-outside": {
-            bind: function (el, binding, vnode) {
-                console.log("el", el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == "function") {
-                            vnode.context[binding.expression](event);
-                        }
-                    }
-                };
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener("click", el.event, true);
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener("click", el.event, true);
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105859.vue b/.history/src/components/DeviceWirle_20231107105859.vue
deleted file mode 100644
index e6251b9..0000000
--- a/.history/src/components/DeviceWirle_20231107105859.vue
+++ /dev/null
@@ -1,380 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbcollect");
-        },
-    },
-    directives: {
-        "click-outside": {
-            bind: function (el, binding, vnode) {
-                console.log("el", el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == "function") {
-                            vnode.context[binding.expression](event);
-                        }
-                    }
-                };
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener("click", el.event, true);
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener("click", el.event, true);
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105917.vue b/.history/src/components/DeviceWirle_20231107105917.vue
deleted file mode 100644
index 2e4e785..0000000
--- a/.history/src/components/DeviceWirle_20231107105917.vue
+++ /dev/null
@@ -1,380 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbcollect");
-        },
-    },
-    directives: {
-        "click-outside": {
-            bind: function (el, binding, vnode) {
-                console.log("el", el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == "function") {
-                            vnode.context[binding.expression](event);
-                        }
-                    }
-                };
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener("click", el.event, true);
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener("click", el.event, true);
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107105932.vue b/.history/src/components/DeviceWirle_20231107105932.vue
deleted file mode 100644
index f9104c8..0000000
--- a/.history/src/components/DeviceWirle_20231107105932.vue
+++ /dev/null
@@ -1,380 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbcollect");
-        },
-    },
-    directives: {
-        "click-outside": {
-            bind: function (el, binding, vnode) {
-                console.log("el", el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == "function") {
-                            vnode.context[binding.expression](event);
-                        }
-                    }
-                };
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener("click", el.event, true);
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener("click", el.event, true);
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107110131.vue b/.history/src/components/DeviceWirle_20231107110131.vue
deleted file mode 100644
index e17d5b7..0000000
--- a/.history/src/components/DeviceWirle_20231107110131.vue
+++ /dev/null
@@ -1,354 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107113056.vue b/.history/src/components/DeviceWirle_20231107113056.vue
deleted file mode 100644
index e17d5b7..0000000
--- a/.history/src/components/DeviceWirle_20231107113056.vue
+++ /dev/null
@@ -1,354 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107120624.vue b/.history/src/components/DeviceWirle_20231107120624.vue
deleted file mode 100644
index e17d5b7..0000000
--- a/.history/src/components/DeviceWirle_20231107120624.vue
+++ /dev/null
@@ -1,354 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107120625.vue b/.history/src/components/DeviceWirle_20231107120625.vue
deleted file mode 100644
index e17d5b7..0000000
--- a/.history/src/components/DeviceWirle_20231107120625.vue
+++ /dev/null
@@ -1,354 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107190109.vue b/.history/src/components/DeviceWirle_20231107190109.vue
deleted file mode 100644
index 13600d9..0000000
--- a/.history/src/components/DeviceWirle_20231107190109.vue
+++ /dev/null
@@ -1,355 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-  <div>
-    <div>
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建设备</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">删 除</span>
-                    </el-menu-item>
-                    <el-menu-item index="3" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <!-- </div> -->
-        <!-- 网口设备 -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <!-- 需要修改的地方 -->
-                                <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="formdata.sbpz_jdzxz">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click=saveDevice>保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-
-                </span>
-            </el-dialog>
-
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107190153.vue b/.history/src/components/DeviceWirle_20231107190153.vue
deleted file mode 100644
index 783b652..0000000
--- a/.history/src/components/DeviceWirle_20231107190153.vue
+++ /dev/null
@@ -1,356 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div>
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建设备</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">删 除</span>
-                        </el-menu-item>
-                        <el-menu-item index="3" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-            <!-- </div> -->
-            <!-- 网口设备 -->
-            <div class="pas_params">
-                <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                    <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                    <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                        <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                            :value="item.value">
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                    <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                        <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                            :value="item.value">
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                    <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                        style="width: 200px;height:30px"></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item>
-                                    <!-- 需要修改的地方 -->
-                                    <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="基地址选择:">
-                                    <el-switch v-model="formdata.sbpz_jdzxz">
-                                    </el-switch>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                    <span slot="footer" class="dialog-footer">
-                        <el-button type="primary" @click=saveDevice>保 存</el-button>
-                        <el-button @click="add_passage = false">取 消</el-button>
-
-                    </span>
-                </el-dialog>
-
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231107190624.vue b/.history/src/components/DeviceWirle_20231107190624.vue
deleted file mode 100644
index 783b652..0000000
--- a/.history/src/components/DeviceWirle_20231107190624.vue
+++ /dev/null
@@ -1,356 +0,0 @@
-<!-- 设备配置----串口设备 -->
-<template>
-    <div>
-        <div>
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建设备</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">删 除</span>
-                        </el-menu-item>
-                        <el-menu-item index="3" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-            <!-- </div> -->
-            <!-- 网口设备 -->
-            <div class="pas_params">
-                <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                    <el-form :model="formdata" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                    <el-select v-model="formdata.sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                        <el-option v-for="(item, index) in options1" :key="index" :label="item.label"
-                                            :value="item.value">
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="sbpz_sbmc">
-                                    <el-select v-model="formdata.sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                        <el-option v-for="(item, index) in options2" :key="index" :label="item.label"
-                                            :value="item.value">
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="sbpz_sbdz">
-                                    <el-input v-model="formdata.sbpz_sbdz" placeholder=""
-                                        style="width: 200px;height:30px"></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item>
-                                    <!-- 需要修改的地方 -->
-                                    <el-checkbox v-model="formdata.sbpz_jysb">禁用地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="基地址选择:">
-                                    <el-switch v-model="formdata.sbpz_jdzxz">
-                                    </el-switch>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                    <span slot="footer" class="dialog-footer">
-                        <el-button type="primary" @click=saveDevice>保 存</el-button>
-                        <el-button @click="add_passage = false">取 消</el-button>
-
-                    </span>
-                </el-dialog>
-
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from "@/api/user";
-
-export default {
-    name: "DeviceView",
-
-    data() {
-        return {
-            formdata: {
-                sbpz_sbid: "有线区加工设备1",
-                sbpz_sbmc: "有线区精雕1",
-                sbpz_sbdz: "",
-                sbpz_jysb: false,
-                sbpz_jdzxz: false,
-            },
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            options1: [{
-                value: "有线区加工设备1",
-                label: "有线区加工设备1"
-            }, {
-                value: "无线区加工设备1",
-                label: "无线区加工设备1"
-            }],
-            options2: [{
-                value: "有线区精雕1",
-                label: "有线区精雕1",
-            }, {
-                value: "无线区精雕1",
-                label: "无线区精雕1",
-            }],
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "用户点",
-                },
-                {
-                    label: "计算点",
-                },
-                {
-                    label: "系统点",
-                },
-                ],
-            },
-            {
-                label: "数据服务",
-                children: [
-                    {
-                        label: "Modbus",
-                    },
-                ],
-            },
-            {
-                label: "IOT",
-                children: [
-                    {
-                        label: "Mqtt Client",
-                    },
-                    {
-                        label: "Alink",
-                    },
-                    {
-                        label: "Tlink",
-                    },
-                    {
-                        label: "loTDDC",
-                    },
-                    {
-                        label: "Ulink",
-                    },
-                ],
-            },
-            ],
-            defaultProps: {
-                children: "children",
-                label: "label",
-            },
-            rules: {
-                sbpz_sbid: [
-                    { required: true, message: "请输入设备ID", trigger: "blur" },
-                ],
-                sbpz_sbmc: [
-                    { required: true, message: "请输入设备名称", trigger: "blur" },
-                ],
-                sbpz_sbdz: [
-                    { required: true, message: "请输入设备地址", trigger: "blur" },
-                ],
-            },
-        };
-    },
-    mounted() { },
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false;
-            this.menuShow = true;
-            e.preventDefault(); //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-            document.addEventListener("click", (ev) => {
-                ev.stopImmediatePropagation();
-                if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-                    this.foo();
-                }
-            });
-        },
-        // 点击时候的判断,判断是否为新增设备
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false;
-            document.removeEventListener("click", this.foo); // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo();
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        async saveDevice() {
-            let datas = sessionStorage.getItem("answer1");
-            console.log(datas);
-            this.formdata.sbpz_jdzxz = String(Number(this.formdata.sbpz_jdzxz));
-            this.formdata.sbpz_jysb = String(Number(this.formdata.sbpz_jysb));
-            this.formdata = { ...JSON.parse(datas), ...this.formdata };
-            this.add_passage = false;
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formdata),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formdata));
-            console.log(res);
-            console.log(JSON.parse(res.data.data.mark_value));
-            this.$router.push("/dbwificollect");
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-</style>
diff --git a/.history/src/components/DeviceWirle_20231208083931.vue b/.history/src/components/DeviceWirle_20231208083931.vue
new file mode 100644
index 0000000..d0cd586
--- /dev/null
+++ b/.history/src/components/DeviceWirle_20231208083931.vue
@@ -0,0 +1,876 @@
+<!-- 设备配置----网口设备 -->
+<template>
+  <div>
+    <div class="tree_menu" v-show="dialogVisible">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <!-- <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span> -->
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">新建设备</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">删 除</span>
+          </el-menu-item>
+          <el-menu-item index="3" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <!-- </div> -->
+    <!-- 网口设备 -->
+    <div class="pas_params">
+      <el-dialog
+        title="设备属性"
+        :visible.sync="add_passage"
+        width="382px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="formData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备ID:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbid"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbid"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbdz"
+              >
+                <el-input
+                  v-model="formData.sbpz_sbdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <!-- 需要修改的地方 -->
+                <el-checkbox v-model="formData.sbpz_jysb">禁用地址</el-checkbox>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="基地址选择:">
+                <span class="one">1</span>
+                <el-switch v-model="formData.sbpz_jdzxz" disabled></el-switch>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+
+    <!-- 网关 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="formData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+
+export default {
+  name: "DeviceView",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      formData: {
+        ippz_lwfs: "",
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        ippz_wifi_ssid: "",
+        ippz_wifi_mm: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_sjw: "",
+        tdpz_tzw: "",
+        tdpz_jojy: "",
+        tdpz_cgsj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_sbdz: "",
+        sbpz_jysb: false,
+        sbpz_jdzxz: true,
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+        // mqtt_retained: "",
+      },
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 192,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      options1: [
+        {
+          value: "有线区加工设备1",
+          label: "有线区加工设备1",
+        },
+        {
+          value: "无线区加工设备1",
+          label: "无线区加工设备1",
+        },
+      ],
+      options2: [
+        {
+          value: "有线区精雕1",
+          label: "有线区精雕1",
+        },
+        {
+          value: "无线区精雕1",
+          label: "无线区精雕1",
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      nodekey: "",
+      rules: {
+        sbpz_sbid: [
+          { required: true, message: "请输入设备ID", trigger: "blur" },
+        ],
+        sbpz_sbmc: [
+          { required: true, message: "请输入设备名称", trigger: "blur" },
+        ],
+        sbpz_sbdz: [
+          { required: true, message: "请输入设备地址", trigger: "blur" },
+        ],
+      },
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 提交时进行校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //   mark: "DB-IotLite_wx",
+        //   user_id: this.user_id,
+        //   // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //   console.log(res2.data.data.mark_value);
+        //   let res3 = JSON.parse(res2.data.data.mark_value);
+        //   this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //   // console.log(this.formData.wgpz_wgid);
+        //   this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        //   this.gateWay.wgpz_wglx = res3.wgpz_wglx;
+        // }
+      }
+      if (node.level == 4) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+      } else if (index == 2) {
+        this.$refs["tree"].remove(this.nodekey);
+        this.sendTree();
+        this.$message({
+          message: "删除成功",
+          type: "success",
+        });
+        var obj = {
+          sbpz_sbid: "",
+          sbpz_jdzxz: "",
+          sbpz_jysb: "",
+          sbpz_sbmc: "",
+          sbpz_sbdzc: "",
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_zjx: "",
+          cjdpz_dxsx: "",
+          cjdpz_beilv: "",
+          ippz_lwfs: this.formData.ippz_lwfs,
+          ippz_wangkou: this.formData.ippz_wangkou,
+          ippz_zwym: this.formData.ippz_zwym,
+          ippz_ip: this.formData.ippz_ip,
+          ippz_mrwg: this.formData.ippz_mrwg,
+          ippz_dns_sx: this.formData.ippz_dns_sx,
+          ippz_dns_by: this.formData.ippz_dns_by,
+          ippz_mac: this.formData.ippz_mac,
+          ippz_wifi_ssid: this.formData.ippz_wifi_ssid,
+          ippz_wifi_mm: this.formData.ippz_wifi_mm,
+          wgpz_wgmc: this.formData.wgpz_wgmc,
+          wgpz_wgid: this.formData.wgpz_wgid,
+          wgpz_wglx: this.formData.wgpz_wglx,
+          tdpz_watchtime: "",
+          tdpz_cjsylxdz: "",
+          tdpz_tdmc: "",
+          tdpz_td: "",
+          tdpz_qdmc: "",
+          tdpz_chuankou: "",
+          tdpz_btl: "",
+          tdpz_sjw: "",
+          tdpz_tzw: "",
+          tdpz_jojy: "",
+          tdpz_port: "",
+          tdpz_cgsj: "",
+          tdpz_jgsj: "",
+          tdpz_lxsj: "",
+          tdpz_cfcs: "",
+          tdpz_050F: "",
+          tdpz_0610: "",
+          tdpz_dxzkb: "",
+          mqtt_qiyong: this.formData.mqtt_qiyong,
+          mqtt_ip: this.formData.mqtt_ip,
+          mqtt_port: this.formData.mqtt_port,
+          mqtt_wgsn: this.formData.mqtt_wgsn,
+          mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
+          mqtt_qos: this.formData.mqtt_qos,
+          mqtt_scms: this.formData.mqtt_scms,
+          mqtt_sczq: this.formData.mqtt_sczq,
+          mqtt_sjgl: this.formData.mqtt_sjgl,
+          mqtt_cjd_sbmc: this.formData.mqtt_cjd_sbmc,
+          mqtt_cjd_tagid: this.formData.mqtt_cjd_tagid,
+        };
+        let res = await SaveUserAnswer({
+          mark: "DB-IotLite_wx",
+          user_id: this.user_id,
+          mark_value: JSON.stringify(obj),
+          step: "1",
+        });
+        this.$router.push(`/dbcollectserial?user_id=${this.user_id}`);
+        // this.$router.back();
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.foo();
+    },
+    async saveDevice() {
+      // console.log(datas);
+      var obj = {
+        sbpz_sbid: this.formData.sbpz_sbid,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+        sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+      };
+      let datas = { ...this.formData, ...obj };
+      this.add_passage = false;
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: "3",
+      });
+      console.log(res.data);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.mark_value));
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 10000,
+            label: this.formData.sbpz_sbmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_wx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+      });
+      console.log(answer);
+      if (answer.data.data && answer.data.state) {
+        console.log(answer);
+        let obj = JSON.parse(answer.data.data.mark_value);
+        console.log(obj);
+        if (obj.sbpz_sbid) {
+          this.formData.sbpz_sbid = obj.sbpz_sbid;
+          this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+          this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+          this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+          this.formData.sbpz_sbdz = obj.sbpz_sbdz;
+        }
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        console.log(this.formData.wgpz_wgid);
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.formData.wgpz_wglx = obj.wgpz_wglx;
+        this.formData.ippz_lwfs = obj.ippz_lwfs;
+        this.formData.ippz_wangkou = obj.ippz_wangkou;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_mrwg = obj.ippz_mrwg;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.tdpz_watchtime = obj.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
+        this.formData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+        this.formData.ippz_mac = obj.ippz_mac;
+        this.formData.ippz_wifi_ssid = obj.ippz_wifi_ssid;
+        this.formData.ippz_wifi_mm = obj.ippz_wifi_mm;
+        this.formData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.formData.tdpz_td = obj.tdpz_td;
+        this.formData.tdpz_qdmc = obj.tdpz_qdmc;
+        this.formData.tdpz_chuankou = obj.tdpz_chuankou;
+        this.formData.tdpz_btl = obj.tdpz_btl;
+        this.formData.tdpz_sjw = obj.tdpz_sjw;
+        this.formData.tdpz_tzw = obj.tdpz_tzw;
+        this.formData.tdpz_jojy = obj.tdpz_jojy;
+        this.formData.tdpz_port = obj.tdpz_port;
+        this.formData.tdpz_cgsj = obj.tdpz_cgsj;
+        this.formData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.formData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.formData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.formData.tdpz_050F = obj.tdpz_050F;
+        this.formData.tdpz_0610 = obj.tdpz_0610;
+        this.formData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = obj.cjdpz_beilv;
+        this.formData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.formData.mqtt_ip = obj.mqtt_ip;
+        this.formData.mqtt_port = obj.mqtt_port;
+        this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = obj.mqtt_qos;
+        this.formData.mqtt_scms = obj.mqtt_scms;
+        this.formData.mqtt_sczq = obj.mqtt_sczq;
+        this.formData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        // this.formData.mqtt_retained = obj.mqtt_retained;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "2",
+      });
+      console.log(result);
+    },
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // let datas = sessionStorage.getItem("DB-IotLite_wx");
+      // console.log(JSON.parse(datas));
+
+      //  datas = { ...JSON.parse(datas), ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.formData),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(this.formData));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        type: "2",
+      }).then((res) => {
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+    this.loading = true;
+    this.GetUserAnswer();
+    this.loading = false;
+  },
+};
+// 点击时候的判断,判断是否为新增设备
+//     async saveDevice() {
+//   let datas = sessionStorage.getItem("DB-IotLite_wx");
+//   console.log(datas);
+//   var obj = {
+//     sbpz_sbid: this.formData.sbpz_sbid,
+//     sbpz_sbmc: this.formData.sbpz_sbmc,
+//     sbpz_mac: this.formData.sbpz_mac,
+//     sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+//     sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+//   };
+//   datas = { ...JSON.parse(datas), ...obj };
+//   this.add_passage = false;
+//   let res = await SaveUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//     mark_value: JSON.stringify(datas),
+//   });
+//   if (res.status == 200) {
+//     this.$message({
+//       message: "保存成功",
+//       type: "success",
+//     });
+//   }
+//   sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+//   // console.log(res);
+//   // console.log(JSON.parse(res.data.data.mark_value));
+//   this.$refs["tree"].append(
+//     {
+//       id: this.nodekey + 10000,
+//       label: this.formData.sbpz_sbmc,
+//     },
+//     this.nodekey
+//   );
+//   // console.log(this.trees);
+//   this.sendTree();
+//   this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+// },
+//     async GetUserAnswer() {
+//   let answer = await GetUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//   });
+//   // console.log(answer);
+//   // console.log(obj);
+//   if (obj.sbpz_sbid) {
+//     let obj = JSON.parse(answer.data.data.mark_value);
+
+//     this.formData.sbpz_sbid = obj.sbpz_sbid;
+//     this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+//     this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+//     this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+//     this.formData.sbpz_mac = obj.sbpz_mac;
+//   }
+// },
+//     async sendTree() {
+//   let result = await SendTree({
+//     user_id: this.user_id,
+//     data: JSON.stringify(this.trees),
+//     type: "2",
+//   });
+//   console.log(result);
+// },
+//   },
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 77px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.one {
+  z-index: 10000;
+  position: absolute;
+  left: 95px;
+  top: 0px;
+}
+</style>
diff --git a/.history/src/components/DeviceWirle_20231208084001.vue b/.history/src/components/DeviceWirle_20231208084001.vue
new file mode 100644
index 0000000..adef49b
--- /dev/null
+++ b/.history/src/components/DeviceWirle_20231208084001.vue
@@ -0,0 +1,876 @@
+<!-- 设备配置----网口设备 -->
+<template>
+  <div>
+    <div class="tree_menu" v-show="dialogVisible">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <!-- <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span> -->
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">新建设备</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">删 除</span>
+          </el-menu-item>
+          <el-menu-item index="3" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <!-- </div> -->
+    <!-- 网口设备 -->
+    <div class="pas_params">
+      <el-dialog
+        title="设备属性"
+        :visible.sync="add_passage"
+        width="382px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="formData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备ID:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbid"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbid"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbdz"
+              >
+                <el-input
+                  v-model="formData.sbpz_sbdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <!-- 需要修改的地方 -->
+                <el-checkbox v-model="formData.sbpz_jysb">禁用地址</el-checkbox>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="基地址选择:">
+                <span class="one">1</span>
+                <el-switch v-model="formData.sbpz_jdzxz" disabled></el-switch>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+
+    <!-- 网关 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="formData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+
+export default {
+  name: "DeviceView",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      formData: {
+        ippz_lwfs: "",
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        ippz_wifi_ssid: "",
+        ippz_wifi_mm: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_sjw: "",
+        tdpz_tzw: "",
+        tdpz_jojy: "",
+        tdpz_cgsj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_sbdz: "",
+        sbpz_jysb: false,
+        sbpz_jdzxz: true,
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+        // mqtt_retained: "",
+      },
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 192,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      options1: [
+        {
+          value: "有线区加工设备1",
+          label: "有线区加工设备1",
+        },
+        {
+          value: "无线区加工设备1",
+          label: "无线区加工设备1",
+        },
+      ],
+      options2: [
+        {
+          value: "有线区精雕1",
+          label: "有线区精雕1",
+        },
+        {
+          value: "无线区精雕1",
+          label: "无线区精雕1",
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      nodekey: "",
+      rules: {
+        sbpz_sbid: [
+          { required: true, message: "请输入设备ID", trigger: "blur" },
+        ],
+        sbpz_sbmc: [
+          { required: true, message: "请输入设备名称", trigger: "blur" },
+        ],
+        sbpz_sbdz: [
+          { required: true, message: "请输入设备地址", trigger: "blur" },
+        ],
+      },
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 提交时进行校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //   mark: "DB-IotLite_wx",
+        //   user_id: this.user_id,
+        //   // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //   console.log(res2.data.data.mark_value);
+        //   let res3 = JSON.parse(res2.data.data.mark_value);
+        //   this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //   // console.log(this.formData.wgpz_wgid);
+        //   this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        //   this.gateWay.wgpz_wglx = res3.wgpz_wglx;
+        // }
+      }
+      if (node.level == 4) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+      } else if (index == 2) {
+        this.$refs["tree"].remove(this.nodekey);
+        this.sendTree();
+        this.$message({
+          message: "删除成功",
+          type: "success",
+        });
+        var obj = {
+          sbpz_sbid: "",
+          sbpz_jdzxz: "",
+          sbpz_jysb: "",
+          sbpz_sbmc: "",
+          sbpz_sbdzc: "",
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_zjx: "",
+          cjdpz_dxsx: "",
+          cjdpz_beilv: "",
+          ippz_lwfs: this.formData.ippz_lwfs,
+          ippz_wangkou: this.formData.ippz_wangkou,
+          ippz_zwym: this.formData.ippz_zwym,
+          ippz_ip: this.formData.ippz_ip,
+          ippz_mrwg: this.formData.ippz_mrwg,
+          ippz_dns_sx: this.formData.ippz_dns_sx,
+          ippz_dns_by: this.formData.ippz_dns_by,
+          ippz_mac: this.formData.ippz_mac,
+          ippz_wifi_ssid: this.formData.ippz_wifi_ssid,
+          ippz_wifi_mm: this.formData.ippz_wifi_mm,
+          wgpz_wgmc: this.formData.wgpz_wgmc,
+          wgpz_wgid: this.formData.wgpz_wgid,
+          wgpz_wglx: this.formData.wgpz_wglx,
+          tdpz_watchtime: "",
+          tdpz_cjsylxdz: "",
+          tdpz_tdmc: "",
+          tdpz_td: "",
+          tdpz_qdmc: "",
+          tdpz_chuankou: "",
+          tdpz_btl: "",
+          tdpz_sjw: "",
+          tdpz_tzw: "",
+          tdpz_jojy: "",
+          tdpz_port: "",
+          tdpz_cgsj: "",
+          tdpz_jgsj: "",
+          tdpz_lxsj: "",
+          tdpz_cfcs: "",
+          tdpz_050F: "",
+          tdpz_0610: "",
+          tdpz_dxzkb: "",
+          mqtt_qiyong: this.formData.mqtt_qiyong,
+          mqtt_ip: this.formData.mqtt_ip,
+          mqtt_port: this.formData.mqtt_port,
+          mqtt_wgsn: this.formData.mqtt_wgsn,
+          mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
+          mqtt_qos: this.formData.mqtt_qos,
+          mqtt_scms: this.formData.mqtt_scms,
+          mqtt_sczq: this.formData.mqtt_sczq,
+          mqtt_sjgl: this.formData.mqtt_sjgl,
+          mqtt_cjd_sbmc: this.formData.mqtt_cjd_sbmc,
+          mqtt_cjd_tagid: this.formData.mqtt_cjd_tagid,
+        };
+        let res = await SaveUserAnswer({
+          mark: "DB-IotLite_wx",
+          user_id: this.user_id,
+          mark_value: JSON.stringify(obj),
+          step: "1",
+        });
+        this.$router.push(`/dbcollectserial?user_id=${this.user_id}`);
+        // this.$router.back();
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.foo();
+    },
+    async saveDevice() {
+      // console.log(datas);
+      var obj = {
+        sbpz_sbid: this.formData.sbpz_sbid,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+        sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+      };
+      let datas = { ...this.formData, ...obj };
+      this.add_passage = false;
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: "3",
+      });
+      console.log(res.data);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.mark_value));
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 10000,
+            label: this.formData.sbpz_sbmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_wx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+      });
+      console.log(answer);
+      if (answer.data.data && answer.data.state) {
+        console.log(answer);
+        let obj = JSON.parse(answer.data.data.mark_value);
+        console.log(obj);
+        if (obj.sbpz_sbid) {
+          this.formData.sbpz_sbid = obj.sbpz_sbid;
+          this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+          this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+          this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+          this.formData.sbpz_sbdz = obj.sbpz_sbdz;
+        }
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        // console.log(this.formData.wgpz_wgid);
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.formData.wgpz_wglx = obj.wgpz_wglx;
+        this.formData.ippz_lwfs = obj.ippz_lwfs;
+        this.formData.ippz_wangkou = obj.ippz_wangkou;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_mrwg = obj.ippz_mrwg;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.tdpz_watchtime = obj.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
+        this.formData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+        this.formData.ippz_mac = obj.ippz_mac;
+        this.formData.ippz_wifi_ssid = obj.ippz_wifi_ssid;
+        this.formData.ippz_wifi_mm = obj.ippz_wifi_mm;
+        this.formData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.formData.tdpz_td = obj.tdpz_td;
+        this.formData.tdpz_qdmc = obj.tdpz_qdmc;
+        this.formData.tdpz_chuankou = obj.tdpz_chuankou;
+        this.formData.tdpz_btl = obj.tdpz_btl;
+        this.formData.tdpz_sjw = obj.tdpz_sjw;
+        this.formData.tdpz_tzw = obj.tdpz_tzw;
+        this.formData.tdpz_jojy = obj.tdpz_jojy;
+        this.formData.tdpz_port = obj.tdpz_port;
+        this.formData.tdpz_cgsj = obj.tdpz_cgsj;
+        this.formData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.formData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.formData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.formData.tdpz_050F = obj.tdpz_050F;
+        this.formData.tdpz_0610 = obj.tdpz_0610;
+        this.formData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = obj.cjdpz_beilv;
+        this.formData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.formData.mqtt_ip = obj.mqtt_ip;
+        this.formData.mqtt_port = obj.mqtt_port;
+        this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = obj.mqtt_qos;
+        this.formData.mqtt_scms = obj.mqtt_scms;
+        this.formData.mqtt_sczq = obj.mqtt_sczq;
+        this.formData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        // this.formData.mqtt_retained = obj.mqtt_retained;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "2",
+      });
+      // console.log(result);
+    },
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // let datas = sessionStorage.getItem("DB-IotLite_wx");
+      // console.log(JSON.parse(datas));
+
+      //  datas = { ...JSON.parse(datas), ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.formData),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(this.formData));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        type: "2",
+      }).then((res) => {
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+    this.loading = true;
+    this.GetUserAnswer();
+    this.loading = false;
+  },
+};
+// 点击时候的判断,判断是否为新增设备
+//     async saveDevice() {
+//   let datas = sessionStorage.getItem("DB-IotLite_wx");
+//   console.log(datas);
+//   var obj = {
+//     sbpz_sbid: this.formData.sbpz_sbid,
+//     sbpz_sbmc: this.formData.sbpz_sbmc,
+//     sbpz_mac: this.formData.sbpz_mac,
+//     sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+//     sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+//   };
+//   datas = { ...JSON.parse(datas), ...obj };
+//   this.add_passage = false;
+//   let res = await SaveUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//     mark_value: JSON.stringify(datas),
+//   });
+//   if (res.status == 200) {
+//     this.$message({
+//       message: "保存成功",
+//       type: "success",
+//     });
+//   }
+//   sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+//   // console.log(res);
+//   // console.log(JSON.parse(res.data.data.mark_value));
+//   this.$refs["tree"].append(
+//     {
+//       id: this.nodekey + 10000,
+//       label: this.formData.sbpz_sbmc,
+//     },
+//     this.nodekey
+//   );
+//   // console.log(this.trees);
+//   this.sendTree();
+//   this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+// },
+//     async GetUserAnswer() {
+//   let answer = await GetUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//   });
+//   // console.log(answer);
+//   // console.log(obj);
+//   if (obj.sbpz_sbid) {
+//     let obj = JSON.parse(answer.data.data.mark_value);
+
+//     this.formData.sbpz_sbid = obj.sbpz_sbid;
+//     this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+//     this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+//     this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+//     this.formData.sbpz_mac = obj.sbpz_mac;
+//   }
+// },
+//     async sendTree() {
+//   let result = await SendTree({
+//     user_id: this.user_id,
+//     data: JSON.stringify(this.trees),
+//     type: "2",
+//   });
+//   console.log(result);
+// },
+//   },
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 77px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.one {
+  z-index: 10000;
+  position: absolute;
+  left: 95px;
+  top: 0px;
+}
+</style>
diff --git a/.history/src/components/DeviceWirle_20231208084011.vue b/.history/src/components/DeviceWirle_20231208084011.vue
new file mode 100644
index 0000000..7078cd3
--- /dev/null
+++ b/.history/src/components/DeviceWirle_20231208084011.vue
@@ -0,0 +1,876 @@
+<!-- 设备配置----网口设备 -->
+<template>
+  <div>
+    <div class="tree_menu" v-show="dialogVisible">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <!-- <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span> -->
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">新建设备</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">删 除</span>
+          </el-menu-item>
+          <el-menu-item index="3" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <!-- </div> -->
+    <!-- 网口设备 -->
+    <div class="pas_params">
+      <el-dialog
+        title="设备属性"
+        :visible.sync="add_passage"
+        width="382px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="formData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备ID:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbid"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbid"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbdz"
+              >
+                <el-input
+                  v-model="formData.sbpz_sbdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <!-- 需要修改的地方 -->
+                <el-checkbox v-model="formData.sbpz_jysb">禁用地址</el-checkbox>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="基地址选择:">
+                <span class="one">1</span>
+                <el-switch v-model="formData.sbpz_jdzxz" disabled></el-switch>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+
+    <!-- 网关 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="formData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+
+export default {
+  name: "DeviceView",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      formData: {
+        ippz_lwfs: "",
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        ippz_wifi_ssid: "",
+        ippz_wifi_mm: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_sjw: "",
+        tdpz_tzw: "",
+        tdpz_jojy: "",
+        tdpz_cgsj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_sbdz: "",
+        sbpz_jysb: false,
+        sbpz_jdzxz: true,
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+        // mqtt_retained: "",
+      },
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 192,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      options1: [
+        {
+          value: "有线区加工设备1",
+          label: "有线区加工设备1",
+        },
+        {
+          value: "无线区加工设备1",
+          label: "无线区加工设备1",
+        },
+      ],
+      options2: [
+        {
+          value: "有线区精雕1",
+          label: "有线区精雕1",
+        },
+        {
+          value: "无线区精雕1",
+          label: "无线区精雕1",
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      nodekey: "",
+      rules: {
+        sbpz_sbid: [
+          { required: true, message: "请输入设备ID", trigger: "blur" },
+        ],
+        sbpz_sbmc: [
+          { required: true, message: "请输入设备名称", trigger: "blur" },
+        ],
+        sbpz_sbdz: [
+          { required: true, message: "请输入设备地址", trigger: "blur" },
+        ],
+      },
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 提交时进行校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //   mark: "DB-IotLite_wx",
+        //   user_id: this.user_id,
+        //   // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //   console.log(res2.data.data.mark_value);
+        //   let res3 = JSON.parse(res2.data.data.mark_value);
+        //   this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //   // console.log(this.formData.wgpz_wgid);
+        //   this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        //   this.gateWay.wgpz_wglx = res3.wgpz_wglx;
+        // }
+      }
+      if (node.level == 4) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+      } else if (index == 2) {
+        this.$refs["tree"].remove(this.nodekey);
+        this.sendTree();
+        this.$message({
+          message: "删除成功",
+          type: "success",
+        });
+        var obj = {
+          sbpz_sbid: "",
+          sbpz_jdzxz: "",
+          sbpz_jysb: "",
+          sbpz_sbmc: "",
+          sbpz_sbdzc: "",
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_zjx: "",
+          cjdpz_dxsx: "",
+          cjdpz_beilv: "",
+          ippz_lwfs: this.formData.ippz_lwfs,
+          ippz_wangkou: this.formData.ippz_wangkou,
+          ippz_zwym: this.formData.ippz_zwym,
+          ippz_ip: this.formData.ippz_ip,
+          ippz_mrwg: this.formData.ippz_mrwg,
+          ippz_dns_sx: this.formData.ippz_dns_sx,
+          ippz_dns_by: this.formData.ippz_dns_by,
+          ippz_mac: this.formData.ippz_mac,
+          ippz_wifi_ssid: this.formData.ippz_wifi_ssid,
+          ippz_wifi_mm: this.formData.ippz_wifi_mm,
+          wgpz_wgmc: this.formData.wgpz_wgmc,
+          wgpz_wgid: this.formData.wgpz_wgid,
+          wgpz_wglx: this.formData.wgpz_wglx,
+          tdpz_watchtime: "",
+          tdpz_cjsylxdz: "",
+          tdpz_tdmc: "",
+          tdpz_td: "",
+          tdpz_qdmc: "",
+          tdpz_chuankou: "",
+          tdpz_btl: "",
+          tdpz_sjw: "",
+          tdpz_tzw: "",
+          tdpz_jojy: "",
+          tdpz_port: "",
+          tdpz_cgsj: "",
+          tdpz_jgsj: "",
+          tdpz_lxsj: "",
+          tdpz_cfcs: "",
+          tdpz_050F: "",
+          tdpz_0610: "",
+          tdpz_dxzkb: "",
+          mqtt_qiyong: this.formData.mqtt_qiyong,
+          mqtt_ip: this.formData.mqtt_ip,
+          mqtt_port: this.formData.mqtt_port,
+          mqtt_wgsn: this.formData.mqtt_wgsn,
+          mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
+          mqtt_qos: this.formData.mqtt_qos,
+          mqtt_scms: this.formData.mqtt_scms,
+          mqtt_sczq: this.formData.mqtt_sczq,
+          mqtt_sjgl: this.formData.mqtt_sjgl,
+          mqtt_cjd_sbmc: this.formData.mqtt_cjd_sbmc,
+          mqtt_cjd_tagid: this.formData.mqtt_cjd_tagid,
+        };
+        let res = await SaveUserAnswer({
+          mark: "DB-IotLite_wx",
+          user_id: this.user_id,
+          mark_value: JSON.stringify(obj),
+          step: "1",
+        });
+        this.$router.push(`/dbcollectserial?user_id=${this.user_id}`);
+        // this.$router.back();
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.foo();
+    },
+    async saveDevice() {
+      // console.log(datas);
+      var obj = {
+        sbpz_sbid: this.formData.sbpz_sbid,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+        sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+      };
+      let datas = { ...this.formData, ...obj };
+      this.add_passage = false;
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: "3",
+      });
+      console.log(res.data);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.mark_value));
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 10000,
+            label: this.formData.sbpz_sbmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_wx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+      });
+      console.log(answer);
+      if (answer.data.data && answer.data.state) {
+        // console.log(answer);
+        let obj = JSON.parse(answer.data.data.mark_value);
+        // console.log(obj);
+        if (obj.sbpz_sbid) {
+          this.formData.sbpz_sbid = obj.sbpz_sbid;
+          this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+          this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+          this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+          this.formData.sbpz_sbdz = obj.sbpz_sbdz;
+        }
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        // console.log(this.formData.wgpz_wgid);
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.formData.wgpz_wglx = obj.wgpz_wglx;
+        this.formData.ippz_lwfs = obj.ippz_lwfs;
+        this.formData.ippz_wangkou = obj.ippz_wangkou;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_mrwg = obj.ippz_mrwg;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.tdpz_watchtime = obj.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
+        this.formData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+        this.formData.ippz_mac = obj.ippz_mac;
+        this.formData.ippz_wifi_ssid = obj.ippz_wifi_ssid;
+        this.formData.ippz_wifi_mm = obj.ippz_wifi_mm;
+        this.formData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.formData.tdpz_td = obj.tdpz_td;
+        this.formData.tdpz_qdmc = obj.tdpz_qdmc;
+        this.formData.tdpz_chuankou = obj.tdpz_chuankou;
+        this.formData.tdpz_btl = obj.tdpz_btl;
+        this.formData.tdpz_sjw = obj.tdpz_sjw;
+        this.formData.tdpz_tzw = obj.tdpz_tzw;
+        this.formData.tdpz_jojy = obj.tdpz_jojy;
+        this.formData.tdpz_port = obj.tdpz_port;
+        this.formData.tdpz_cgsj = obj.tdpz_cgsj;
+        this.formData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.formData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.formData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.formData.tdpz_050F = obj.tdpz_050F;
+        this.formData.tdpz_0610 = obj.tdpz_0610;
+        this.formData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = obj.cjdpz_beilv;
+        this.formData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.formData.mqtt_ip = obj.mqtt_ip;
+        this.formData.mqtt_port = obj.mqtt_port;
+        this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = obj.mqtt_qos;
+        this.formData.mqtt_scms = obj.mqtt_scms;
+        this.formData.mqtt_sczq = obj.mqtt_sczq;
+        this.formData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        // this.formData.mqtt_retained = obj.mqtt_retained;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "2",
+      });
+      // console.log(result);
+    },
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // let datas = sessionStorage.getItem("DB-IotLite_wx");
+      // console.log(JSON.parse(datas));
+
+      //  datas = { ...JSON.parse(datas), ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.formData),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(this.formData));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        type: "2",
+      }).then((res) => {
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+    this.loading = true;
+    this.GetUserAnswer();
+    this.loading = false;
+  },
+};
+// 点击时候的判断,判断是否为新增设备
+//     async saveDevice() {
+//   let datas = sessionStorage.getItem("DB-IotLite_wx");
+//   console.log(datas);
+//   var obj = {
+//     sbpz_sbid: this.formData.sbpz_sbid,
+//     sbpz_sbmc: this.formData.sbpz_sbmc,
+//     sbpz_mac: this.formData.sbpz_mac,
+//     sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+//     sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+//   };
+//   datas = { ...JSON.parse(datas), ...obj };
+//   this.add_passage = false;
+//   let res = await SaveUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//     mark_value: JSON.stringify(datas),
+//   });
+//   if (res.status == 200) {
+//     this.$message({
+//       message: "保存成功",
+//       type: "success",
+//     });
+//   }
+//   sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+//   // console.log(res);
+//   // console.log(JSON.parse(res.data.data.mark_value));
+//   this.$refs["tree"].append(
+//     {
+//       id: this.nodekey + 10000,
+//       label: this.formData.sbpz_sbmc,
+//     },
+//     this.nodekey
+//   );
+//   // console.log(this.trees);
+//   this.sendTree();
+//   this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+// },
+//     async GetUserAnswer() {
+//   let answer = await GetUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//   });
+//   // console.log(answer);
+//   // console.log(obj);
+//   if (obj.sbpz_sbid) {
+//     let obj = JSON.parse(answer.data.data.mark_value);
+
+//     this.formData.sbpz_sbid = obj.sbpz_sbid;
+//     this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+//     this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+//     this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+//     this.formData.sbpz_mac = obj.sbpz_mac;
+//   }
+// },
+//     async sendTree() {
+//   let result = await SendTree({
+//     user_id: this.user_id,
+//     data: JSON.stringify(this.trees),
+//     type: "2",
+//   });
+//   console.log(result);
+// },
+//   },
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 77px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.one {
+  z-index: 10000;
+  position: absolute;
+  left: 95px;
+  top: 0px;
+}
+</style>
diff --git a/.history/src/components/DeviceWirle_20231208084022.vue b/.history/src/components/DeviceWirle_20231208084022.vue
new file mode 100644
index 0000000..3bbee6a
--- /dev/null
+++ b/.history/src/components/DeviceWirle_20231208084022.vue
@@ -0,0 +1,876 @@
+<!-- 设备配置----网口设备 -->
+<template>
+  <div>
+    <div class="tree_menu" v-show="dialogVisible">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <!-- <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input style="width: 260px;" v-model="gateway" @change="changeInput"></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span> -->
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">新建设备</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">删 除</span>
+          </el-menu-item>
+          <el-menu-item index="3" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <!-- </div> -->
+    <!-- 网口设备 -->
+    <div class="pas_params">
+      <el-dialog
+        title="设备属性"
+        :visible.sync="add_passage"
+        width="382px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="formData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备ID:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbid"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbid"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备名称:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbmc"
+              >
+                <el-select
+                  v-model="formData.sbpz_sbmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item
+                label="设备地址:"
+                :label-width="formLabelWidth"
+                prop="sbpz_sbdz"
+              >
+                <el-input
+                  v-model="formData.sbpz_sbdz"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <!-- 需要修改的地方 -->
+                <el-checkbox v-model="formData.sbpz_jysb">禁用地址</el-checkbox>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="基地址选择:">
+                <span class="one">1</span>
+                <el-switch v-model="formData.sbpz_jdzxz" disabled></el-switch>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+
+    <!-- 网关 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="formData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+
+export default {
+  name: "DeviceView",
+
+  data() {
+    return {
+      loading: false,
+      flag: false,
+      gateway: "",
+      user_id: "",
+      trees: [],
+      formData: {
+        ippz_lwfs: "",
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        ippz_wifi_ssid: "",
+        ippz_wifi_mm: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_sjw: "",
+        tdpz_tzw: "",
+        tdpz_jojy: "",
+        tdpz_cgsj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_sbdz: "",
+        sbpz_jysb: false,
+        sbpz_jdzxz: true,
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+        // mqtt_retained: "",
+      },
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 192,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      options1: [
+        {
+          value: "有线区加工设备1",
+          label: "有线区加工设备1",
+        },
+        {
+          value: "无线区加工设备1",
+          label: "无线区加工设备1",
+        },
+      ],
+      options2: [
+        {
+          value: "有线区精雕1",
+          label: "有线区精雕1",
+        },
+        {
+          value: "无线区精雕1",
+          label: "无线区精雕1",
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      nodekey: "",
+      rules: {
+        sbpz_sbid: [
+          { required: true, message: "请输入设备ID", trigger: "blur" },
+        ],
+        sbpz_sbmc: [
+          { required: true, message: "请输入设备名称", trigger: "blur" },
+        ],
+        sbpz_sbdz: [
+          { required: true, message: "请输入设备地址", trigger: "blur" },
+        ],
+      },
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 提交时进行校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveDevice();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //   mark: "DB-IotLite_wx",
+        //   user_id: this.user_id,
+        //   // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //   console.log(res2.data.data.mark_value);
+        //   let res3 = JSON.parse(res2.data.data.mark_value);
+        //   this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //   // console.log(this.formData.wgpz_wgid);
+        //   this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        //   this.gateWay.wgpz_wglx = res3.wgpz_wglx;
+        // }
+      }
+      if (node.level == 4) {
+        this.menuShow = false;
+        this.menuShow = true;
+        this.nodekey = data.id;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    async selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+      } else if (index == 2) {
+        this.$refs["tree"].remove(this.nodekey);
+        this.sendTree();
+        this.$message({
+          message: "删除成功",
+          type: "success",
+        });
+        var obj = {
+          sbpz_sbid: "",
+          sbpz_jdzxz: "",
+          sbpz_jysb: "",
+          sbpz_sbmc: "",
+          sbpz_sbdzc: "",
+          cjdpz_tagid: "",
+          cjdpz_mc: "",
+          cjdpz_sjq: "",
+          cjdpz_jcqdz: "",
+          cjdpz_cjsjlx: "",
+          cjdpz_zjx: "",
+          cjdpz_dxsx: "",
+          cjdpz_beilv: "",
+          ippz_lwfs: this.formData.ippz_lwfs,
+          ippz_wangkou: this.formData.ippz_wangkou,
+          ippz_zwym: this.formData.ippz_zwym,
+          ippz_ip: this.formData.ippz_ip,
+          ippz_mrwg: this.formData.ippz_mrwg,
+          ippz_dns_sx: this.formData.ippz_dns_sx,
+          ippz_dns_by: this.formData.ippz_dns_by,
+          ippz_mac: this.formData.ippz_mac,
+          ippz_wifi_ssid: this.formData.ippz_wifi_ssid,
+          ippz_wifi_mm: this.formData.ippz_wifi_mm,
+          wgpz_wgmc: this.formData.wgpz_wgmc,
+          wgpz_wgid: this.formData.wgpz_wgid,
+          wgpz_wglx: this.formData.wgpz_wglx,
+          tdpz_watchtime: "",
+          tdpz_cjsylxdz: "",
+          tdpz_tdmc: "",
+          tdpz_td: "",
+          tdpz_qdmc: "",
+          tdpz_chuankou: "",
+          tdpz_btl: "",
+          tdpz_sjw: "",
+          tdpz_tzw: "",
+          tdpz_jojy: "",
+          tdpz_port: "",
+          tdpz_cgsj: "",
+          tdpz_jgsj: "",
+          tdpz_lxsj: "",
+          tdpz_cfcs: "",
+          tdpz_050F: "",
+          tdpz_0610: "",
+          tdpz_dxzkb: "",
+          mqtt_qiyong: this.formData.mqtt_qiyong,
+          mqtt_ip: this.formData.mqtt_ip,
+          mqtt_port: this.formData.mqtt_port,
+          mqtt_wgsn: this.formData.mqtt_wgsn,
+          mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
+          mqtt_qos: this.formData.mqtt_qos,
+          mqtt_scms: this.formData.mqtt_scms,
+          mqtt_sczq: this.formData.mqtt_sczq,
+          mqtt_sjgl: this.formData.mqtt_sjgl,
+          mqtt_cjd_sbmc: this.formData.mqtt_cjd_sbmc,
+          mqtt_cjd_tagid: this.formData.mqtt_cjd_tagid,
+        };
+        let res = await SaveUserAnswer({
+          mark: "DB-IotLite_wx",
+          user_id: this.user_id,
+          mark_value: JSON.stringify(obj),
+          step: "1",
+        });
+        this.$router.push(`/dbcollectserial?user_id=${this.user_id}`);
+        // this.$router.back();
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.foo();
+    },
+    async saveDevice() {
+      // console.log(datas);
+      var obj = {
+        sbpz_sbid: this.formData.sbpz_sbid,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_sbmc: this.formData.sbpz_sbmc,
+        sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+        sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+      };
+      let datas = { ...this.formData, ...obj };
+      this.add_passage = false;
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: "3",
+      });
+      // console.log(res.data);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.mark_value));
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 10000,
+            label: this.formData.sbpz_sbmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_wx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+      });
+      console.log(answer);
+      if (answer.data.data && answer.data.state) {
+        // console.log(answer);
+        let obj = JSON.parse(answer.data.data.mark_value);
+        // console.log(obj);
+        if (obj.sbpz_sbid) {
+          this.formData.sbpz_sbid = obj.sbpz_sbid;
+          this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+          this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+          this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+          this.formData.sbpz_sbdz = obj.sbpz_sbdz;
+        }
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        // console.log(this.formData.wgpz_wgid);
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.formData.wgpz_wglx = obj.wgpz_wglx;
+        this.formData.ippz_lwfs = obj.ippz_lwfs;
+        this.formData.ippz_wangkou = obj.ippz_wangkou;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_mrwg = obj.ippz_mrwg;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.tdpz_watchtime = obj.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = obj.tdpz_cjsylxdz;
+        this.formData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+        this.formData.ippz_mac = obj.ippz_mac;
+        this.formData.ippz_wifi_ssid = obj.ippz_wifi_ssid;
+        this.formData.ippz_wifi_mm = obj.ippz_wifi_mm;
+        this.formData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.formData.tdpz_td = obj.tdpz_td;
+        this.formData.tdpz_qdmc = obj.tdpz_qdmc;
+        this.formData.tdpz_chuankou = obj.tdpz_chuankou;
+        this.formData.tdpz_btl = obj.tdpz_btl;
+        this.formData.tdpz_sjw = obj.tdpz_sjw;
+        this.formData.tdpz_tzw = obj.tdpz_tzw;
+        this.formData.tdpz_jojy = obj.tdpz_jojy;
+        this.formData.tdpz_port = obj.tdpz_port;
+        this.formData.tdpz_cgsj = obj.tdpz_cgsj;
+        this.formData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.formData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.formData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.formData.tdpz_050F = obj.tdpz_050F;
+        this.formData.tdpz_0610 = obj.tdpz_0610;
+        this.formData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = obj.cjdpz_beilv;
+        this.formData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.formData.mqtt_ip = obj.mqtt_ip;
+        this.formData.mqtt_port = obj.mqtt_port;
+        this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = obj.mqtt_qos;
+        this.formData.mqtt_scms = obj.mqtt_scms;
+        this.formData.mqtt_sczq = obj.mqtt_sczq;
+        this.formData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+        // this.formData.mqtt_retained = obj.mqtt_retained;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        data: JSON.stringify(this.trees),
+        type: "2",
+      });
+      // console.log(result);
+    },
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // let datas = sessionStorage.getItem("DB-IotLite_wx");
+      // console.log(JSON.parse(datas));
+
+      //  datas = { ...JSON.parse(datas), ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.formData),
+        step: "2",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(this.formData));
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        type: "2",
+      }).then((res) => {
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+    this.loading = true;
+    this.GetUserAnswer();
+    this.loading = false;
+  },
+};
+// 点击时候的判断,判断是否为新增设备
+//     async saveDevice() {
+//   let datas = sessionStorage.getItem("DB-IotLite_wx");
+//   console.log(datas);
+//   var obj = {
+//     sbpz_sbid: this.formData.sbpz_sbid,
+//     sbpz_sbmc: this.formData.sbpz_sbmc,
+//     sbpz_mac: this.formData.sbpz_mac,
+//     sbpz_jysb: String(Number(this.formData.sbpz_jysb)),
+//     sbpz_jdzxz: String(Number(this.formData.sbpz_jdzxz)),
+//   };
+//   datas = { ...JSON.parse(datas), ...obj };
+//   this.add_passage = false;
+//   let res = await SaveUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//     mark_value: JSON.stringify(datas),
+//   });
+//   if (res.status == 200) {
+//     this.$message({
+//       message: "保存成功",
+//       type: "success",
+//     });
+//   }
+//   sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+//   // console.log(res);
+//   // console.log(JSON.parse(res.data.data.mark_value));
+//   this.$refs["tree"].append(
+//     {
+//       id: this.nodekey + 10000,
+//       label: this.formData.sbpz_sbmc,
+//     },
+//     this.nodekey
+//   );
+//   // console.log(this.trees);
+//   this.sendTree();
+//   this.$router.push(`/dbwificollect?user_id=${this.user_id}`);
+// },
+//     async GetUserAnswer() {
+//   let answer = await GetUserAnswer({
+//     mark: "DB-IotLite_wx",
+//     user_id: this.user_id,
+//   });
+//   // console.log(answer);
+//   // console.log(obj);
+//   if (obj.sbpz_sbid) {
+//     let obj = JSON.parse(answer.data.data.mark_value);
+
+//     this.formData.sbpz_sbid = obj.sbpz_sbid;
+//     this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
+//     this.formData.sbpz_jysb = Boolean(Number(obj.sbpz_jysb));
+//     this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+//     this.formData.sbpz_mac = obj.sbpz_mac;
+//   }
+// },
+//     async sendTree() {
+//   let result = await SendTree({
+//     user_id: this.user_id,
+//     data: JSON.stringify(this.trees),
+//     type: "2",
+//   });
+//   console.log(result);
+// },
+//   },
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  height: 753px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 5px;
+      left: 77px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.one {
+  z-index: 10000;
+  position: absolute;
+  left: 95px;
+  top: 0px;
+}
+</style>
diff --git a/.history/src/components/GateWay_20231025160227.vue b/.history/src/components/GateWay_20231025160227.vue
deleted file mode 100644
index 605d0b8..0000000
--- a/.history/src/components/GateWay_20231025160227.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<template>
-    <div>
-      <div> <el-button type="info" plain @click="dialogFormVisible = true">有线网络</el-button></div>
-      <div>
-        <el-dialog title="IP设置" :visible.sync="dialogFormVisible">
-          <h2 class="title">有线</h2>
-          <el-form :model="form" :label-position="labelPosition" label-width="80px">
-            <div class="wired">
-              <el-form-item label="网口:" :label-width="formLabelWidth">
-                <el-select v-model="form.region" placeholder="ETHO" style="width: 288px;">
-                  <el-option label="区域一"></el-option>
-                  <el-option label="区域二"></el-option>
-                </el-select>
-              </el-form-item>
-              <div class="address">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">
-                      <p class="ip_address">.</p>
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="macAdress">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="22"><el-input></el-input></el-col>
-                    <el-col :span="2"><el-button>复制</el-button></el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-            </div>
-          </el-form>
-          <div slot="footer" class="dialog-footer">
-            <el-button @click="dialogFormVisible = false">取 消</el-button>
-            <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
-          </div>
-        </el-dialog>
-      </div>
-    </div>
-  </template>
-  
-  <script>
-  export default {
-    name: 'TestHelloWorld',
-    data() {
-      return {
-        labelPosition: "left",
-        input1: 192,
-        input2: 168,
-        input3: 1,
-        input4: 1,
-        radio: '2',
-        dialogFormVisible: false,
-        form: {
-          name: '',
-          region: '',
-          date1: '',
-          date2: '',
-          delivery: false,
-          type: [],
-          resource: '',
-          desc: ''
-        },
-        formLabelWidth: '80px'
-      };
-    }
-  };
-  </script>
-  
-  <style lang="less" scoped>
-  .wired {
-    width: 1000px;
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    align-items: center;
-  
-    .ip_address {
-      text-align: center;
-    }
-  
-    .macAdress {
-      width: 450px;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-  
-    .address {
-      width: 378px;
-  
-      /deep/ .el-row {
-        display: flex;
-        align-items: flex-end;
-  
-        .el-col-1 {
-          text-align: center;
-          line-height: 13px;
-          height: 13px;
-        }
-      }
-    }
-  }
-  </style>
\ No newline at end of file
diff --git a/.history/src/components/GateWay_20231030110346.vue b/.history/src/components/GateWay_20231030110346.vue
deleted file mode 100644
index 0bc0217..0000000
--- a/.history/src/components/GateWay_20231030110346.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<!-- 有线网络 -->
-<template>
-    <div>
-      <div> <el-button type="info" plain @click="dialogFormVisible = true">有线网络</el-button></div>
-      <div>
-        <el-dialog title="IP设置" :visible.sync="dialogFormVisible">
-          <h2 class="title">有线</h2>
-          <el-form :model="form" :label-position="labelPosition" label-width="80px">
-            <div class="wired">
-              <el-form-item label="网口:" :label-width="formLabelWidth">
-                <el-select v-model="form.region" placeholder="ETHO" style="width: 288px;">
-                  <el-option label="区域一"></el-option>
-                  <el-option label="区域二"></el-option>
-                </el-select>
-              </el-form-item>
-              <div class="address">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">
-                      <p class="ip_address">.</p>
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="macAdress">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="22"><el-input></el-input></el-col>
-                    <el-col :span="2"><el-button>复制</el-button></el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-            </div>
-          </el-form>
-          <div slot="footer" class="dialog-footer">
-            <el-button @click="dialogFormVisible = false">取 消</el-button>
-            <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
-          </div>
-        </el-dialog>
-      </div>
-    </div>
-  </template>
-  
-  <script>
-  export default {
-    name: 'TestHelloWorld',
-    data() {
-      return {
-        labelPosition: "left",
-        input1: 192,
-        input2: 168,
-        input3: 1,
-        input4: 1,
-        radio: '2',
-        dialogFormVisible: false,
-        form: {
-          name: '',
-          region: '',
-          date1: '',
-          date2: '',
-          delivery: false,
-          type: [],
-          resource: '',
-          desc: ''
-        },
-        formLabelWidth: '80px'
-      };
-    }
-  };
-  </script>
-  
-  <style lang="less" scoped>
-  .wired {
-    width: 1000px;
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    align-items: center;
-  
-    .ip_address {
-      text-align: center;
-    }
-  
-    .macAdress {
-      width: 450px;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-  
-    .address {
-      width: 378px;
-  
-      /deep/ .el-row {
-        display: flex;
-        align-items: flex-end;
-  
-        .el-col-1 {
-          text-align: center;
-          line-height: 13px;
-          height: 13px;
-        }
-      }
-    }
-  }
-  </style>
\ No newline at end of file
diff --git a/.history/src/components/GateWay_20231101132651.vue b/.history/src/components/GateWay_20231101132651.vue
deleted file mode 100644
index 6838255..0000000
--- a/.history/src/components/GateWay_20231101132651.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<!-- 有线网络
-<template>
-    <div>
-      <div> <el-button type="info" plain @click="dialogFormVisible = true">有线网络</el-button></div>
-      <div>
-        <el-dialog title="IP设置" :visible.sync="dialogFormVisible">
-          <h2 class="title">有线</h2>
-          <el-form :model="form" :label-position="labelPosition" label-width="80px">
-            <div class="wired">
-              <el-form-item label="网口:" :label-width="formLabelWidth">
-                <el-select v-model="form.region" placeholder="ETHO" style="width: 288px;">
-                  <el-option label="区域一"></el-option>
-                  <el-option label="区域二"></el-option>
-                </el-select>
-              </el-form-item>
-              <div class="address">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">
-                      <p class="ip_address">.</p>
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="address">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="input1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="input3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="6">
-                      <el-input v-model="input4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-              <div class="macAdress">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="22"><el-input></el-input></el-col>
-                    <el-col :span="2"><el-button>复制</el-button></el-col>
-                  </el-row>
-                </el-form-item>
-              </div>
-            </div>
-          </el-form>
-          <div slot="footer" class="dialog-footer">
-            <el-button @click="dialogFormVisible = false">取 消</el-button>
-            <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
-          </div>
-        </el-dialog>
-      </div>
-    </div>
-  </template>
-  
-  <script>
-  export default {
-    name: 'TestHelloWorld',
-    data() {
-      return {
-        labelPosition: "left",
-        input1: 192,
-        input2: 168,
-        input3: 1,
-        input4: 1,
-        radio: '2',
-        dialogFormVisible: false,
-        form: {
-          name: '',
-          region: '',
-          date1: '',
-          date2: '',
-          delivery: false,
-          type: [],
-          resource: '',
-          desc: ''
-        },
-        formLabelWidth: '80px'
-      };
-    }
-  };
-  </script>
-  
-  <style lang="less" scoped>
-  .wired {
-    width: 1000px;
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    align-items: center;
-  
-    .ip_address {
-      text-align: center;
-    }
-  
-    .macAdress {
-      width: 450px;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-  
-    .address {
-      width: 378px;
-  
-      /deep/ .el-row {
-        display: flex;
-        align-items: flex-end;
-  
-        .el-col-1 {
-          text-align: center;
-          line-height: 13px;
-          height: 13px;
-        }
-      }
-    }
-  }
-  </style> -->
\ No newline at end of file
diff --git a/.history/src/components/GateWay_20231102085655.vue b/.history/src/components/GateWay_20231102085655.vue
deleted file mode 100644
index 662a7fd..0000000
--- a/.history/src/components/GateWay_20231102085655.vue
+++ /dev/null
@@ -1,378 +0,0 @@
-<!-- IP设置-网络方式 -->
-<template>
-  <div>
-      <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-      <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-          <div class="form_content">
-
-                  <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-                      <div class="wired">
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                                      <el-select v-model="ippz_wangkou" placeholder="ETHO"
-                                          style="width: 200px;height:30px">
-                                          <el-option label="ETH0" value="ETH0"></el-option>
-                                          <el-option label="ETH1" value="ETH1"></el-option>
-                                      </el-select>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="24">
-                                  <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                                      <el-row>
-                                          <el-col :span="24" class="mac">
-                                              <el-input style="width: 200px;height:30px"
-                                                  v-model="ippz_mac"></el-input><el-button
-                                                  v-copy="ippz_mac">复制</el-button>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                      </div>
-                  </el-form>
-
-              <div slot="footer" class="dialog-footer footer">
-                  <el-button type="primary" @click="saveAll">保 存</el-button>
-                  <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-              </div>
-          </div>
-      </el-dialog>
-  </div>
-</template>
-
-<script>
-import copy from "../util/v-copy";
-export default {
-  name: 'DataView',
-  data() {
-      return {
-          formdata: {
-              ippz_wangkou: "1",
-              ippz_zwym: "2",
-              ippz_mrwg: "3",
-              ippz_dns_sx: "4",
-              ippz_dns_by: "5",
-              ippz_ip: "6",
-              ippz_mac: "7",
-          },
-          ippz_wangkou: "ETH1",
-          labelPosition: "left",
-          ippz_zwym: "",
-          ippz_zwym1: "255",
-          ippz_zwym2: "255",
-          ippz_zwym3: "255",
-          ippz_zwym4: "0",
-          ippz_ip: "",
-          ippz_ip1: "",
-          ippz_ip2: "",
-          ippz_ip3: "",
-          ippz_ip4: "",
-          ippz_mrwg: "",
-          ippz_mrwg1: "192",
-          ippz_mrwg2: "168",
-          ippz_mrwg3: "1",
-          ippz_mrwg4: "1",
-          ippz_dns_sx: "",
-          ippz_dns_sx1: "8",
-          ippz_dns_sx2: "8",
-          ippz_dns_sx3: "8",
-          ippz_dns_sx4: "8",
-          ippz_dns_by: "",
-          ippz_dns_by1: "8",
-          ippz_dns_by2: "8",
-          ippz_dns_by3: "8",
-          ippz_dns_by4: "8",
-          ippz_mac: "3C:2D:50:20:30:3D",
-          // 无线的数据
-          ippz_wifi_ssid: "1+X",
-          ippz_wifi_mm: "",
-          ippz_lwfs: "1",
-          dialogFormVisible: true,
-          formLabelWidth: '100px',
-          // 有线的规则校验
-          rules_ippz_wirle: {
-              ippz_wangkou: [
-                  { required: true, message: '请输入网口', trigger: 'change' },
-              ],
-              ippz_zwym: [
-                  { required: true, message: '请输入子网掩码', trigger: 'blur' },
-              ],
-              ippz_ip: [
-                  { required: true, message: '请输入IP地址', trigger: 'blur' },
-              ],
-              ippz_mrwg: [
-                  { required: true, message: '请输入默认网关', trigger: 'blur' },
-              ],
-              ippz_dns_sx: [
-                  { required: true, message: '请输入首选DNS', trigger: 'blur' },
-              ],
-              ippz_dns_by: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-              ippz_mac: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-          },
-          rules_ippz_wifi: {
-              ippz_wifi_ssid: [
-                  { required: true, message: '请输入SSID', trigger: 'blur' },
-              ],
-              ippz_wifi_mm: [
-                  { required: true, message: '请输入密码', trigger: 'blur' },
-              ],
-              ippz_dns_sx: [
-                  { required: true, message: '请输入首选DNS', trigger: 'blur' },
-              ],
-              ippz_dns_by: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-              ippz_mac: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-          }
-      }
-  },
-  methods: {
-      // 封装合并输入框的数据
-      Merge(value, value1, value2, value3, value4) {
-          value = value1 + "." + value2 + "." + value3 + "." + value4;
-          return value;
-      },
-      // 保存数据,发送请求
-      saveAll() {
-          this.dialogFormVisible = false;
-          this.formdata.ippz_wangkou = this.ippz_wangkou;
-          this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-          this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-          this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-          this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-          this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-          this.formdata.ippz_mac = this.ippz_mac;
-          sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      }
-  },
-  mounted() {
-
-  },
-  directives: {
-      copy: {
-          bind(el, { value }) {
-              // 给元素赋值一个$value值,即指令绑定的值
-              el.$value = value
-              el.handler = () => {
-                  // 如果可复制的值为空的时候，给出提示；
-                  if (!el.$value) {
-                      console.log('无复制内容')
-                      return
-                  }
-                  // 动态创建 textarea 标签
-                  const textarea = document.createElement('textarea');
-                  // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-                  textarea.readOnly = 'readonly';
-                  textarea.style.position = 'absolute';
-                  textarea.style.left = '-9999px';
-                  // 将要copy的值赋值给textarea 标签的value属性
-                  textarea.value = el.$value;
-                  // 将textarea 插入到body中
-                  document.body.appendChild(textarea);
-                  // 选中值并复制
-                  textarea.select()
-                  const result = document.execCommand('Copy');
-                  if (result) {
-                      console.log('复制成功');
-                  }
-                  document.body.removeChild(textarea);
-              }
-              // 绑定点击事件，点击的时候copy值
-              el.addEventListener('click', el.handler);
-          },
-          // 当传递进来的值更新的时候触发
-          componentUpdated(el, { value }) {
-              el.$value = value;
-          },
-          // 指令与元素解绑的时候，移除事件绑定
-          unbind(el) {
-              el.removeEventListener('click', el.handler);
-          }
-      }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-      .el-col-12:last-child {
-          padding-right: 134px;
-      }
-
-      .el-col-12:first-child {
-          padding-right: 138px;
-      }
-
-      .el-input__inner {
-          height: 30px;
-          text-align: center;
-          padding: 0;
-      }
-
-      .el-row {
-          display: flex;
-          align-items: flex-end;
-
-          .el-col-1 {
-              text-align: center;
-              line-height: 20px;
-              height: 20px;
-          }
-
-          .mac {
-              // display: flex;
-              align-items: center;
-
-              .el-button {
-                  position:absolute;
-                  left:200px;
-                  bottom:5px;
-                  margin-left: 10px;
-                  margin-top: 10px;
-                  width: 80px;
-                  height: 30px;
-                  line-height: 0.5;
-              }
-          }
-      }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102085705.vue b/.history/src/components/GateWay_20231102085705.vue
deleted file mode 100644
index 6226c74..0000000
--- a/.history/src/components/GateWay_20231102085705.vue
+++ /dev/null
@@ -1,378 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-      <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-      <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-          <div class="form_content">
-
-                  <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-                      <div class="wired">
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                                      <el-select v-model="ippz_wangkou" placeholder="ETHO"
-                                          style="width: 200px;height:30px">
-                                          <el-option label="ETH0" value="ETH0"></el-option>
-                                          <el-option label="ETH1" value="ETH1"></el-option>
-                                      </el-select>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="24">
-                                  <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                                      <el-row>
-                                          <el-col :span="24" class="mac">
-                                              <el-input style="width: 200px;height:30px"
-                                                  v-model="ippz_mac"></el-input><el-button
-                                                  v-copy="ippz_mac">复制</el-button>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                      </div>
-                  </el-form>
-
-              <div slot="footer" class="dialog-footer footer">
-                  <el-button type="primary" @click="saveAll">保 存</el-button>
-                  <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-              </div>
-          </div>
-      </el-dialog>
-  </div>
-</template>
-
-<script>
-import copy from "../util/v-copy";
-export default {
-  name: 'DataView',
-  data() {
-      return {
-          formdata: {
-              ippz_wangkou: "1",
-              ippz_zwym: "2",
-              ippz_mrwg: "3",
-              ippz_dns_sx: "4",
-              ippz_dns_by: "5",
-              ippz_ip: "6",
-              ippz_mac: "7",
-          },
-          ippz_wangkou: "ETH1",
-          labelPosition: "left",
-          ippz_zwym: "",
-          ippz_zwym1: "255",
-          ippz_zwym2: "255",
-          ippz_zwym3: "255",
-          ippz_zwym4: "0",
-          ippz_ip: "",
-          ippz_ip1: "",
-          ippz_ip2: "",
-          ippz_ip3: "",
-          ippz_ip4: "",
-          ippz_mrwg: "",
-          ippz_mrwg1: "192",
-          ippz_mrwg2: "168",
-          ippz_mrwg3: "1",
-          ippz_mrwg4: "1",
-          ippz_dns_sx: "",
-          ippz_dns_sx1: "8",
-          ippz_dns_sx2: "8",
-          ippz_dns_sx3: "8",
-          ippz_dns_sx4: "8",
-          ippz_dns_by: "",
-          ippz_dns_by1: "8",
-          ippz_dns_by2: "8",
-          ippz_dns_by3: "8",
-          ippz_dns_by4: "8",
-          ippz_mac: "3C:2D:50:20:30:3D",
-          // 无线的数据
-          ippz_wifi_ssid: "1+X",
-          ippz_wifi_mm: "",
-          ippz_lwfs: "1",
-          dialogFormVisible: true,
-          formLabelWidth: '100px',
-          // 有线的规则校验
-          rules_ippz_wirle: {
-              ippz_wangkou: [
-                  { required: true, message: '请输入网口', trigger: 'change' },
-              ],
-              ippz_zwym: [
-                  { required: true, message: '请输入子网掩码', trigger: 'blur' },
-              ],
-              ippz_ip: [
-                  { required: true, message: '请输入IP地址', trigger: 'blur' },
-              ],
-              ippz_mrwg: [
-                  { required: true, message: '请输入默认网关', trigger: 'blur' },
-              ],
-              ippz_dns_sx: [
-                  { required: true, message: '请输入首选DNS', trigger: 'blur' },
-              ],
-              ippz_dns_by: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-              ippz_mac: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-          },
-          rules_ippz_wifi: {
-              ippz_wifi_ssid: [
-                  { required: true, message: '请输入SSID', trigger: 'blur' },
-              ],
-              ippz_wifi_mm: [
-                  { required: true, message: '请输入密码', trigger: 'blur' },
-              ],
-              ippz_dns_sx: [
-                  { required: true, message: '请输入首选DNS', trigger: 'blur' },
-              ],
-              ippz_dns_by: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-              ippz_mac: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-          }
-      }
-  },
-  methods: {
-      // 封装合并输入框的数据
-      Merge(value, value1, value2, value3, value4) {
-          value = value1 + "." + value2 + "." + value3 + "." + value4;
-          return value;
-      },
-      // 保存数据,发送请求
-      saveAll() {
-          this.dialogFormVisible = false;
-          this.formdata.ippz_wangkou = this.ippz_wangkou;
-          this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-          this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-          this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-          this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-          this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-          this.formdata.ippz_mac = this.ippz_mac;
-          sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      }
-  },
-  mounted() {
-
-  },
-  directives: {
-      copy: {
-          bind(el, { value }) {
-              // 给元素赋值一个$value值,即指令绑定的值
-              el.$value = value
-              el.handler = () => {
-                  // 如果可复制的值为空的时候，给出提示；
-                  if (!el.$value) {
-                      console.log('无复制内容')
-                      return
-                  }
-                  // 动态创建 textarea 标签
-                  const textarea = document.createElement('textarea');
-                  // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-                  textarea.readOnly = 'readonly';
-                  textarea.style.position = 'absolute';
-                  textarea.style.left = '-9999px';
-                  // 将要copy的值赋值给textarea 标签的value属性
-                  textarea.value = el.$value;
-                  // 将textarea 插入到body中
-                  document.body.appendChild(textarea);
-                  // 选中值并复制
-                  textarea.select()
-                  const result = document.execCommand('Copy');
-                  if (result) {
-                      console.log('复制成功');
-                  }
-                  document.body.removeChild(textarea);
-              }
-              // 绑定点击事件，点击的时候copy值
-              el.addEventListener('click', el.handler);
-          },
-          // 当传递进来的值更新的时候触发
-          componentUpdated(el, { value }) {
-              el.$value = value;
-          },
-          // 指令与元素解绑的时候，移除事件绑定
-          unbind(el) {
-              el.removeEventListener('click', el.handler);
-          }
-      }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-      .el-col-12:last-child {
-          padding-right: 134px;
-      }
-
-      .el-col-12:first-child {
-          padding-right: 138px;
-      }
-
-      .el-input__inner {
-          height: 30px;
-          text-align: center;
-          padding: 0;
-      }
-
-      .el-row {
-          display: flex;
-          align-items: flex-end;
-
-          .el-col-1 {
-              text-align: center;
-              line-height: 20px;
-              height: 20px;
-          }
-
-          .mac {
-              // display: flex;
-              align-items: center;
-
-              .el-button {
-                  position:absolute;
-                  left:200px;
-                  bottom:5px;
-                  margin-left: 10px;
-                  margin-top: 10px;
-                  width: 80px;
-                  height: 30px;
-                  line-height: 0.5;
-              }
-          }
-      }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102085706.vue b/.history/src/components/GateWay_20231102085706.vue
deleted file mode 100644
index 6226c74..0000000
--- a/.history/src/components/GateWay_20231102085706.vue
+++ /dev/null
@@ -1,378 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-      <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-      <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-          <div class="form_content">
-
-                  <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-                      <div class="wired">
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                                      <el-select v-model="ippz_wangkou" placeholder="ETHO"
-                                          style="width: 200px;height:30px">
-                                          <el-option label="ETH0" value="ETH0"></el-option>
-                                          <el-option label="ETH1" value="ETH1"></el-option>
-                                      </el-select>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_mrwg4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_zwym4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_ip4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="12">
-                                  <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_sx4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                  <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                                      <el-row>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by1"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.
-                                          </el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by2"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by3"></el-input>
-                                          </el-col>
-                                          <el-col :span="1">.</el-col>
-                                          <el-col :span="5">
-                                              <el-input v-model="ippz_dns_by4"></el-input>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="24">
-                                  <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                                      <el-row>
-                                          <el-col :span="24" class="mac">
-                                              <el-input style="width: 200px;height:30px"
-                                                  v-model="ippz_mac"></el-input><el-button
-                                                  v-copy="ippz_mac">复制</el-button>
-                                          </el-col>
-                                      </el-row>
-                                  </el-form-item>
-                              </el-col>
-                          </el-row>
-                      </div>
-                  </el-form>
-
-              <div slot="footer" class="dialog-footer footer">
-                  <el-button type="primary" @click="saveAll">保 存</el-button>
-                  <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-              </div>
-          </div>
-      </el-dialog>
-  </div>
-</template>
-
-<script>
-import copy from "../util/v-copy";
-export default {
-  name: 'DataView',
-  data() {
-      return {
-          formdata: {
-              ippz_wangkou: "1",
-              ippz_zwym: "2",
-              ippz_mrwg: "3",
-              ippz_dns_sx: "4",
-              ippz_dns_by: "5",
-              ippz_ip: "6",
-              ippz_mac: "7",
-          },
-          ippz_wangkou: "ETH1",
-          labelPosition: "left",
-          ippz_zwym: "",
-          ippz_zwym1: "255",
-          ippz_zwym2: "255",
-          ippz_zwym3: "255",
-          ippz_zwym4: "0",
-          ippz_ip: "",
-          ippz_ip1: "",
-          ippz_ip2: "",
-          ippz_ip3: "",
-          ippz_ip4: "",
-          ippz_mrwg: "",
-          ippz_mrwg1: "192",
-          ippz_mrwg2: "168",
-          ippz_mrwg3: "1",
-          ippz_mrwg4: "1",
-          ippz_dns_sx: "",
-          ippz_dns_sx1: "8",
-          ippz_dns_sx2: "8",
-          ippz_dns_sx3: "8",
-          ippz_dns_sx4: "8",
-          ippz_dns_by: "",
-          ippz_dns_by1: "8",
-          ippz_dns_by2: "8",
-          ippz_dns_by3: "8",
-          ippz_dns_by4: "8",
-          ippz_mac: "3C:2D:50:20:30:3D",
-          // 无线的数据
-          ippz_wifi_ssid: "1+X",
-          ippz_wifi_mm: "",
-          ippz_lwfs: "1",
-          dialogFormVisible: true,
-          formLabelWidth: '100px',
-          // 有线的规则校验
-          rules_ippz_wirle: {
-              ippz_wangkou: [
-                  { required: true, message: '请输入网口', trigger: 'change' },
-              ],
-              ippz_zwym: [
-                  { required: true, message: '请输入子网掩码', trigger: 'blur' },
-              ],
-              ippz_ip: [
-                  { required: true, message: '请输入IP地址', trigger: 'blur' },
-              ],
-              ippz_mrwg: [
-                  { required: true, message: '请输入默认网关', trigger: 'blur' },
-              ],
-              ippz_dns_sx: [
-                  { required: true, message: '请输入首选DNS', trigger: 'blur' },
-              ],
-              ippz_dns_by: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-              ippz_mac: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-          },
-          rules_ippz_wifi: {
-              ippz_wifi_ssid: [
-                  { required: true, message: '请输入SSID', trigger: 'blur' },
-              ],
-              ippz_wifi_mm: [
-                  { required: true, message: '请输入密码', trigger: 'blur' },
-              ],
-              ippz_dns_sx: [
-                  { required: true, message: '请输入首选DNS', trigger: 'blur' },
-              ],
-              ippz_dns_by: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-              ippz_mac: [
-                  { required: true, message: '请输入备选DNS', trigger: 'blur' },
-              ],
-          }
-      }
-  },
-  methods: {
-      // 封装合并输入框的数据
-      Merge(value, value1, value2, value3, value4) {
-          value = value1 + "." + value2 + "." + value3 + "." + value4;
-          return value;
-      },
-      // 保存数据,发送请求
-      saveAll() {
-          this.dialogFormVisible = false;
-          this.formdata.ippz_wangkou = this.ippz_wangkou;
-          this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-          this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-          this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-          this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-          this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-          this.formdata.ippz_mac = this.ippz_mac;
-          sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      }
-  },
-  mounted() {
-
-  },
-  directives: {
-      copy: {
-          bind(el, { value }) {
-              // 给元素赋值一个$value值,即指令绑定的值
-              el.$value = value
-              el.handler = () => {
-                  // 如果可复制的值为空的时候，给出提示；
-                  if (!el.$value) {
-                      console.log('无复制内容')
-                      return
-                  }
-                  // 动态创建 textarea 标签
-                  const textarea = document.createElement('textarea');
-                  // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-                  textarea.readOnly = 'readonly';
-                  textarea.style.position = 'absolute';
-                  textarea.style.left = '-9999px';
-                  // 将要copy的值赋值给textarea 标签的value属性
-                  textarea.value = el.$value;
-                  // 将textarea 插入到body中
-                  document.body.appendChild(textarea);
-                  // 选中值并复制
-                  textarea.select()
-                  const result = document.execCommand('Copy');
-                  if (result) {
-                      console.log('复制成功');
-                  }
-                  document.body.removeChild(textarea);
-              }
-              // 绑定点击事件，点击的时候copy值
-              el.addEventListener('click', el.handler);
-          },
-          // 当传递进来的值更新的时候触发
-          componentUpdated(el, { value }) {
-              el.$value = value;
-          },
-          // 指令与元素解绑的时候，移除事件绑定
-          unbind(el) {
-              el.removeEventListener('click', el.handler);
-          }
-      }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-      .el-col-12:last-child {
-          padding-right: 134px;
-      }
-
-      .el-col-12:first-child {
-          padding-right: 138px;
-      }
-
-      .el-input__inner {
-          height: 30px;
-          text-align: center;
-          padding: 0;
-      }
-
-      .el-row {
-          display: flex;
-          align-items: flex-end;
-
-          .el-col-1 {
-              text-align: center;
-              line-height: 20px;
-              height: 20px;
-          }
-
-          .mac {
-              // display: flex;
-              align-items: center;
-
-              .el-button {
-                  position:absolute;
-                  left:200px;
-                  bottom:5px;
-                  margin-left: 10px;
-                  margin-top: 10px;
-                  width: 80px;
-                  height: 30px;
-                  line-height: 0.5;
-              }
-          }
-      }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102085714.vue b/.history/src/components/GateWay_20231102085714.vue
deleted file mode 100644
index feebedf..0000000
--- a/.history/src/components/GateWay_20231102085714.vue
+++ /dev/null
@@ -1,376 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import copy from "../util/v-copy";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 134px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 138px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102154417.vue b/.history/src/components/GateWay_20231102154417.vue
deleted file mode 100644
index cd18f23..0000000
--- a/.history/src/components/GateWay_20231102154417.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText(){
-      this.$message({
-          message: '复制成功',
-          type: 'success'
-        });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 134px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 138px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102154427.vue b/.history/src/components/GateWay_20231102154427.vue
deleted file mode 100644
index 9dee521..0000000
--- a/.history/src/components/GateWay_20231102154427.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText(){
-      this.$message({
-          message: '复制成功',
-          type: 'success'
-        });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 134px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 138px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102154848.vue b/.history/src/components/GateWay_20231102154848.vue
deleted file mode 100644
index 9dee521..0000000
--- a/.history/src/components/GateWay_20231102154848.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText(){
-      this.$message({
-          message: '复制成功',
-          type: 'success'
-        });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 134px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 138px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102155447.vue b/.history/src/components/GateWay_20231102155447.vue
deleted file mode 100644
index 4cdf915..0000000
--- a/.history/src/components/GateWay_20231102155447.vue
+++ /dev/null
@@ -1,384 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText(){
-      this.$message({
-          message: '复制成功',
-          type: 'success'
-        });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            this.$message({
-          message: '添加成功',
-          type: 'success'
-        });
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 134px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 138px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231102155457.vue b/.history/src/components/GateWay_20231102155457.vue
deleted file mode 100644
index 9dee521..0000000
--- a/.history/src/components/GateWay_20231102155457.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText(){
-      this.$message({
-          message: '复制成功',
-          type: 'success'
-        });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 134px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 138px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103091740.vue b/.history/src/components/GateWay_20231103091740.vue
deleted file mode 100644
index 85cb77a..0000000
--- a/.history/src/components/GateWay_20231103091740.vue
+++ /dev/null
@@ -1,380 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText(){
-      this.$message({
-          message: '复制成功',
-          type: 'success'
-        });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103091744.vue b/.history/src/components/GateWay_20231103091744.vue
deleted file mode 100644
index a6285a4..0000000
--- a/.history/src/components/GateWay_20231103091744.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103092554.vue b/.history/src/components/GateWay_20231103092554.vue
deleted file mode 100644
index 40b43ff..0000000
--- a/.history/src/components/GateWay_20231103092554.vue
+++ /dev/null
@@ -1,389 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-      }
-      SaveDbdatas(
-
-      ).then((res)=>{
-
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103092850.vue b/.history/src/components/GateWay_20231103092850.vue
deleted file mode 100644
index f54beb8..0000000
--- a/.history/src/components/GateWay_20231103092850.vue
+++ /dev/null
@@ -1,391 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata);
-      }
-      SaveDbdatas(
-
-      ).then((res)=>{
-
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103092909.vue b/.history/src/components/GateWay_20231103092909.vue
deleted file mode 100644
index dc935d7..0000000
--- a/.history/src/components/GateWay_20231103092909.vue
+++ /dev/null
@@ -1,389 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103092952.vue b/.history/src/components/GateWay_20231103092952.vue
deleted file mode 100644
index ea0177e..0000000
--- a/.history/src/components/GateWay_20231103092952.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103095042.vue b/.history/src/components/GateWay_20231103095042.vue
deleted file mode 100644
index ea0177e..0000000
--- a/.history/src/components/GateWay_20231103095042.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103100117.vue b/.history/src/components/GateWay_20231103100117.vue
deleted file mode 100644
index 954ad66..0000000
--- a/.history/src/components/GateWay_20231103100117.vue
+++ /dev/null
@@ -1,392 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103100250.vue b/.history/src/components/GateWay_20231103100250.vue
deleted file mode 100644
index 0aaae8d..0000000
--- a/.history/src/components/GateWay_20231103100250.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      GetDbwirldList().then((res)=>{
-        console.log(res);
-      })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103100258.vue b/.history/src/components/GateWay_20231103100258.vue
deleted file mode 100644
index b0e5b1c..0000000
--- a/.history/src/components/GateWay_20231103100258.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetDbwirldList} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      GetDbwirldList().then((res)=>{
-        console.log(res);
-      })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103100259.vue b/.history/src/components/GateWay_20231103100259.vue
deleted file mode 100644
index b0e5b1c..0000000
--- a/.history/src/components/GateWay_20231103100259.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetDbwirldList} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      GetDbwirldList().then((res)=>{
-        console.log(res);
-      })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103101818.vue b/.history/src/components/GateWay_20231103101818.vue
deleted file mode 100644
index 0ea9dfc..0000000
--- a/.history/src/components/GateWay_20231103101818.vue
+++ /dev/null
@@ -1,398 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetDbwirldList} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      // GetDbwirldList().then((res)=>{
-      //   console.log(res);
-      // })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created(){
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103102206.vue b/.history/src/components/GateWay_20231103102206.vue
deleted file mode 100644
index ccdede2..0000000
--- a/.history/src/components/GateWay_20231103102206.vue
+++ /dev/null
@@ -1,402 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetUserAnswer} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer:false,
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      // GetDbwirldList().then((res)=>{
-      //   console.log(res);
-      // })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created(){
-    GetUserAnswer().then((res)=>{
-      console.log(res);
-    })
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103102247.vue b/.history/src/components/GateWay_20231103102247.vue
deleted file mode 100644
index 8526bf3..0000000
--- a/.history/src/components/GateWay_20231103102247.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetUserAnswer} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer:false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer=true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      // GetDbwirldList().then((res)=>{
-      //   console.log(res);
-      // })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created(){
-    GetUserAnswer().then((res)=>{
-      console.log(res);
-    })
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103102457.vue b/.history/src/components/GateWay_20231103102457.vue
deleted file mode 100644
index f9a6684..0000000
--- a/.history/src/components/GateWay_20231103102457.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetUserAnswer} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer:false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer=true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      // GetDbwirldList().then((res)=>{
-      //   console.log(res);
-      // })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created(){
-    if(this.isSaveAnswer){
-      GetUserAnswer().then((res)=>{
-      console.log(res);
-    })
-    }
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103102535.vue b/.history/src/components/GateWay_20231103102535.vue
deleted file mode 100644
index af2f4a3..0000000
--- a/.history/src/components/GateWay_20231103102535.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {SaveDbdatas,GetUserAnswer} from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer:false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer=true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-        mark_value:JSON.stringify(this.formdata)
-      }
-      // GetDbwirldList().then((res)=>{
-      //   console.log(res);
-      // })
-      SaveDbdatas(data).then((res)=>{
-        console.log(res);
-      }).catch((error)=>{
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created(){
-    if(this.isSaveAnswer){
-      GetUserAnswer().then((res)=>{
-      console.log(res);
-    });
-    }
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103102640.vue b/.history/src/components/GateWay_20231103102640.vue
deleted file mode 100644
index adb9933..0000000
--- a/.history/src/components/GateWay_20231103102640.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      // GetDbwirldList().then((res)=>{
-      //   console.log(res);
-      // })
-      SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-    if (this.isSaveAnswer) {
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    }
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103102844.vue b/.history/src/components/GateWay_20231103102844.vue
deleted file mode 100644
index f1a6daa..0000000
--- a/.history/src/components/GateWay_20231103102844.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-    if (this.isSaveAnswer) {
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    }
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103156.vue b/.history/src/components/GateWay_20231103103156.vue
deleted file mode 100644
index f1a6daa..0000000
--- a/.history/src/components/GateWay_20231103103156.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-    if (this.isSaveAnswer) {
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    }
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103326.vue b/.history/src/components/GateWay_20231103103326.vue
deleted file mode 100644
index 53bb287..0000000
--- a/.history/src/components/GateWay_20231103103326.vue
+++ /dev/null
@@ -1,402 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103540.vue b/.history/src/components/GateWay_20231103103540.vue
deleted file mode 100644
index cf48902..0000000
--- a/.history/src/components/GateWay_20231103103540.vue
+++ /dev/null
@@ -1,402 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-       SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103554.vue b/.history/src/components/GateWay_20231103103554.vue
deleted file mode 100644
index aba883d..0000000
--- a/.history/src/components/GateWay_20231103103554.vue
+++ /dev/null
@@ -1,402 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-       SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103631.vue b/.history/src/components/GateWay_20231103103631.vue
deleted file mode 100644
index 04a78ef..0000000
--- a/.history/src/components/GateWay_20231103103631.vue
+++ /dev/null
@@ -1,402 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-       SaveDbdatas(data).then((res) => {
-        console.log(res);
-      }).catch((error) => {
-        console.log(error);
-      })
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103713.vue b/.history/src/components/GateWay_20231103103713.vue
deleted file mode 100644
index c156612..0000000
--- a/.history/src/components/GateWay_20231103103713.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res = await SaveDbdatas(data);
-      console.log(res);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103745.vue b/.history/src/components/GateWay_20231103103745.vue
deleted file mode 100644
index 587ef65..0000000
--- a/.history/src/components/GateWay_20231103103745.vue
+++ /dev/null
@@ -1,406 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      GetUserAnswer().then((res) => {
-        console.log(res);
-      });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103756.vue b/.history/src/components/GateWay_20231103103756.vue
deleted file mode 100644
index 305b5a3..0000000
--- a/.history/src/components/GateWay_20231103103756.vue
+++ /dev/null
@@ -1,406 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103103930.vue b/.history/src/components/GateWay_20231103103930.vue
deleted file mode 100644
index 36de313..0000000
--- a/.history/src/components/GateWay_20231103103930.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      console.log(JSON.parse(res2.data.data.mark_value));
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103104018.vue b/.history/src/components/GateWay_20231103104018.vue
deleted file mode 100644
index 1a12282..0000000
--- a/.history/src/components/GateWay_20231103104018.vue
+++ /dev/null
@@ -1,408 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      console.log();
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103104025.vue b/.history/src/components/GateWay_20231103104025.vue
deleted file mode 100644
index ab959c7..0000000
--- a/.history/src/components/GateWay_20231103104025.vue
+++ /dev/null
@@ -1,409 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      console.log();
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      console.log(res3);
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103104115.vue b/.history/src/components/GateWay_20231103104115.vue
deleted file mode 100644
index 7959969..0000000
--- a/.history/src/components/GateWay_20231103104115.vue
+++ /dev/null
@@ -1,409 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      console.log();
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      console.log(res3.wgpz_wgmc);
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103104736.vue b/.history/src/components/GateWay_20231103104736.vue
deleted file mode 100644
index 0fd300d..0000000
--- a/.history/src/components/GateWay_20231103104736.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      console.log();
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      this.ippz_wangkou=res3.ippz_wangkou;
-      this.ippz_ip=res3.ippz_ip;
-      this.ippz_zwym =res3.ippz_zwym;
-      this.ippz_dns_sx=res3.ippz_dns_by;
-      this.ippz_mac=this.ippz_mac;
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103104745.vue b/.history/src/components/GateWay_20231103104745.vue
deleted file mode 100644
index d202684..0000000
--- a/.history/src/components/GateWay_20231103104745.vue
+++ /dev/null
@@ -1,412 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      this.ippz_wangkou=res3.ippz_wangkou;
-      this.ippz_ip=res3.ippz_ip;
-      this.ippz_zwym =res3.ippz_zwym;
-      this.ippz_dns_sx=res3.ippz_dns_by;
-      this.ippz_mac=this.ippz_mac;
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103104901.vue b/.history/src/components/GateWay_20231103104901.vue
deleted file mode 100644
index 5ebe91f..0000000
--- a/.history/src/components/GateWay_20231103104901.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer();
-      console.log(res2);
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      console.log(res3);
-      this.ippz_wangkou=res3.ippz_wangkou;
-      this.ippz_ip=res3.ippz_ip;
-      this.ippz_zwym =res3.ippz_zwym;
-      this.ippz_dns_sx=res3.ippz_dns_by;
-      this.ippz_mac=this.ippz_mac;
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103105621.vue b/.history/src/components/GateWay_20231103105621.vue
deleted file mode 100644
index e273cd2..0000000
--- a/.history/src/components/GateWay_20231103105621.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer({
-        mark:"",
-        user_id:"USER202307301109254198",
-      });
-      console.log(res2);
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      console.log(res3);
-      this.ippz_wangkou=res3.ippz_wangkou;
-      this.ippz_ip=res3.ippz_ip;
-      this.ippz_zwym =res3.ippz_zwym;
-      this.ippz_dns_sx=res3.ippz_dns_by;
-      this.ippz_mac=this.ippz_mac;
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103105636.vue b/.history/src/components/GateWay_20231103105636.vue
deleted file mode 100644
index b534c9d..0000000
--- a/.history/src/components/GateWay_20231103105636.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-     async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer({
-        mark:"DB-IotLite_yx",
-        user_id:"USER202307301109254198",
-      });
-      console.log(res2);
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      console.log(res3);
-      this.ippz_wangkou=res3.ippz_wangkou;
-      this.ippz_ip=res3.ippz_ip;
-      this.ippz_zwym =res3.ippz_zwym;
-      this.ippz_dns_sx=res3.ippz_dns_by;
-      this.ippz_mac=this.ippz_mac;
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103105640.vue b/.history/src/components/GateWay_20231103105640.vue
deleted file mode 100644
index 51ea78e..0000000
--- a/.history/src/components/GateWay_20231103105640.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-      //  SaveDbdatas(data).then((res) => {
-      //   console.log(res);
-      // }).catch((error) => {
-      //   console.log(error);
-      // })
-      let res2 = await GetUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-      });
-      console.log(res2);
-      let res3 = JSON.parse(res2.data.data.mark_value);
-      console.log(res3);
-      this.ippz_wangkou = res3.ippz_wangkou;
-      this.ippz_ip = res3.ippz_ip;
-      this.ippz_zwym = res3.ippz_zwym;
-      this.ippz_dns_sx = res3.ippz_dns_by;
-      this.ippz_mac = this.ippz_mac;
-      // GetUserAnswer().then((res) => {
-      //   console.log(res);
-      // });
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103105834.vue b/.history/src/components/GateWay_20231103105834.vue
deleted file mode 100644
index 7cfaaca..0000000
--- a/.history/src/components/GateWay_20231103105834.vue
+++ /dev/null
@@ -1,408 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103105837.vue b/.history/src/components/GateWay_20231103105837.vue
deleted file mode 100644
index 7cfaaca..0000000
--- a/.history/src/components/GateWay_20231103105837.vue
+++ /dev/null
@@ -1,408 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110006.vue b/.history/src/components/GateWay_20231103110006.vue
deleted file mode 100644
index 9966ccb..0000000
--- a/.history/src/components/GateWay_20231103110006.vue
+++ /dev/null
@@ -1,409 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    console.log(ippz_wangkou);
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110019.vue b/.history/src/components/GateWay_20231103110019.vue
deleted file mode 100644
index 5956cb0..0000000
--- a/.history/src/components/GateWay_20231103110019.vue
+++ /dev/null
@@ -1,409 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    console.log(this.ippz_wangkou);
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110042.vue b/.history/src/components/GateWay_20231103110042.vue
deleted file mode 100644
index 7cfaaca..0000000
--- a/.history/src/components/GateWay_20231103110042.vue
+++ /dev/null
@@ -1,408 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110607.vue b/.history/src/components/GateWay_20231103110607.vue
deleted file mode 100644
index 95e1711..0000000
--- a/.history/src/components/GateWay_20231103110607.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4){
-      let res = value.split(".");
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110658.vue b/.history/src/components/GateWay_20231103110658.vue
deleted file mode 100644
index 70b2c25..0000000
--- a/.history/src/components/GateWay_20231103110658.vue
+++ /dev/null
@@ -1,415 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110659.vue b/.history/src/components/GateWay_20231103110659.vue
deleted file mode 100644
index 70b2c25..0000000
--- a/.history/src/components/GateWay_20231103110659.vue
+++ /dev/null
@@ -1,415 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110734.vue b/.history/src/components/GateWay_20231103110734.vue
deleted file mode 100644
index 5a278b0..0000000
--- a/.history/src/components/GateWay_20231103110734.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      console.log(res);
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110805.vue b/.history/src/components/GateWay_20231103110805.vue
deleted file mode 100644
index 0d52fc9..0000000
--- a/.history/src/components/GateWay_20231103110805.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110832.vue b/.history/src/components/GateWay_20231103110832.vue
deleted file mode 100644
index f4d4c05..0000000
--- a/.history/src/components/GateWay_20231103110832.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103110932.vue b/.history/src/components/GateWay_20231103110932.vue
deleted file mode 100644
index 5a278b0..0000000
--- a/.history/src/components/GateWay_20231103110932.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      console.log(res);
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111158.vue b/.history/src/components/GateWay_20231103111158.vue
deleted file mode 100644
index b9688ce..0000000
--- a/.history/src/components/GateWay_20231103111158.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      console.log(res)
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111326.vue b/.history/src/components/GateWay_20231103111326.vue
deleted file mode 100644
index f9c5f36..0000000
--- a/.history/src/components/GateWay_20231103111326.vue
+++ /dev/null
@@ -1,417 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value, value1, value2, value3, value4) {
-      let res = value.split(".");
-      console.log(res)
-      value1 = res[0];
-      value2 = res[1];
-      value3 = res[2];
-      value4 = res[3];
-      console.log(value1);
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111559.vue b/.history/src/components/GateWay_20231103111559.vue
deleted file mode 100644
index 109a867..0000000
--- a/.history/src/components/GateWay_20231103111559.vue
+++ /dev/null
@@ -1,422 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip,this.ippz_ip1,this.ippz_ip2,this.ippz_ip3,this.ippz_ip4);
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111623.vue b/.history/src/components/GateWay_20231103111623.vue
deleted file mode 100644
index db32bd1..0000000
--- a/.history/src/components/GateWay_20231103111623.vue
+++ /dev/null
@@ -1,423 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111653.vue b/.history/src/components/GateWay_20231103111653.vue
deleted file mode 100644
index d6b8b1f..0000000
--- a/.history/src/components/GateWay_20231103111653.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData);
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111722.vue b/.history/src/components/GateWay_20231103111722.vue
deleted file mode 100644
index d6b8b1f..0000000
--- a/.history/src/components/GateWay_20231103111722.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData);
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111729.vue b/.history/src/components/GateWay_20231103111729.vue
deleted file mode 100644
index e901a32..0000000
--- a/.history/src/components/GateWay_20231103111729.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(SliceData);
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111732.vue b/.history/src/components/GateWay_20231103111732.vue
deleted file mode 100644
index d6b8b1f..0000000
--- a/.history/src/components/GateWay_20231103111732.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData);
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111743.vue b/.history/src/components/GateWay_20231103111743.vue
deleted file mode 100644
index f8caeb8..0000000
--- a/.history/src/components/GateWay_20231103111743.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData());
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111756.vue b/.history/src/components/GateWay_20231103111756.vue
deleted file mode 100644
index b878633..0000000
--- a/.history/src/components/GateWay_20231103111756.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData(ippz_ip));
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111812.vue b/.history/src/components/GateWay_20231103111812.vue
deleted file mode 100644
index 33039e6..0000000
--- a/.history/src/components/GateWay_20231103111812.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData(this.ippz_ip));
-    this.ippz_ip1=this.SliceData[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111841.vue b/.history/src/components/GateWay_20231103111841.vue
deleted file mode 100644
index 2f48451..0000000
--- a/.history/src/components/GateWay_20231103111841.vue
+++ /dev/null
@@ -1,424 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.SliceData(this.ippz_ip);
-    console.log(this.SliceData(this.ippz_ip));
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103111940.vue b/.history/src/components/GateWay_20231103111940.vue
deleted file mode 100644
index 7c24e56..0000000
--- a/.history/src/components/GateWay_20231103111940.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103112015.vue b/.history/src/components/GateWay_20231103112015.vue
deleted file mode 100644
index a5b1cb9..0000000
--- a/.history/src/components/GateWay_20231103112015.vue
+++ /dev/null
@@ -1,429 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103112118.vue b/.history/src/components/GateWay_20231103112118.vue
deleted file mode 100644
index 76b4b70..0000000
--- a/.history/src/components/GateWay_20231103112118.vue
+++ /dev/null
@@ -1,438 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103112131.vue b/.history/src/components/GateWay_20231103112131.vue
deleted file mode 100644
index cf5dcba..0000000
--- a/.history/src/components/GateWay_20231103112131.vue
+++ /dev/null
@@ -1,438 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1=this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2=this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3=this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4=this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103112200.vue b/.history/src/components/GateWay_20231103112200.vue
deleted file mode 100644
index 4b4b448..0000000
--- a/.history/src/components/GateWay_20231103112200.vue
+++ /dev/null
@@ -1,439 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg=res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1=this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2=this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3=this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4=this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103112232.vue b/.history/src/components/GateWay_20231103112232.vue
deleted file mode 100644
index 48f93b8..0000000
--- a/.history/src/components/GateWay_20231103112232.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg=res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1=this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2=this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3=this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4=this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103112559.vue b/.history/src/components/GateWay_20231103112559.vue
deleted file mode 100644
index 48f93b8..0000000
--- a/.history/src/components/GateWay_20231103112559.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg=res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1=this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2=this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3=this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4=this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103130726.vue b/.history/src/components/GateWay_20231103130726.vue
deleted file mode 100644
index 0cfbdae..0000000
--- a/.history/src/components/GateWay_20231103130726.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveDbdatas, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    // SliceData(value, value1, value2, value3, value4) {
-    //   let res = value.split(".");
-    //   console.log(res)
-    //   value1 = res[0];
-    //   value2 = res[1];
-    //   value3 = res[2];
-    //   value4 = res[3];
-    //   console.log(value1)
-    // },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      var data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg=res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2=this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3=this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4=this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1=this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2=this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3=this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4=this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103131402.vue b/.history/src/components/GateWay_20231103131402.vue
deleted file mode 100644
index 4a923e8..0000000
--- a/.history/src/components/GateWay_20231103131402.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return  res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveDbdatas(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg=res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by=res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1=this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2=this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3=this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4=this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1=this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2=this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3=this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4=this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1=this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2=this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3=this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4=this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1=this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2=this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3=this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4=this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1=this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2=this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3=this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4=this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103131410.vue b/.history/src/components/GateWay_20231103131410.vue
deleted file mode 100644
index 6314eae..0000000
--- a/.history/src/components/GateWay_20231103131410.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/dbyx";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103131500.vue b/.history/src/components/GateWay_20231103131500.vue
deleted file mode 100644
index 2cada3a..0000000
--- a/.history/src/components/GateWay_20231103131500.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("all_datas", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231103143735.vue b/.history/src/components/GateWay_20231103143735.vue
deleted file mode 100644
index b96151e..0000000
--- a/.history/src/components/GateWay_20231103143735.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH1",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106092033.vue b/.history/src/components/GateWay_20231106092033.vue
deleted file mode 100644
index 47665c5..0000000
--- a/.history/src/components/GateWay_20231106092033.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106092034.vue b/.history/src/components/GateWay_20231106092034.vue
deleted file mode 100644
index 47665c5..0000000
--- a/.history/src/components/GateWay_20231106092034.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "1",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106092047.vue b/.history/src/components/GateWay_20231106092047.vue
deleted file mode 100644
index ba65b67..0000000
--- a/.history/src/components/GateWay_20231106092047.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106092051.vue b/.history/src/components/GateWay_20231106092051.vue
deleted file mode 100644
index ba65b67..0000000
--- a/.history/src/components/GateWay_20231106092051.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106092511.vue b/.history/src/components/GateWay_20231106092511.vue
deleted file mode 100644
index ba65b67..0000000
--- a/.history/src/components/GateWay_20231106092511.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_mrwg4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106093124.vue b/.history/src/components/GateWay_20231106093124.vue
deleted file mode 100644
index 90f24a1..0000000
--- a/.history/src/components/GateWay_20231106093124.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106093133.vue b/.history/src/components/GateWay_20231106093133.vue
deleted file mode 100644
index 47ef7cf..0000000
--- a/.history/src/components/GateWay_20231106093133.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106093939.vue b/.history/src/components/GateWay_20231106093939.vue
deleted file mode 100644
index edb394e..0000000
--- a/.history/src/components/GateWay_20231106093939.vue
+++ /dev/null
@@ -1,427 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '年龄必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '年龄必须为数字值'}
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106094010.vue b/.history/src/components/GateWay_20231106094010.vue
deleted file mode 100644
index d8e36dc..0000000
--- a/.history/src/components/GateWay_20231106094010.vue
+++ /dev/null
@@ -1,428 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106094102.vue b/.history/src/components/GateWay_20231106094102.vue
deleted file mode 100644
index 0c442bf..0000000
--- a/.history/src/components/GateWay_20231106094102.vue
+++ /dev/null
@@ -1,429 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106094107.vue b/.history/src/components/GateWay_20231106094107.vue
deleted file mode 100644
index 63856a3..0000000
--- a/.history/src/components/GateWay_20231106094107.vue
+++ /dev/null
@@ -1,429 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106094127.vue b/.history/src/components/GateWay_20231106094127.vue
deleted file mode 100644
index b4cd795..0000000
--- a/.history/src/components/GateWay_20231106094127.vue
+++ /dev/null
@@ -1,430 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-
-        <el-form :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle" ref="reform">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="ippz_wangkou" placeholder="ETHO" style="width: 200px;height:30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.
-                    </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px;height:30px" v-model="ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: 'DataView',
-  data() {
-    return {
-      // 判断是否保存过
-      isSaveAnswer: false,
-      // 
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: '100px',
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: '请输入网口', trigger: 'change' },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: '请输入SSID', trigger: 'blur' },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      }
-    }
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(this.ippz_ip, this.ippz_ip1, this.ippz_ip2, this.ippz_ip3, this.ippz_ip4);
-      this.formdata.ippz_zwym = this.Merge(this.ippz_zwym, this.ippz_zwym1, this.ippz_zwym2, this.ippz_zwym3, this.ippz_zwym4);
-      this.formdata.ippz_mrwg = this.Merge(this.ippz_mrwg, this.ippz_mrwg1, this.ippz_mrwg2, this.ippz_mrwg3, this.ippz_mrwg4);
-      this.formdata.ippz_dns_sx = this.Merge(this.ippz_dns_sx, this.ippz_dns_sx1, this.ippz_dns_sx2, this.ippz_dns_sx3, this.ippz_dns_sx4);
-      this.formdata.ippz_dns_by = this.Merge(this.ippz_dns_by, this.ippz_dns_by1, this.ippz_dns_by2, this.ippz_dns_by3, this.ippz_dns_by4);
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata)
-      }
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: '复制成功',
-        type: 'success'
-      });
-    }
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {
-
-  },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log('无复制内容')
-            return
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement('textarea');
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = 'readonly';
-          textarea.style.position = 'absolute';
-          textarea.style.left = '-9999px';
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select()
-          const result = document.execCommand('Copy');
-          if (result) {
-            console.log('复制成功');
-          }
-          document.body.removeChild(textarea);
-        }
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener('click', el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener('click', el.handler);
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106134657.vue b/.history/src/components/GateWay_20231106134657.vue
deleted file mode 100644
index b47433e..0000000
--- a/.history/src/components/GateWay_20231106134657.vue
+++ /dev/null
@@ -1,511 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="reform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // 保存数据,发送请求
-    async saveAll() {
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141231.vue b/.history/src/components/GateWay_20231106141231.vue
deleted file mode 100644
index 348acc1..0000000
--- a/.history/src/components/GateWay_20231106141231.vue
+++ /dev/null
@@ -1,522 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="reform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141511.vue b/.history/src/components/GateWay_20231106141511.vue
deleted file mode 100644
index 58ace91..0000000
--- a/.history/src/components/GateWay_20231106141511.vue
+++ /dev/null
@@ -1,522 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll(rule)">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141527.vue b/.history/src/components/GateWay_20231106141527.vue
deleted file mode 100644
index 60176e8..0000000
--- a/.history/src/components/GateWay_20231106141527.vue
+++ /dev/null
@@ -1,522 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('ruleform')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141558.vue b/.history/src/components/GateWay_20231106141558.vue
deleted file mode 100644
index 60176e8..0000000
--- a/.history/src/components/GateWay_20231106141558.vue
+++ /dev/null
@@ -1,522 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('ruleform')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141828.vue b/.history/src/components/GateWay_20231106141828.vue
deleted file mode 100644
index 040dd8b..0000000
--- a/.history/src/components/GateWay_20231106141828.vue
+++ /dev/null
@@ -1,523 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="ruleform"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('ruleform')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141839.vue b/.history/src/components/GateWay_20231106141839.vue
deleted file mode 100644
index 094b047..0000000
--- a/.history/src/components/GateWay_20231106141839.vue
+++ /dev/null
@@ -1,523 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="ruleform"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ruleform.ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('ruleform')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106141924.vue b/.history/src/components/GateWay_20231106141924.vue
deleted file mode 100644
index 8b59b89..0000000
--- a/.history/src/components/GateWay_20231106141924.vue
+++ /dev/null
@@ -1,523 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="ruleform"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ruleform.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ruleform.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('ruleform')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106142009.vue b/.history/src/components/GateWay_20231106142009.vue
deleted file mode 100644
index 9500e8a..0000000
--- a/.history/src/components/GateWay_20231106142009.vue
+++ /dev/null
@@ -1,523 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="ruleform"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="ruleform"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="ruleform.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="ruleform.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106142054.vue b/.history/src/components/GateWay_20231106142054.vue
deleted file mode 100644
index a438f92..0000000
--- a/.history/src/components/GateWay_20231106142054.vue
+++ /dev/null
@@ -1,523 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-      rules_ippz_wifi: {
-        ippz_wifi_ssid: [
-          { required: true, message: "请输入SSID", trigger: "blur" },
-        ],
-        ippz_wifi_mm: [
-          { required: true, message: "请输入密码", trigger: "blur" },
-        ],
-        ippz_dns_sx: [
-          { required: true, message: "请输入首选DNS", trigger: "blur" },
-        ],
-        ippz_dns_by: [
-          { required: true, message: "请输入备选DNS", trigger: "blur" },
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106142311.vue b/.history/src/components/GateWay_20231106142311.vue
deleted file mode 100644
index 33bf7fd..0000000
--- a/.history/src/components/GateWay_20231106142311.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "7",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106142326.vue b/.history/src/components/GateWay_20231106142326.vue
deleted file mode 100644
index ad91715..0000000
--- a/.history/src/components/GateWay_20231106142326.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106142732.vue b/.history/src/components/GateWay_20231106142732.vue
deleted file mode 100644
index 5634f3d..0000000
--- a/.history/src/components/GateWay_20231106142732.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model.number="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143103.vue b/.history/src/components/GateWay_20231106143103.vue
deleted file mode 100644
index cd0bff6..0000000
--- a/.history/src/components/GateWay_20231106143103.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143107.vue b/.history/src/components/GateWay_20231106143107.vue
deleted file mode 100644
index 98a3e04..0000000
--- a/.history/src/components/GateWay_20231106143107.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143156.vue b/.history/src/components/GateWay_20231106143156.vue
deleted file mode 100644
index 5bd90bc..0000000
--- a/.history/src/components/GateWay_20231106143156.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143158.vue b/.history/src/components/GateWay_20231106143158.vue
deleted file mode 100644
index 64016bf..0000000
--- a/.history/src/components/GateWay_20231106143158.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143159.vue b/.history/src/components/GateWay_20231106143159.vue
deleted file mode 100644
index 64016bf..0000000
--- a/.history/src/components/GateWay_20231106143159.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143243.vue b/.history/src/components/GateWay_20231106143243.vue
deleted file mode 100644
index 84a12b2..0000000
--- a/.history/src/components/GateWay_20231106143243.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" type="Number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" type="Number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" type="Number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" type="Number"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143246.vue b/.history/src/components/GateWay_20231106143246.vue
deleted file mode 100644
index 84a12b2..0000000
--- a/.history/src/components/GateWay_20231106143246.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" type="Number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" type="Number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" type="Number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" type="Number"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143305.vue b/.history/src/components/GateWay_20231106143305.vue
deleted file mode 100644
index 80101d7..0000000
--- a/.history/src/components/GateWay_20231106143305.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" type="number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" type="number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" type="number"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" type="number"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3" type="Number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143403.vue b/.history/src/components/GateWay_20231106143403.vue
deleted file mode 100644
index ad91715..0000000
--- a/.history/src/components/GateWay_20231106143403.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143523.vue b/.history/src/components/GateWay_20231106143523.vue
deleted file mode 100644
index 7466bc2..0000000
--- a/.history/src/components/GateWay_20231106143523.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143531.vue b/.history/src/components/GateWay_20231106143531.vue
deleted file mode 100644
index dd295c1..0000000
--- a/.history/src/components/GateWay_20231106143531.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143559.vue b/.history/src/components/GateWay_20231106143559.vue
deleted file mode 100644
index 1222d61..0000000
--- a/.history/src/components/GateWay_20231106143559.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106143617.vue b/.history/src/components/GateWay_20231106143617.vue
deleted file mode 100644
index 54e7673..0000000
--- a/.history/src/components/GateWay_20231106143617.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106144445.vue b/.history/src/components/GateWay_20231106144445.vue
deleted file mode 100644
index 7aaec9e..0000000
--- a/.history/src/components/GateWay_20231106144445.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106152017.vue b/.history/src/components/GateWay_20231106152017.vue
deleted file mode 100644
index 2d49027..0000000
--- a/.history/src/components/GateWay_20231106152017.vue
+++ /dev/null
@@ -1,460 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3" :rules="[
-                      { required: true, message: '请输入输入框1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106152049.vue b/.history/src/components/GateWay_20231106152049.vue
deleted file mode 100644
index 34dc26d..0000000
--- a/.history/src/components/GateWay_20231106152049.vue
+++ /dev/null
@@ -1,460 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106152107.vue b/.history/src/components/GateWay_20231106152107.vue
deleted file mode 100644
index 508e738..0000000
--- a/.history/src/components/GateWay_20231106152107.vue
+++ /dev/null
@@ -1,461 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106152113.vue b/.history/src/components/GateWay_20231106152113.vue
deleted file mode 100644
index f9d7c80..0000000
--- a/.history/src/components/GateWay_20231106152113.vue
+++ /dev/null
@@ -1,463 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106152120.vue b/.history/src/components/GateWay_20231106152120.vue
deleted file mode 100644
index 193f416..0000000
--- a/.history/src/components/GateWay_20231106152120.vue
+++ /dev/null
@@ -1,463 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关2', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关3', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关4', trigger: 'blur' },]"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106155001.vue b/.history/src/components/GateWay_20231106155001.vue
deleted file mode 100644
index 193f416..0000000
--- a/.history/src/components/GateWay_20231106155001.vue
+++ /dev/null
@@ -1,463 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关1', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关2', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关3', trigger: 'blur' },]"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3" :rules="[
-                      { required: true, message: '请输入默认网关4', trigger: 'blur' },]"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160001.vue b/.history/src/components/GateWay_20231106160001.vue
deleted file mode 100644
index be70b27..0000000
--- a/.history/src/components/GateWay_20231106160001.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog
-      title="IP设置"
-      :visible.sync="dialogFormVisible"
-      :append-to-body="true"
-      width="894px"
-    >
-      <div class="form_content">
-        <el-form
-          :model="formdata"
-          :label-position="labelPosition"
-          label-width="80px"
-          :rules="rules_ippz_wirle"
-          ref="formdata"
-        >
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="网口:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_wangkou"
-                >
-                  <el-select
-                    v-model="formdata.ippz_wangkou"
-                    placeholder="ETHO"
-                    style="width: 200px; height: 30px"
-                  >
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="默认网关:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mrwg"
-                >
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="子网掩码:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_zwym"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="IP地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_ip"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="首选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_sx"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item
-                  label="备选DNS:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_dns_by"
-                >
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item
-                  label="MAC地址:"
-                  :label-width="formLabelWidth"
-                  prop="ippz_mac"
-                >
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input
-                        style="width: 200px; height: 30px"
-                        v-model="formdata.ippz_mac"
-                      ></el-input
-                      ><el-button v-copy="ippz_mac" @click="CopyText"
-                        >复制</el-button
-                      >
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值'}
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值'}
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值'}
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值'}
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            alert('submit!');
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-    // 保存数据,发送请求
-    // async saveAll() {
-      
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() {},
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160037.vue b/.history/src/components/GateWay_20231106160037.vue
deleted file mode 100644
index 9efbb19..0000000
--- a/.history/src/components/GateWay_20231106160037.vue
+++ /dev/null
@@ -1,463 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160038.vue b/.history/src/components/GateWay_20231106160038.vue
deleted file mode 100644
index 9efbb19..0000000
--- a/.history/src/components/GateWay_20231106160038.vue
+++ /dev/null
@@ -1,463 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    saveAll(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-    },
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160329.vue b/.history/src/components/GateWay_20231106160329.vue
deleted file mode 100644
index af03647..0000000
--- a/.history/src/components/GateWay_20231106160329.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      this.$refs.validate((valid) => {
-        if (valid) {
-          alert('submit!');
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          console.log('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          console.log('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160354.vue b/.history/src/components/GateWay_20231106160354.vue
deleted file mode 100644
index f215b22..0000000
--- a/.history/src/components/GateWay_20231106160354.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          console.log('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160359.vue b/.history/src/components/GateWay_20231106160359.vue
deleted file mode 100644
index b7c4c0f..0000000
--- a/.history/src/components/GateWay_20231106160359.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160508.vue b/.history/src/components/GateWay_20231106160508.vue
deleted file mode 100644
index 8ab4ce0..0000000
--- a/.history/src/components/GateWay_20231106160508.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg1[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg2[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg3[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg4[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160626.vue b/.history/src/components/GateWay_20231106160626.vue
deleted file mode 100644
index 15cf18e..0000000
--- a/.history/src/components/GateWay_20231106160626.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160733.vue b/.history/src/components/GateWay_20231106160733.vue
deleted file mode 100644
index f801b5d..0000000
--- a/.history/src/components/GateWay_20231106160733.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160751.vue b/.history/src/components/GateWay_20231106160751.vue
deleted file mode 100644
index 5671108..0000000
--- a/.history/src/components/GateWay_20231106160751.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formData.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160852.vue b/.history/src/components/GateWay_20231106160852.vue
deleted file mode 100644
index ebb860d..0000000
--- a/.history/src/components/GateWay_20231106160852.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ip.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160900.vue b/.history/src/components/GateWay_20231106160900.vue
deleted file mode 100644
index 8b9d9e4..0000000
--- a/.history/src/components/GateWay_20231106160900.vue
+++ /dev/null
@@ -1,481 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106160933.vue b/.history/src/components/GateWay_20231106160933.vue
deleted file mode 100644
index e254c10..0000000
--- a/.history/src/components/GateWay_20231106160933.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ip[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106161053.vue b/.history/src/components/GateWay_20231106161053.vue
deleted file mode 100644
index 25ec3c4..0000000
--- a/.history/src/components/GateWay_20231106161053.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ip[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106161114.vue b/.history/src/components/GateWay_20231106161114.vue
deleted file mode 100644
index 217669c..0000000
--- a/.history/src/components/GateWay_20231106161114.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106161712.vue b/.history/src/components/GateWay_20231106161712.vue
deleted file mode 100644
index 217669c..0000000
--- a/.history/src/components/GateWay_20231106161712.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          // { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162023.vue b/.history/src/components/GateWay_20231106162023.vue
deleted file mode 100644
index 27999dc..0000000
--- a/.history/src/components/GateWay_20231106162023.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162025.vue b/.history/src/components/GateWay_20231106162025.vue
deleted file mode 100644
index 1603e2c..0000000
--- a/.history/src/components/GateWay_20231106162025.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162026.vue b/.history/src/components/GateWay_20231106162026.vue
deleted file mode 100644
index 1603e2c..0000000
--- a/.history/src/components/GateWay_20231106162026.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162251.vue b/.history/src/components/GateWay_20231106162251.vue
deleted file mode 100644
index 5edad5c..0000000
--- a/.history/src/components/GateWay_20231106162251.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["999","999","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formData.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formData.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162419.vue b/.history/src/components/GateWay_20231106162419.vue
deleted file mode 100644
index d69e7a7..0000000
--- a/.history/src/components/GateWay_20231106162419.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["999","999","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162427.vue b/.history/src/components/GateWay_20231106162427.vue
deleted file mode 100644
index d69e7a7..0000000
--- a/.history/src/components/GateWay_20231106162427.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["999","999","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162733.vue b/.history/src/components/GateWay_20231106162733.vue
deleted file mode 100644
index 92c0a89..0000000
--- a/.history/src/components/GateWay_20231106162733.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["999","999","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162734.vue b/.history/src/components/GateWay_20231106162734.vue
deleted file mode 100644
index 92c0a89..0000000
--- a/.history/src/components/GateWay_20231106162734.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["999","999","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106162857.vue b/.history/src/components/GateWay_20231106162857.vue
deleted file mode 100644
index 5b4141f..0000000
--- a/.history/src/components/GateWay_20231106162857.vue
+++ /dev/null
@@ -1,483 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["999","999","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        console.log("123");
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106164419.vue b/.history/src/components/GateWay_20231106164419.vue
deleted file mode 100644
index a7d67b3..0000000
--- a/.history/src/components/GateWay_20231106164419.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          // { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          // { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          // { required: true, message: '请输入IP地址', trigger: 'blur' },
-          // { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        // ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          // { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          // { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          // { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          // { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          // { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          // { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106165306.vue b/.history/src/components/GateWay_20231106165306.vue
deleted file mode 100644
index 8936806..0000000
--- a/.history/src/components/GateWay_20231106165306.vue
+++ /dev/null
@@ -1,522 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll('formdata')">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192", "168", "1", "1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    saveAll(formName) {
-
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          // alert('IP 地址校验通过:', ipAddress);
-          this.dialogFormVisible = false;
-          this.isSaveAnswer = true;
-          this.formdata.ippz_wangkou = this.ippz_wangkou;
-          this.formdata.ippz_ip = this.Merge(
-            this.ippz_ip,
-            this.ippz_ip1,
-            this.ippz_ip2,
-            this.ippz_ip3,
-            this.ippz_ip4
-          );
-          this.formdata.ippz_zwym = this.Merge(
-            this.ippz_zwym,
-            this.ippz_zwym1,
-            this.ippz_zwym2,
-            this.ippz_zwym3,
-            this.ippz_zwym4
-          );
-          this.formdata.ippz_mrwg = this.Merge(
-            this.ippz_mrwg,
-            this.ippz_mrwg1,
-            this.ippz_mrwg2,
-            this.ippz_mrwg3,
-            this.ippz_mrwg4
-          );
-          this.formdata.ippz_dns_sx = this.Merge(
-            this.ippz_dns_sx,
-            this.ippz_dns_sx1,
-            this.ippz_dns_sx2,
-            this.ippz_dns_sx3,
-            this.ippz_dns_sx4
-          );
-          this.formdata.ippz_dns_by = this.Merge(
-            this.ippz_dns_by,
-            this.ippz_dns_by1,
-            this.ippz_dns_by2,
-            this.ippz_dns_by3,
-            this.ippz_dns_by4
-          );
-          this.formdata.ippz_mac = this.ippz_mac;
-          sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-          let data = {
-            mark: "DB-IotLite_yx",
-            user_id: "USER202307301109254198",
-            mark_value: JSON.stringify(this.formdata),
-          };
-          let res1 = await SaveUserAnswer(data);
-          console.log(res1);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106165402.vue b/.history/src/components/GateWay_20231106165402.vue
deleted file mode 100644
index b29b666..0000000
--- a/.history/src/components/GateWay_20231106165402.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        ippz_mrwg: ["192","168","1","1"],
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106165439.vue b/.history/src/components/GateWay_20231106165439.vue
deleted file mode 100644
index 45a54e2..0000000
--- a/.history/src/components/GateWay_20231106165439.vue
+++ /dev/null
@@ -1,483 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[0]" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[1]" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[2]" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg:"3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106165506.vue b/.history/src/components/GateWay_20231106165506.vue
deleted file mode 100644
index 0ab076c..0000000
--- a/.history/src/components/GateWay_20231106165506.vue
+++ /dev/null
@@ -1,483 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="formdata.ippz_mrwg[3]" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg:"3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106165511.vue b/.history/src/components/GateWay_20231106165511.vue
deleted file mode 100644
index 0c92bcb..0000000
--- a/.history/src/components/GateWay_20231106165511.vue
+++ /dev/null
@@ -1,483 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"
-                        @input="handleInput(0)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"
-                        @input="handleInput(1)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"
-                        @input="handleInput(2)"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"
-                        @input="handleInput(3)"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg:"3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106165536.vue b/.history/src/components/GateWay_20231106165536.vue
deleted file mode 100644
index 3b41e93..0000000
--- a/.history/src/components/GateWay_20231106165536.vue
+++ /dev/null
@@ -1,479 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    handleInput(index) {
-      // 在输入框输入时，限制每个部分的值在0到255之间
-      let value = this.formdata.ippz_mrwg[index];
-      if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-        this.formdata.ippz_mrwg[index] = '';
-      }
-    },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据,发送请求
-    // async saveAll() {
-
-    //   this.dialogFormVisible = false;
-    //   this.isSaveAnswer = true;
-    //   this.formdata.ippz_wangkou = this.ippz_wangkou;
-    //   this.formdata.ippz_ip = this.Merge(
-    //     this.ippz_ip,
-    //     this.ippz_ip1,
-    //     this.ippz_ip2,
-    //     this.ippz_ip3,
-    //     this.ippz_ip4
-    //   );
-    //   this.formdata.ippz_zwym = this.Merge(
-    //     this.ippz_zwym,
-    //     this.ippz_zwym1,
-    //     this.ippz_zwym2,
-    //     this.ippz_zwym3,
-    //     this.ippz_zwym4
-    //   );
-    //   this.formdata.ippz_mrwg = this.Merge(
-    //     this.ippz_mrwg,
-    //     this.ippz_mrwg1,
-    //     this.ippz_mrwg2,
-    //     this.ippz_mrwg3,
-    //     this.ippz_mrwg4
-    //   );
-    //   this.formdata.ippz_dns_sx = this.Merge(
-    //     this.ippz_dns_sx,
-    //     this.ippz_dns_sx1,
-    //     this.ippz_dns_sx2,
-    //     this.ippz_dns_sx3,
-    //     this.ippz_dns_sx4
-    //   );
-    //   this.formdata.ippz_dns_by = this.Merge(
-    //     this.ippz_dns_by,
-    //     this.ippz_dns_by1,
-    //     this.ippz_dns_by2,
-    //     this.ippz_dns_by3,
-    //     this.ippz_dns_by4
-    //   );
-    //   this.formdata.ippz_mac = this.ippz_mac;
-    //   sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-    //   let data = {
-    //     mark: "DB-IotLite_yx",
-    //     user_id: "USER202307301109254198",
-    //     mark_value: JSON.stringify(this.formdata),
-    //   };
-    //   let res1 = await SaveUserAnswer(data);
-    //   console.log(res1);
-    // },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106170001.vue b/.history/src/components/GateWay_20231106170001.vue
deleted file mode 100644
index 0cb3823..0000000
--- a/.history/src/components/GateWay_20231106170001.vue
+++ /dev/null
@@ -1,479 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    saveAll(formName) {
-      // this.$refs.validate((valid) => {
-      //   if (valid) {
-      //     alert('submit!');
-      //   } else {
-      //     console.log('error submit!!');
-      //     return false;
-      //   }
-      // });
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          // 校验通过，可以提交表单数据
-          const ipAddress = this.formdata.ippz_mrwg.join('.');
-          alert('IP 地址校验通过:', ipAddress);
-          console.log(ipAddress);
-          // 这里可以处理表单提交逻辑
-        } else {
-          // 校验未通过，不提交表单数据
-          alert('请检查输入的 IP 地址');
-        }
-      });
-    },
-
-    保存数据,发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106170012.vue b/.history/src/components/GateWay_20231106170012.vue
deleted file mode 100644
index 8e4e327..0000000
--- a/.history/src/components/GateWay_20231106170012.vue
+++ /dev/null
@@ -1,479 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    保存数据,发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106170028.vue b/.history/src/components/GateWay_20231106170028.vue
deleted file mode 100644
index 927ae39..0000000
--- a/.history/src/components/GateWay_20231106170028.vue
+++ /dev/null
@@ -1,479 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231106170029.vue b/.history/src/components/GateWay_20231106170029.vue
deleted file mode 100644
index 927ae39..0000000
--- a/.history/src/components/GateWay_20231106170029.vue
+++ /dev/null
@@ -1,479 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107090551.vue b/.history/src/components/GateWay_20231107090551.vue
deleted file mode 100644
index 919dbd7..0000000
--- a/.history/src/components/GateWay_20231107090551.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107090700.vue b/.history/src/components/GateWay_20231107090700.vue
deleted file mode 100644
index bc99930..0000000
--- a/.history/src/components/GateWay_20231107090700.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      sessionStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  // async created() {
-  //   let res2 = await GetUserAnswer({
-  //     mark: "DB-IotLite_yx",
-  //     user_id: "USER202307301109254198",
-  //   });
-  //   console.log(res2);
-  //   let res3 = JSON.parse(res2.data.data.mark_value);
-  //   console.log(res3);
-  //   this.ippz_wangkou = res3.ippz_wangkou;
-  //   this.ippz_mrwg = res3.ippz_mrwg;
-  //   this.ippz_ip = res3.ippz_ip;
-  //   this.ippz_zwym = res3.ippz_zwym;
-  //   this.ippz_dns_sx = res3.ippz_dns_sx;
-  //   this.ippz_dns_by = res3.ippz_dns_by;
-  //   this.ippz_mac = this.ippz_mac;
-  //   this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-  //   this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-  //   this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-  //   this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-  //   this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-  //   this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-  //   this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-  //   this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-  //   this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-  //   this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-  //   this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-  //   this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-  //   this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-  //   this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-  //   this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-  //   this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-  //   this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-  //   this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-  //   this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-  //   this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  // },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107182238.vue b/.history/src/components/GateWay_20231107182238.vue
deleted file mode 100644
index d9e86d6..0000000
--- a/.history/src/components/GateWay_20231107182238.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  // async created() {
-  //   let res2 = await GetUserAnswer({
-  //     mark: "DB-IotLite_yx",
-  //     user_id: "USER202307301109254198",
-  //   });
-  //   console.log(res2);
-  //   let res3 = JSON.parse(res2.data.data.mark_value);
-  //   console.log(res3);
-  //   this.ippz_wangkou = res3.ippz_wangkou;
-  //   this.ippz_mrwg = res3.ippz_mrwg;
-  //   this.ippz_ip = res3.ippz_ip;
-  //   this.ippz_zwym = res3.ippz_zwym;
-  //   this.ippz_dns_sx = res3.ippz_dns_sx;
-  //   this.ippz_dns_by = res3.ippz_dns_by;
-  //   this.ippz_mac = this.ippz_mac;
-  //   this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-  //   this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-  //   this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-  //   this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-  //   this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-  //   this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-  //   this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-  //   this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-  //   this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-  //   this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-  //   this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-  //   this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-  //   this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-  //   this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-  //   this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-  //   this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-  //   this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-  //   this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-  //   this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-  //   this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  // },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107182356.vue b/.history/src/components/GateWay_20231107182356.vue
deleted file mode 100644
index e7aa8e7..0000000
--- a/.history/src/components/GateWay_20231107182356.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107182849.vue b/.history/src/components/GateWay_20231107182849.vue
deleted file mode 100644
index 1eedaad..0000000
--- a/.history/src/components/GateWay_20231107182849.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-      });
-      console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107185027.vue b/.history/src/components/GateWay_20231107185027.vue
deleted file mode 100644
index e243cfa..0000000
--- a/.history/src/components/GateWay_20231107185027.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      //
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-      });
-      console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107185051.vue b/.history/src/components/GateWay_20231107185051.vue
deleted file mode 100644
index 86b2889..0000000
--- a/.history/src/components/GateWay_20231107185051.vue
+++ /dev/null
@@ -1,484 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      loading:false,
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-      });
-      console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107185128.vue b/.history/src/components/GateWay_20231107185128.vue
deleted file mode 100644
index 90c0819..0000000
--- a/.history/src/components/GateWay_20231107185128.vue
+++ /dev/null
@@ -1,486 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      loading:false,
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-      });
-      console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    this.loading=true;
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    this.loading=false;
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231107185256.vue b/.history/src/components/GateWay_20231107185256.vue
deleted file mode 100644
index 90c0819..0000000
--- a/.history/src/components/GateWay_20231107185256.vue
+++ /dev/null
@@ -1,486 +0,0 @@
-<!-- 有线网关设置 -->
-<template>
-  <div>
-    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
-    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
-      <div class="form_content">
-        <el-form :model="formdata" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
-          ref="formdata">
-          <div class="wired">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
-                  <el-select v-model="formdata.ippz_wangkou" placeholder="ETHO" style="width: 200px; height: 30px">
-                    <el-option label="ETH0" value="ETH0"></el-option>
-                    <el-option label="ETH1" value="ETH1"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
-                  <el-row>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
-                  <el-row>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">. </el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
-                    </el-col>
-                    <el-col :span="1">.</el-col>
-                    <el-col :span="5">
-                      <el-input v-model="ippz_dns_by4" maxlength="3" type="number"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
-                  <el-row>
-                    <el-col :span="24" class="mac">
-                      <el-input style="width: 200px; height: 30px" v-model="formdata.ippz_mac"></el-input><el-button
-                        v-copy="ippz_mac" @click="CopyText">复制</el-button>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-
-        <div slot="footer" class="dialog-footer footer">
-          <el-button type="primary" @click="saveAll()">保 存</el-button>
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "../api/user";
-export default {
-  name: "DataView",
-  data() {
-    return {
-      disabled: true,
-      // 判断是否保存过
-      loading:false,
-      formdata: {
-        ippz_wangkou: "ETH0",
-        ippz_zwym: "2",
-        // ippz_mrwg: ["192","168","1","1"],
-        ippz_mrwg: "3",
-        ippz_dns_sx: "4",
-        ippz_dns_by: "5",
-        ippz_ip: "6",
-        ippz_mac: "3C:2D:50:20:30:3D",
-      },
-      ippz_wangkou: "ETH0",
-      labelPosition: "left",
-      ippz_zwym: "",
-      ippz_zwym1: "255",
-      ippz_zwym2: "255",
-      ippz_zwym3: "255",
-      ippz_zwym4: "0",
-      ippz_ip: "",
-      ippz_ip1: "",
-      ippz_ip2: "",
-      ippz_ip3: "",
-      ippz_ip4: "",
-      ippz_mrwg: "",
-      ippz_mrwg1: "192",
-      ippz_mrwg2: "168",
-      ippz_mrwg3: "1",
-      ippz_mrwg4: "1",
-      ippz_dns_sx: "",
-      ippz_dns_sx1: "8",
-      ippz_dns_sx2: "8",
-      ippz_dns_sx3: "8",
-      ippz_dns_sx4: "8",
-      ippz_dns_by: "",
-      ippz_dns_by1: "8",
-      ippz_dns_by2: "8",
-      ippz_dns_by3: "8",
-      ippz_dns_by4: "8",
-      ippz_mac: "3C:2D:50:20:30:3D",
-      // 无线的数据
-      ippz_wifi_ssid: "1+X",
-      ippz_wifi_mm: "",
-      ippz_lwfs: "1",
-      dialogFormVisible: true,
-      formLabelWidth: "100px",
-      // 有线的规则校验
-      rules_ippz_wirle: {
-        ippz_wangkou: [
-          { required: true, message: "请输入网口", trigger: "change" },
-        ],
-        ippz_zwym: [
-          { required: true, message: '请输入子网掩码', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [
-          { required: true, message: '请输入IP地址', trigger: 'blur' },
-          { type: 'number', message: '子网掩码必须为数字值' }
-        ],
-        ippz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
-        ippz_mrwg: [
-          { required: true, message: '请输入默认网关', trigger: 'blur' },
-          { type: 'number', message: '默认网关必须为数字值' }
-        ],
-        ippz_dns_sx: [
-          { required: true, message: '请输入首选DNS', trigger: 'blur' },
-          { type: 'number', message: '首选DNS必须为数字值' }
-        ],
-        ippz_dns_by: [
-          { required: true, message: '请输入备选DNS', trigger: 'blur' },
-          { type: 'number', message: '备选DNS必须为数字值' }
-        ],
-        ippz_mac: [
-          { required: true, message: '请输入MAC地址', trigger: 'blur' },
-        ],
-      },
-    };
-  },
-  computed: {
-    isSaveButtonDisabled() {
-      return (
-        !this.$refs.rules_ippz_wirle ||
-        this.$refs.rules_ippz_wirle.validateSync().length > 0
-      );
-    },
-  },
-  methods: {
-    // 封装合并输入框的数据
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    SliceData(value) {
-      let res = value.split(".");
-      console.log(res);
-      return res;
-    },
-    // handleInput(index) {
-    //   // 在输入框输入时，限制每个部分的值在0到255之间
-    //   let value = this.formdata.ippz_mrwg[index];
-    //   if (value !== '' && (isNaN(value) || parseInt(value) < 0 || parseInt(value) > 255)) {
-    //     this.formdata.ippz_mrwg[index] = '';
-    //   }
-    // },
-    // saveAll(formName) {
-    //   // this.$refs.validate((valid) => {
-    //   //   if (valid) {
-    //   //     alert('submit!');
-    //   //   } else {
-    //   //     console.log('error submit!!');
-    //   //     return false;
-    //   //   }
-    //   // });
-    //   this.$refs[formName].validate(valid => {
-    //     if (valid) {
-    //       // 校验通过，可以提交表单数据
-    //       const ipAddress = this.formdata.ippz_mrwg.join('.');
-    //       alert('IP 地址校验通过:', ipAddress);
-    //       console.log(ipAddress);
-    //       // 这里可以处理表单提交逻辑
-    //     } else {
-    //       // 校验未通过，不提交表单数据
-    //       alert('请检查输入的 IP 地址');
-    //     }
-    //   });
-    // },
-
-    // 保存数据, 发送请求
-    async saveAll() {
-
-      this.dialogFormVisible = false;
-      this.isSaveAnswer = true;
-      this.formdata.ippz_wangkou = this.ippz_wangkou;
-      this.formdata.ippz_ip = this.Merge(
-        this.ippz_ip,
-        this.ippz_ip1,
-        this.ippz_ip2,
-        this.ippz_ip3,
-        this.ippz_ip4
-      );
-      this.formdata.ippz_zwym = this.Merge(
-        this.ippz_zwym,
-        this.ippz_zwym1,
-        this.ippz_zwym2,
-        this.ippz_zwym3,
-        this.ippz_zwym4
-      );
-      this.formdata.ippz_mrwg = this.Merge(
-        this.ippz_mrwg,
-        this.ippz_mrwg1,
-        this.ippz_mrwg2,
-        this.ippz_mrwg3,
-        this.ippz_mrwg4
-      );
-      this.formdata.ippz_dns_sx = this.Merge(
-        this.ippz_dns_sx,
-        this.ippz_dns_sx1,
-        this.ippz_dns_sx2,
-        this.ippz_dns_sx3,
-        this.ippz_dns_sx4
-      );
-      this.formdata.ippz_dns_by = this.Merge(
-        this.ippz_dns_by,
-        this.ippz_dns_by1,
-        this.ippz_dns_by2,
-        this.ippz_dns_by3,
-        this.ippz_dns_by4
-      );
-      this.formdata.ippz_mac = this.ippz_mac;
-      localStorage.setItem("answer", JSON.stringify(this.formdata));
-      let data = {
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.formdata),
-      };
-      let res1 = await SaveUserAnswer(data);
-      console.log(res1);
-      let res2 = await GetUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-      });
-      console.log(res2);
-    },
-    CopyText() {
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-    },
-  },
-  async created() {
-    this.loading=true;
-    let res2 = await GetUserAnswer({
-      mark: "DB-IotLite_yx",
-      user_id: "USER202307301109254198",
-    });
-    this.loading=false;
-    console.log(res2);
-    let res3 = JSON.parse(res2.data.data.mark_value);
-    console.log(res3);
-    this.ippz_wangkou = res3.ippz_wangkou;
-    this.ippz_mrwg = res3.ippz_mrwg;
-    this.ippz_ip = res3.ippz_ip;
-    this.ippz_zwym = res3.ippz_zwym;
-    this.ippz_dns_sx = res3.ippz_dns_sx;
-    this.ippz_dns_by = res3.ippz_dns_by;
-    this.ippz_mac = this.ippz_mac;
-    this.ippz_mrwg1 = this.SliceData(this.ippz_mrwg)[0];
-    this.ippz_mrwg2 = this.SliceData(this.ippz_mrwg)[1];
-    this.ippz_mrwg3 = this.SliceData(this.ippz_mrwg)[2];
-    this.ippz_mrwg4 = this.SliceData(this.ippz_mrwg)[3];
-    this.ippz_ip1 = this.SliceData(this.ippz_ip)[0];
-    this.ippz_ip2 = this.SliceData(this.ippz_ip)[1];
-    this.ippz_ip3 = this.SliceData(this.ippz_ip)[2];
-    this.ippz_ip4 = this.SliceData(this.ippz_ip)[3];
-    this.ippz_zwym1 = this.SliceData(this.ippz_zwym)[0];
-    this.ippz_zwym2 = this.SliceData(this.ippz_zwym)[1];
-    this.ippz_zwym3 = this.SliceData(this.ippz_zwym)[2];
-    this.ippz_zwym4 = this.SliceData(this.ippz_zwym)[3];
-    this.ippz_dns_sx1 = this.SliceData(this.ippz_dns_sx)[0];
-    this.ippz_dns_sx2 = this.SliceData(this.ippz_dns_sx)[1];
-    this.ippz_dns_sx3 = this.SliceData(this.ippz_dns_sx)[2];
-    this.ippz_dns_sx4 = this.SliceData(this.ippz_dns_sx)[3];
-    this.ippz_dns_by1 = this.SliceData(this.ippz_dns_by)[0];
-    this.ippz_dns_by2 = this.SliceData(this.ippz_dns_by)[1];
-    this.ippz_dns_by3 = this.SliceData(this.ippz_dns_by)[2];
-    this.ippz_dns_by4 = this.SliceData(this.ippz_dns_by)[3];
-  },
-  mounted() { },
-  directives: {
-    copy: {
-      bind(el, { value }) {
-        // 给元素赋值一个$value值,即指令绑定的值
-        el.$value = value;
-        el.handler = () => {
-          // 如果可复制的值为空的时候，给出提示；
-          if (!el.$value) {
-            console.log("无复制内容");
-            return;
-          }
-          // 动态创建 textarea 标签
-          const textarea = document.createElement("textarea");
-          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
-          textarea.readOnly = "readonly";
-          textarea.style.position = "absolute";
-          textarea.style.left = "-9999px";
-          // 将要copy的值赋值给textarea 标签的value属性
-          textarea.value = el.$value;
-          // 将textarea 插入到body中
-          document.body.appendChild(textarea);
-          // 选中值并复制
-          textarea.select();
-          const result = document.execCommand("Copy");
-          if (result) {
-            console.log("复制成功");
-          }
-          document.body.removeChild(textarea);
-        };
-        // 绑定点击事件，点击的时候copy值
-        el.addEventListener("click", el.handler);
-      },
-      // 当传递进来的值更新的时候触发
-      componentUpdated(el, { value }) {
-        el.$value = value;
-      },
-      // 指令与元素解绑的时候，移除事件绑定
-      unbind(el) {
-        el.removeEventListener("click", el.handler);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-/deep/ .wired,
-/deep/ .wifi {
-  .el-row {
-    .el-col-12:last-child {
-      padding-right: 120px;
-    }
-
-    .el-col-12:first-child {
-      padding-right: 118px;
-    }
-
-    .el-input__inner {
-      height: 30px;
-      text-align: center;
-      padding: 0;
-    }
-
-    .el-row {
-      display: flex;
-      align-items: flex-end;
-
-      .el-col-1 {
-        text-align: center;
-        line-height: 20px;
-        height: 20px;
-      }
-
-      .mac {
-        // display: flex;
-        align-items: center;
-
-        .el-button {
-          position: absolute;
-          left: 200px;
-          bottom: 5px;
-          margin-left: 10px;
-          margin-top: 10px;
-          width: 80px;
-          height: 30px;
-          line-height: 0.5;
-        }
-      }
-    }
-  }
-}
-
-.netWay {
-  margin-bottom: 20px;
-  width: 80px;
-  color: rgba(16, 16, 16, 1);
-  font-size: 20px;
-  text-align: left;
-}
-
-.footer {
-  position: absolute;
-  left: 360px;
-  bottom: 2px;
-}
-</style>
diff --git a/.history/src/components/GateWay_20231208083814.vue b/.history/src/components/GateWay_20231208083814.vue
new file mode 100644
index 0000000..ac9c134
--- /dev/null
+++ b/.history/src/components/GateWay_20231208083814.vue
@@ -0,0 +1,704 @@
+<!-- 有线网关设置 -->
+<template>
+  <div>
+    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
+    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
+      <div class="form_content">
+        <span class="title_center">注意：本页面涉及排错，请检查修改默认值</span>
+        <el-form :model="formData" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
+          ref="formData">
+          <div class="wired">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
+                  <el-select v-model="formData.ippz_wangkou" style="width: 200px; height: 30px">
+                    <el-option label="ETH0" value="ETH0"></el-option>
+                    <el-option label="ETH1" value="ETH1"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
+                  <el-row>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
+                  <el-row>
+                    <el-col :span="24" class="mac">
+                      <el-input style="width: 200px; height: 30px" v-model="formData.ippz_mac"></el-input><el-button
+                        v-copy="formData.ippz_mac" @click="CopyText">复制</el-button>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+
+        <div slot="footer" class="dialog-footer footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer } from "../api/user";
+export default {
+  name: "GateWay",
+  data() {
+    return {
+      // disabled: true,
+      user_id: "",
+      // 判断是否保存过
+      loading: false,
+      step: "",
+      formData: {
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "3C:2D:50:20:30:3D",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_ip: "",
+        tdpz_port: "",
+        tdpz_cssj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_mac: "",
+        sbpz_jysb: "",
+        sbpz_jdzxz: "",
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+      },
+      labelPosition: "left",
+      ippz_zwym1: "255",
+      ippz_zwym2: "255",
+      ippz_zwym3: "255",
+      ippz_zwym4: "0",
+      ippz_ip1: "",
+      ippz_ip2: "",
+      ippz_ip3: "",
+      ippz_ip4: "",
+      ippz_mrwg1: "192",
+      ippz_mrwg2: "168",
+      ippz_mrwg3: "1",
+      ippz_mrwg4: "1",
+      ippz_dns_sx1: "8",
+      ippz_dns_sx2: "8",
+      ippz_dns_sx3: "8",
+      ippz_dns_sx4: "8",
+
+      ippz_dns_by1: "8",
+      ippz_dns_by2: "8",
+      ippz_dns_by3: "8",
+      ippz_dns_by4: "8",
+      dialogFormVisible: true,
+      formLabelWidth: "100px",
+      // 有线的规则校验
+      rules_ippz_wirle: {
+        ippz_wangkou: [
+          {
+            required: true,
+            message: "请输入网口",
+            trigger: "change",
+          },
+        ],
+        ippz_zwym: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateZwym,
+            trigger: "blur",
+          },
+        ],
+        ippz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        ippz_mrwg: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateMrwg,
+            trigger: "blur",
+          },
+        ],
+        ippz_dns_sx: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateDnsSx,
+            trigger: "blur",
+          },
+        ],
+        ippz_dns_by: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateDnsBy,
+            trigger: "blur",
+          },
+        ],
+        ippz_mac: [
+          { required: true, message: "请输入MAC地址", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  computed: {
+    // isSaveButtonDisabled() {
+    //   return (
+    //     !this.$refs.rules_ippz_wirle ||
+    //     this.$refs.rules_ippz_wirle.validateSync().length > 0
+    //   );
+    // },
+  },
+  methods: {
+    // 提交时的校验
+    submitForm() {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveAll();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //子网掩码验证
+    validateZwym(rule, value, callback) {
+      if (
+        this.ippz_zwym1 +
+        "." +
+        this.ippz_zwym2 +
+        "." +
+        this.ippz_zwym3 +
+        "." +
+        this.ippz_zwym4 ===
+        "..."
+      ) {
+        callback(new Error("请输入子网掩码"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_zwym1 +
+          "." +
+          this.ippz_zwym2 +
+          "." +
+          this.ippz_zwym3 +
+          "." +
+          this.ippz_zwym4
+        )
+      ) {
+        callback(new Error("请输入有效的子网掩码"));
+      } else {
+        callback();
+      }
+    },
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.ippz_ip1 +
+        "." +
+        this.ippz_ip2 +
+        "." +
+        this.ippz_ip3 +
+        "." +
+        this.ippz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_ip1 +
+          "." +
+          this.ippz_ip2 +
+          "." +
+          this.ippz_ip3 +
+          "." +
+          this.ippz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    //默认网关验证
+    validateMrwg(rule, value, callback) {
+      if (
+        this.ippz_mrwg1 +
+        "." +
+        this.ippz_mrwg2 +
+        "." +
+        this.ippz_mrwg3 +
+        "." +
+        this.ippz_mrwg4 ===
+        "..."
+      ) {
+        callback(new Error("请输入网关地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_mrwg1 +
+          "." +
+          this.ippz_mrwg2 +
+          "." +
+          this.ippz_mrwg3 +
+          "." +
+          this.ippz_mrwg4
+        )
+      ) {
+        callback(new Error("请输入有效的网关地址"));
+      } else {
+        callback();
+      }
+    },
+    //首选DNS服务验证
+    validateDnsSx(rule, value, callback) {
+      if (
+        this.ippz_dns_sx1 +
+        "." +
+        this.ippz_dns_sx2 +
+        "." +
+        this.ippz_dns_sx3 +
+        "." +
+        this.ippz_dns_sx4 ===
+        "..."
+      ) {
+        callback(new Error("请输入主DNS服务器地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_dns_sx1 +
+          "." +
+          this.ippz_dns_sx2 +
+          "." +
+          this.ippz_dns_sx3 +
+          "." +
+          this.ippz_dns_sx4
+        )
+      ) {
+        callback(new Error("请输入有效的主DNS服务器地址"));
+      } else {
+        callback();
+      }
+    },
+    //备选dns服务验证
+    validateDnsBy(rule, value, callback) {
+      if (
+        this.ippz_dns_by1 +
+        "." +
+        this.ippz_dns_by2 +
+        "." +
+        this.ippz_dns_by3 +
+        "." +
+        this.ippz_dns_by4 ===
+        "..."
+      ) {
+        callback(new Error("请输入备用DNS服务器地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_dns_by1 +
+          "." +
+          this.ippz_dns_by2 +
+          "." +
+          this.ippz_dns_by3 +
+          "." +
+          this.ippz_dns_by4
+        )
+      ) {
+        callback(new Error("请输入有效的备用DNS服务器地址"));
+      } else {
+        callback();
+      }
+    },
+
+    // 保存数据, 发送请求
+    async saveAll() {
+      var obj = {
+        ippz_ip: this.ippz_ip1 + "." + this.ippz_ip2 + "." + this.ippz_ip3 + "." + this.ippz_ip4,
+        ippz_zwym: this.ippz_zwym1 + "." + this.ippz_zwym2 + "." + this.ippz_zwym3 + "." + this.ippz_zwym4,
+        ippz_mrwg: this.ippz_mrwg1 + "." + this.ippz_mrwg2 + "." + this.ippz_mrwg3 + "." + this.ippz_mrwg4,
+        ippz_dns_sx: this.ippz_dns_sx1 + "." + this.ippz_dns_sx2 + "." + this.ippz_dns_sx3 + "." + this.ippz_dns_sx4,
+        ippz_dns_by: this.ippz_dns_by1 + "." + this.ippz_dns_by2 + "." + this.ippz_dns_by3 + "." + this.ippz_dns_by4,
+      }
+      let datas = { ...this.formData, ...obj };
+      console.log(this.formData);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: this.step
+      });
+      // console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+      // console.log(res);
+    },
+    CopyText() {
+      this.$message({
+        message: "复制成功",
+        type: "success",
+      });
+    },
+    async getUserAnswer() {
+      this.loading = true;
+      let res2 = await GetUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+      });
+      this.loading = false;
+      console.log(res2);
+      // alert(JSON.stringify(res2));
+
+      if (res2.data.data && res2.data.state) {
+        if (res2.data.data.step) {
+          this.step = res2.data.data.step;
+        }
+        let res3 = JSON.parse(res2.data.data.mark_value);
+        console.log(res3);
+        if (res3.ippz_mac) {
+          this.formData.ippz_mac = res3.ippz_mac;
+        }
+        if (res3.ippz_mrwg) {
+          this.formData.ippz_wangkou = res3.ippz_wangkou;
+          this.formData.ippz_mrwg = res3.ippz_mrwg;
+          this.formData.ippz_ip = res3.ippz_ip;
+          this.formData.ippz_zwym = res3.ippz_zwym;
+          this.formData.ippz_dns_sx = res3.ippz_dns_sx;
+          this.formData.ippz_dns_by = res3.ippz_dns_by;
+          this.ippz_mrwg1 = res3.ippz_mrwg.split(".")[0];
+          this.ippz_mrwg2 = res3.ippz_mrwg.split(".")[1];
+          this.ippz_mrwg3 = res3.ippz_mrwg.split(".")[2];
+          this.ippz_mrwg4 = res3.ippz_mrwg.split(".")[3];
+          this.ippz_ip1 = res3.ippz_ip.split(".")[0];
+          this.ippz_ip2 = res3.ippz_ip.split(".")[1];
+          this.ippz_ip3 = res3.ippz_ip.split(".")[2];
+          this.ippz_ip4 = res3.ippz_ip.split(".")[3];
+          this.ippz_zwym1 = res3.ippz_zwym.split(".")[0];
+          this.ippz_zwym2 = res3.ippz_zwym.split(".")[1];
+          this.ippz_zwym3 = res3.ippz_zwym.split(".")[2];
+          this.ippz_zwym4 = res3.ippz_zwym.split(".")[3];
+          this.ippz_dns_sx1 = res3.ippz_dns_sx.split(".")[0];
+          this.ippz_dns_sx2 = res3.ippz_dns_sx.split(".")[1];
+          this.ippz_dns_sx3 = res3.ippz_dns_sx.split(".")[2];
+          this.ippz_dns_sx4 = res3.ippz_dns_sx.split(".")[3];
+          this.ippz_dns_by1 = res3.ippz_dns_by.split(".")[0];
+          this.ippz_dns_by2 = res3.ippz_dns_by.split(".")[1];
+          this.ippz_dns_by3 = res3.ippz_dns_by.split(".")[2];
+          this.ippz_dns_by4 = res3.ippz_dns_by.split(".")[3];
+        }
+        this.formData.wgpz_wgmc = res3.wgpz_wgmc;
+        this.formData.wgpz_wgid = res3.wgpz_wgid;
+        this.formData.wgpz_wglx = res3.wgpz_wglx;
+        this.formData.tdpz_tdmc = res3.tdpz_tdmc;
+        this.formData.tdpz_td = res3.tdpz_td;
+        this.formData.tdpz_qdmc = res3.tdpz_qdmc;
+        this.formData.tdpz_ip = res3.tdpz_ip;
+        this.formData.tdpz_port = res3.tdpz_port;
+        this.formData.tdpz_cssj = res3.tdpz_cssj;
+        this.formData.tdpz_jgsj = res3.tdpz_jgsj;
+        this.formData.tdpz_lxsj = res3.tdpz_lxsj;
+        this.formData.tdpz_cfcs = res3.tdpz_cfcs;
+        this.formData.tdpz_watchtime = res3.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = res3.tdpz_cjsylxdz;
+        this.formData.tdpz_dxzkb = res3.tdpz_dxzkb;
+        this.formData.tdpz_050F = res3.tdpz_050F;
+        this.formData.tdpz_0610 = res3.tdpz_0610;
+        this.formData.sbpz_sbid = res3.sbpz_sbid;
+        this.formData.sbpz_sbmc = res3.sbpz_sbmc;
+        this.formData.sbpz_mac = res3.sbpz_mac;
+        this.formData.sbpz_jysb = res3.sbpz_jysb;
+        this.formData.sbpz_jdzxz = res3.sbpz_jdzxz;
+
+        this.formData.cjdpz_tagid = res3.cjdpz_tagid;
+        this.formData.cjdpz_mc = res3.cjdpz_mc;
+        this.formData.cjdpz_sjq = res3.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = res3.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = res3.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = res3.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = res3.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = res3.cjdpz_beilv;
+
+        this.formData.mqtt_qiyong = res3.mqtt_qiyong;
+        this.formData.mqtt_ip = res3.mqtt_ip;
+        this.formData.mqtt_port = res3.mqtt_port;
+        this.formData.mqtt_wgsn = res3.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = res3.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = res3.mqtt_qos;
+        this.formData.mqtt_scms = res3.mqtt_scms;
+        this.formData.mqtt_sczq = res3.mqtt_sczq;
+        this.formData.mqtt_sjgl = res3.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = res3.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = res3.mqtt_cjd_tagid;
+      }
+    },
+  },
+  created() {
+    this.user_id = window.location.href.split("?")[1];
+
+  },
+  mounted() {
+    this.getUserAnswer();
+  },
+  directives: {
+    copy: {
+      bind(el, { value }) {
+        // 给元素赋值一个$value值,即指令绑定的值
+        el.$value = value;
+        el.handler = () => {
+          // 如果可复制的值为空的时候，给出提示；
+          if (!el.$value) {
+            console.log("无复制内容");
+            return;
+          }
+          // 动态创建 textarea 标签
+          const textarea = document.createElement("textarea");
+          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
+          textarea.readOnly = "readonly";
+          textarea.style.position = "absolute";
+          textarea.style.left = "-9999px";
+          // 将要copy的值赋值给textarea 标签的value属性
+          textarea.value = el.$value;
+          // 将textarea 插入到body中
+          document.body.appendChild(textarea);
+          // 选中值并复制
+          textarea.select();
+          const result = document.execCommand("Copy");
+          if (result) {
+            console.log("复制成功");
+          }
+          document.body.removeChild(textarea);
+        };
+        // 绑定点击事件，点击的时候copy值
+        el.addEventListener("click", el.handler);
+      },
+      // 当传递进来的值更新的时候触发
+      componentUpdated(el, { value }) {
+        el.$value = value;
+      },
+      // 指令与元素解绑的时候，移除事件绑定
+      unbind(el) {
+        el.removeEventListener("click", el.handler);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.title_center {
+  font-size: 18px;
+  color: red;
+  position: absolute;
+  left: 100px;
+  top: 20px;
+}
+
+/deep/ .wired,
+/deep/ .wifi {
+  .el-row {
+    .el-col-12:last-child {
+      padding-right: 120px;
+    }
+
+    .el-col-12:first-child {
+      padding-right: 118px;
+    }
+
+    .el-input__inner {
+      height: 30px;
+      text-align: center;
+      padding: 0;
+    }
+
+    .el-row {
+      display: flex;
+      align-items: flex-end;
+
+      .el-col-1 {
+        text-align: center;
+        line-height: 20px;
+        height: 20px;
+      }
+
+      .mac {
+        // display: flex;
+        align-items: center;
+
+        .el-button {
+          position: absolute;
+          left: 200px;
+          bottom: 5px;
+          margin-left: 10px;
+          margin-top: 10px;
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.netWay {
+  margin-bottom: 20px;
+  width: 80px;
+  color: rgba(16, 16, 16, 1);
+  font-size: 20px;
+  text-align: left;
+}
+
+.footer {
+  position: absolute;
+  left: 360px;
+  bottom: 2px;
+}
+</style>
diff --git a/.history/src/components/GateWay_20231208083821.vue b/.history/src/components/GateWay_20231208083821.vue
new file mode 100644
index 0000000..dd27bd2
--- /dev/null
+++ b/.history/src/components/GateWay_20231208083821.vue
@@ -0,0 +1,704 @@
+<!-- 有线网关设置 -->
+<template>
+  <div>
+    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
+    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
+      <div class="form_content">
+        <span class="title_center">注意：本页面涉及排错，请检查修改默认值</span>
+        <el-form :model="formData" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
+          ref="formData">
+          <div class="wired">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
+                  <el-select v-model="formData.ippz_wangkou" style="width: 200px; height: 30px">
+                    <el-option label="ETH0" value="ETH0"></el-option>
+                    <el-option label="ETH1" value="ETH1"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
+                  <el-row>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
+                  <el-row>
+                    <el-col :span="24" class="mac">
+                      <el-input style="width: 200px; height: 30px" v-model="formData.ippz_mac"></el-input><el-button
+                        v-copy="formData.ippz_mac" @click="CopyText">复制</el-button>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+
+        <div slot="footer" class="dialog-footer footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer } from "../api/user";
+export default {
+  name: "GateWay",
+  data() {
+    return {
+      // disabled: true,
+      user_id: "",
+      // 判断是否保存过
+      loading: false,
+      step: "",
+      formData: {
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "3C:2D:50:20:30:3D",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_ip: "",
+        tdpz_port: "",
+        tdpz_cssj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_mac: "",
+        sbpz_jysb: "",
+        sbpz_jdzxz: "",
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+      },
+      labelPosition: "left",
+      ippz_zwym1: "255",
+      ippz_zwym2: "255",
+      ippz_zwym3: "255",
+      ippz_zwym4: "0",
+      ippz_ip1: "",
+      ippz_ip2: "",
+      ippz_ip3: "",
+      ippz_ip4: "",
+      ippz_mrwg1: "192",
+      ippz_mrwg2: "168",
+      ippz_mrwg3: "1",
+      ippz_mrwg4: "1",
+      ippz_dns_sx1: "8",
+      ippz_dns_sx2: "8",
+      ippz_dns_sx3: "8",
+      ippz_dns_sx4: "8",
+
+      ippz_dns_by1: "8",
+      ippz_dns_by2: "8",
+      ippz_dns_by3: "8",
+      ippz_dns_by4: "8",
+      dialogFormVisible: true,
+      formLabelWidth: "100px",
+      // 有线的规则校验
+      rules_ippz_wirle: {
+        ippz_wangkou: [
+          {
+            required: true,
+            message: "请输入网口",
+            trigger: "change",
+          },
+        ],
+        ippz_zwym: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateZwym,
+            trigger: "blur",
+          },
+        ],
+        ippz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        ippz_mrwg: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateMrwg,
+            trigger: "blur",
+          },
+        ],
+        ippz_dns_sx: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateDnsSx,
+            trigger: "blur",
+          },
+        ],
+        ippz_dns_by: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateDnsBy,
+            trigger: "blur",
+          },
+        ],
+        ippz_mac: [
+          { required: true, message: "请输入MAC地址", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  computed: {
+    // isSaveButtonDisabled() {
+    //   return (
+    //     !this.$refs.rules_ippz_wirle ||
+    //     this.$refs.rules_ippz_wirle.validateSync().length > 0
+    //   );
+    // },
+  },
+  methods: {
+    // 提交时的校验
+    submitForm() {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveAll();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //子网掩码验证
+    validateZwym(rule, value, callback) {
+      if (
+        this.ippz_zwym1 +
+        "." +
+        this.ippz_zwym2 +
+        "." +
+        this.ippz_zwym3 +
+        "." +
+        this.ippz_zwym4 ===
+        "..."
+      ) {
+        callback(new Error("请输入子网掩码"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_zwym1 +
+          "." +
+          this.ippz_zwym2 +
+          "." +
+          this.ippz_zwym3 +
+          "." +
+          this.ippz_zwym4
+        )
+      ) {
+        callback(new Error("请输入有效的子网掩码"));
+      } else {
+        callback();
+      }
+    },
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.ippz_ip1 +
+        "." +
+        this.ippz_ip2 +
+        "." +
+        this.ippz_ip3 +
+        "." +
+        this.ippz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_ip1 +
+          "." +
+          this.ippz_ip2 +
+          "." +
+          this.ippz_ip3 +
+          "." +
+          this.ippz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    //默认网关验证
+    validateMrwg(rule, value, callback) {
+      if (
+        this.ippz_mrwg1 +
+        "." +
+        this.ippz_mrwg2 +
+        "." +
+        this.ippz_mrwg3 +
+        "." +
+        this.ippz_mrwg4 ===
+        "..."
+      ) {
+        callback(new Error("请输入网关地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_mrwg1 +
+          "." +
+          this.ippz_mrwg2 +
+          "." +
+          this.ippz_mrwg3 +
+          "." +
+          this.ippz_mrwg4
+        )
+      ) {
+        callback(new Error("请输入有效的网关地址"));
+      } else {
+        callback();
+      }
+    },
+    //首选DNS服务验证
+    validateDnsSx(rule, value, callback) {
+      if (
+        this.ippz_dns_sx1 +
+        "." +
+        this.ippz_dns_sx2 +
+        "." +
+        this.ippz_dns_sx3 +
+        "." +
+        this.ippz_dns_sx4 ===
+        "..."
+      ) {
+        callback(new Error("请输入主DNS服务器地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_dns_sx1 +
+          "." +
+          this.ippz_dns_sx2 +
+          "." +
+          this.ippz_dns_sx3 +
+          "." +
+          this.ippz_dns_sx4
+        )
+      ) {
+        callback(new Error("请输入有效的主DNS服务器地址"));
+      } else {
+        callback();
+      }
+    },
+    //备选dns服务验证
+    validateDnsBy(rule, value, callback) {
+      if (
+        this.ippz_dns_by1 +
+        "." +
+        this.ippz_dns_by2 +
+        "." +
+        this.ippz_dns_by3 +
+        "." +
+        this.ippz_dns_by4 ===
+        "..."
+      ) {
+        callback(new Error("请输入备用DNS服务器地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_dns_by1 +
+          "." +
+          this.ippz_dns_by2 +
+          "." +
+          this.ippz_dns_by3 +
+          "." +
+          this.ippz_dns_by4
+        )
+      ) {
+        callback(new Error("请输入有效的备用DNS服务器地址"));
+      } else {
+        callback();
+      }
+    },
+
+    // 保存数据, 发送请求
+    async saveAll() {
+      var obj = {
+        ippz_ip: this.ippz_ip1 + "." + this.ippz_ip2 + "." + this.ippz_ip3 + "." + this.ippz_ip4,
+        ippz_zwym: this.ippz_zwym1 + "." + this.ippz_zwym2 + "." + this.ippz_zwym3 + "." + this.ippz_zwym4,
+        ippz_mrwg: this.ippz_mrwg1 + "." + this.ippz_mrwg2 + "." + this.ippz_mrwg3 + "." + this.ippz_mrwg4,
+        ippz_dns_sx: this.ippz_dns_sx1 + "." + this.ippz_dns_sx2 + "." + this.ippz_dns_sx3 + "." + this.ippz_dns_sx4,
+        ippz_dns_by: this.ippz_dns_by1 + "." + this.ippz_dns_by2 + "." + this.ippz_dns_by3 + "." + this.ippz_dns_by4,
+      }
+      let datas = { ...this.formData, ...obj };
+      console.log(this.formData);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: this.step
+      });
+      // console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+      // console.log(res);
+    },
+    CopyText() {
+      this.$message({
+        message: "复制成功",
+        type: "success",
+      });
+    },
+    async getUserAnswer() {
+      this.loading = true;
+      let res2 = await GetUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+      });
+      this.loading = false;
+      // console.log(res2);
+      // alert(JSON.stringify(res2));
+
+      if (res2.data.data && res2.data.state) {
+        if (res2.data.data.step) {
+          this.step = res2.data.data.step;
+        }
+        let res3 = JSON.parse(res2.data.data.mark_value);
+        console.log(res3);
+        if (res3.ippz_mac) {
+          this.formData.ippz_mac = res3.ippz_mac;
+        }
+        if (res3.ippz_mrwg) {
+          this.formData.ippz_wangkou = res3.ippz_wangkou;
+          this.formData.ippz_mrwg = res3.ippz_mrwg;
+          this.formData.ippz_ip = res3.ippz_ip;
+          this.formData.ippz_zwym = res3.ippz_zwym;
+          this.formData.ippz_dns_sx = res3.ippz_dns_sx;
+          this.formData.ippz_dns_by = res3.ippz_dns_by;
+          this.ippz_mrwg1 = res3.ippz_mrwg.split(".")[0];
+          this.ippz_mrwg2 = res3.ippz_mrwg.split(".")[1];
+          this.ippz_mrwg3 = res3.ippz_mrwg.split(".")[2];
+          this.ippz_mrwg4 = res3.ippz_mrwg.split(".")[3];
+          this.ippz_ip1 = res3.ippz_ip.split(".")[0];
+          this.ippz_ip2 = res3.ippz_ip.split(".")[1];
+          this.ippz_ip3 = res3.ippz_ip.split(".")[2];
+          this.ippz_ip4 = res3.ippz_ip.split(".")[3];
+          this.ippz_zwym1 = res3.ippz_zwym.split(".")[0];
+          this.ippz_zwym2 = res3.ippz_zwym.split(".")[1];
+          this.ippz_zwym3 = res3.ippz_zwym.split(".")[2];
+          this.ippz_zwym4 = res3.ippz_zwym.split(".")[3];
+          this.ippz_dns_sx1 = res3.ippz_dns_sx.split(".")[0];
+          this.ippz_dns_sx2 = res3.ippz_dns_sx.split(".")[1];
+          this.ippz_dns_sx3 = res3.ippz_dns_sx.split(".")[2];
+          this.ippz_dns_sx4 = res3.ippz_dns_sx.split(".")[3];
+          this.ippz_dns_by1 = res3.ippz_dns_by.split(".")[0];
+          this.ippz_dns_by2 = res3.ippz_dns_by.split(".")[1];
+          this.ippz_dns_by3 = res3.ippz_dns_by.split(".")[2];
+          this.ippz_dns_by4 = res3.ippz_dns_by.split(".")[3];
+        }
+        this.formData.wgpz_wgmc = res3.wgpz_wgmc;
+        this.formData.wgpz_wgid = res3.wgpz_wgid;
+        this.formData.wgpz_wglx = res3.wgpz_wglx;
+        this.formData.tdpz_tdmc = res3.tdpz_tdmc;
+        this.formData.tdpz_td = res3.tdpz_td;
+        this.formData.tdpz_qdmc = res3.tdpz_qdmc;
+        this.formData.tdpz_ip = res3.tdpz_ip;
+        this.formData.tdpz_port = res3.tdpz_port;
+        this.formData.tdpz_cssj = res3.tdpz_cssj;
+        this.formData.tdpz_jgsj = res3.tdpz_jgsj;
+        this.formData.tdpz_lxsj = res3.tdpz_lxsj;
+        this.formData.tdpz_cfcs = res3.tdpz_cfcs;
+        this.formData.tdpz_watchtime = res3.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = res3.tdpz_cjsylxdz;
+        this.formData.tdpz_dxzkb = res3.tdpz_dxzkb;
+        this.formData.tdpz_050F = res3.tdpz_050F;
+        this.formData.tdpz_0610 = res3.tdpz_0610;
+        this.formData.sbpz_sbid = res3.sbpz_sbid;
+        this.formData.sbpz_sbmc = res3.sbpz_sbmc;
+        this.formData.sbpz_mac = res3.sbpz_mac;
+        this.formData.sbpz_jysb = res3.sbpz_jysb;
+        this.formData.sbpz_jdzxz = res3.sbpz_jdzxz;
+
+        this.formData.cjdpz_tagid = res3.cjdpz_tagid;
+        this.formData.cjdpz_mc = res3.cjdpz_mc;
+        this.formData.cjdpz_sjq = res3.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = res3.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = res3.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = res3.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = res3.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = res3.cjdpz_beilv;
+
+        this.formData.mqtt_qiyong = res3.mqtt_qiyong;
+        this.formData.mqtt_ip = res3.mqtt_ip;
+        this.formData.mqtt_port = res3.mqtt_port;
+        this.formData.mqtt_wgsn = res3.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = res3.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = res3.mqtt_qos;
+        this.formData.mqtt_scms = res3.mqtt_scms;
+        this.formData.mqtt_sczq = res3.mqtt_sczq;
+        this.formData.mqtt_sjgl = res3.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = res3.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = res3.mqtt_cjd_tagid;
+      }
+    },
+  },
+  created() {
+    this.user_id = window.location.href.split("?")[1];
+
+  },
+  mounted() {
+    this.getUserAnswer();
+  },
+  directives: {
+    copy: {
+      bind(el, { value }) {
+        // 给元素赋值一个$value值,即指令绑定的值
+        el.$value = value;
+        el.handler = () => {
+          // 如果可复制的值为空的时候，给出提示；
+          if (!el.$value) {
+            console.log("无复制内容");
+            return;
+          }
+          // 动态创建 textarea 标签
+          const textarea = document.createElement("textarea");
+          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
+          textarea.readOnly = "readonly";
+          textarea.style.position = "absolute";
+          textarea.style.left = "-9999px";
+          // 将要copy的值赋值给textarea 标签的value属性
+          textarea.value = el.$value;
+          // 将textarea 插入到body中
+          document.body.appendChild(textarea);
+          // 选中值并复制
+          textarea.select();
+          const result = document.execCommand("Copy");
+          if (result) {
+            console.log("复制成功");
+          }
+          document.body.removeChild(textarea);
+        };
+        // 绑定点击事件，点击的时候copy值
+        el.addEventListener("click", el.handler);
+      },
+      // 当传递进来的值更新的时候触发
+      componentUpdated(el, { value }) {
+        el.$value = value;
+      },
+      // 指令与元素解绑的时候，移除事件绑定
+      unbind(el) {
+        el.removeEventListener("click", el.handler);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.title_center {
+  font-size: 18px;
+  color: red;
+  position: absolute;
+  left: 100px;
+  top: 20px;
+}
+
+/deep/ .wired,
+/deep/ .wifi {
+  .el-row {
+    .el-col-12:last-child {
+      padding-right: 120px;
+    }
+
+    .el-col-12:first-child {
+      padding-right: 118px;
+    }
+
+    .el-input__inner {
+      height: 30px;
+      text-align: center;
+      padding: 0;
+    }
+
+    .el-row {
+      display: flex;
+      align-items: flex-end;
+
+      .el-col-1 {
+        text-align: center;
+        line-height: 20px;
+        height: 20px;
+      }
+
+      .mac {
+        // display: flex;
+        align-items: center;
+
+        .el-button {
+          position: absolute;
+          left: 200px;
+          bottom: 5px;
+          margin-left: 10px;
+          margin-top: 10px;
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.netWay {
+  margin-bottom: 20px;
+  width: 80px;
+  color: rgba(16, 16, 16, 1);
+  font-size: 20px;
+  text-align: left;
+}
+
+.footer {
+  position: absolute;
+  left: 360px;
+  bottom: 2px;
+}
+</style>
diff --git a/.history/src/components/GateWay_20231208083827.vue b/.history/src/components/GateWay_20231208083827.vue
new file mode 100644
index 0000000..f5852c9
--- /dev/null
+++ b/.history/src/components/GateWay_20231208083827.vue
@@ -0,0 +1,704 @@
+<!-- 有线网关设置 -->
+<template>
+  <div>
+    <!-- <div> <el-button type="info" plain @click="dialogFormVisible = true">IP设置</el-button></div> -->
+    <el-dialog title="IP设置" :visible.sync="dialogFormVisible" :append-to-body="true" width="894px" v-loading="loading">
+      <div class="form_content">
+        <span class="title_center">注意：本页面涉及排错，请检查修改默认值</span>
+        <el-form :model="formData" :label-position="labelPosition" label-width="80px" :rules="rules_ippz_wirle"
+          ref="formData">
+          <div class="wired">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="网口:" :label-width="formLabelWidth" prop="ippz_wangkou">
+                  <el-select v-model="formData.ippz_wangkou" style="width: 200px; height: 30px">
+                    <el-option label="ETH0" value="ETH0"></el-option>
+                    <el-option label="ETH1" value="ETH1"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="ippz_ip">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_ip4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="子网掩码:" :label-width="formLabelWidth" prop="ippz_zwym">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_zwym4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="默认网关:" :label-width="formLabelWidth" prop="ippz_mrwg">
+                  <el-row>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg1" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg2" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg3" maxlength="3"></el-input></el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5"><el-input v-model="ippz_mrwg4" maxlength="3"></el-input></el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="首选DNS:" :label-width="formLabelWidth" prop="ippz_dns_sx">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_sx4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="备选DNS:" :label-width="formLabelWidth" prop="ippz_dns_by">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by1" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">. </el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by2" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by3" maxlength="3"></el-input>
+                    </el-col>
+                    <el-col :span="1">.</el-col>
+                    <el-col :span="5">
+                      <el-input v-model="ippz_dns_by4" maxlength="3"></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="MAC地址:" :label-width="formLabelWidth" prop="ippz_mac">
+                  <el-row>
+                    <el-col :span="24" class="mac">
+                      <el-input style="width: 200px; height: 30px" v-model="formData.ippz_mac"></el-input><el-button
+                        v-copy="formData.ippz_mac" @click="CopyText">复制</el-button>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+
+        <div slot="footer" class="dialog-footer footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { SaveUserAnswer, GetUserAnswer } from "../api/user";
+export default {
+  name: "GateWay",
+  data() {
+    return {
+      // disabled: true,
+      user_id: "",
+      // 判断是否保存过
+      loading: false,
+      step: "",
+      formData: {
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "3C:2D:50:20:30:3D",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_ip: "",
+        tdpz_port: "",
+        tdpz_cssj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: "",
+        tdpz_cjsylxdz: "",
+        tdpz_dxzkb: "",
+        tdpz_050F: "",
+        tdpz_0610: "",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_mac: "",
+        sbpz_jysb: "",
+        sbpz_jdzxz: "",
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+      },
+      labelPosition: "left",
+      ippz_zwym1: "255",
+      ippz_zwym2: "255",
+      ippz_zwym3: "255",
+      ippz_zwym4: "0",
+      ippz_ip1: "",
+      ippz_ip2: "",
+      ippz_ip3: "",
+      ippz_ip4: "",
+      ippz_mrwg1: "192",
+      ippz_mrwg2: "168",
+      ippz_mrwg3: "1",
+      ippz_mrwg4: "1",
+      ippz_dns_sx1: "8",
+      ippz_dns_sx2: "8",
+      ippz_dns_sx3: "8",
+      ippz_dns_sx4: "8",
+
+      ippz_dns_by1: "8",
+      ippz_dns_by2: "8",
+      ippz_dns_by3: "8",
+      ippz_dns_by4: "8",
+      dialogFormVisible: true,
+      formLabelWidth: "100px",
+      // 有线的规则校验
+      rules_ippz_wirle: {
+        ippz_wangkou: [
+          {
+            required: true,
+            message: "请输入网口",
+            trigger: "change",
+          },
+        ],
+        ippz_zwym: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateZwym,
+            trigger: "blur",
+          },
+        ],
+        ippz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIp,
+            trigger: "blur",
+          },
+        ],
+        ippz_mrwg: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateMrwg,
+            trigger: "blur",
+          },
+        ],
+        ippz_dns_sx: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateDnsSx,
+            trigger: "blur",
+          },
+        ],
+        ippz_dns_by: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateDnsBy,
+            trigger: "blur",
+          },
+        ],
+        ippz_mac: [
+          { required: true, message: "请输入MAC地址", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  computed: {
+    // isSaveButtonDisabled() {
+    //   return (
+    //     !this.$refs.rules_ippz_wirle ||
+    //     this.$refs.rules_ippz_wirle.validateSync().length > 0
+    //   );
+    // },
+  },
+  methods: {
+    // 提交时的校验
+    submitForm() {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveAll();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //子网掩码验证
+    validateZwym(rule, value, callback) {
+      if (
+        this.ippz_zwym1 +
+        "." +
+        this.ippz_zwym2 +
+        "." +
+        this.ippz_zwym3 +
+        "." +
+        this.ippz_zwym4 ===
+        "..."
+      ) {
+        callback(new Error("请输入子网掩码"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_zwym1 +
+          "." +
+          this.ippz_zwym2 +
+          "." +
+          this.ippz_zwym3 +
+          "." +
+          this.ippz_zwym4
+        )
+      ) {
+        callback(new Error("请输入有效的子网掩码"));
+      } else {
+        callback();
+      }
+    },
+    //ip地址验证
+    validateIp(rule, value, callback) {
+      if (
+        this.ippz_ip1 +
+        "." +
+        this.ippz_ip2 +
+        "." +
+        this.ippz_ip3 +
+        "." +
+        this.ippz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_ip1 +
+          "." +
+          this.ippz_ip2 +
+          "." +
+          this.ippz_ip3 +
+          "." +
+          this.ippz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    //默认网关验证
+    validateMrwg(rule, value, callback) {
+      if (
+        this.ippz_mrwg1 +
+        "." +
+        this.ippz_mrwg2 +
+        "." +
+        this.ippz_mrwg3 +
+        "." +
+        this.ippz_mrwg4 ===
+        "..."
+      ) {
+        callback(new Error("请输入网关地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_mrwg1 +
+          "." +
+          this.ippz_mrwg2 +
+          "." +
+          this.ippz_mrwg3 +
+          "." +
+          this.ippz_mrwg4
+        )
+      ) {
+        callback(new Error("请输入有效的网关地址"));
+      } else {
+        callback();
+      }
+    },
+    //首选DNS服务验证
+    validateDnsSx(rule, value, callback) {
+      if (
+        this.ippz_dns_sx1 +
+        "." +
+        this.ippz_dns_sx2 +
+        "." +
+        this.ippz_dns_sx3 +
+        "." +
+        this.ippz_dns_sx4 ===
+        "..."
+      ) {
+        callback(new Error("请输入主DNS服务器地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_dns_sx1 +
+          "." +
+          this.ippz_dns_sx2 +
+          "." +
+          this.ippz_dns_sx3 +
+          "." +
+          this.ippz_dns_sx4
+        )
+      ) {
+        callback(new Error("请输入有效的主DNS服务器地址"));
+      } else {
+        callback();
+      }
+    },
+    //备选dns服务验证
+    validateDnsBy(rule, value, callback) {
+      if (
+        this.ippz_dns_by1 +
+        "." +
+        this.ippz_dns_by2 +
+        "." +
+        this.ippz_dns_by3 +
+        "." +
+        this.ippz_dns_by4 ===
+        "..."
+      ) {
+        callback(new Error("请输入备用DNS服务器地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.ippz_dns_by1 +
+          "." +
+          this.ippz_dns_by2 +
+          "." +
+          this.ippz_dns_by3 +
+          "." +
+          this.ippz_dns_by4
+        )
+      ) {
+        callback(new Error("请输入有效的备用DNS服务器地址"));
+      } else {
+        callback();
+      }
+    },
+
+    // 保存数据, 发送请求
+    async saveAll() {
+      var obj = {
+        ippz_ip: this.ippz_ip1 + "." + this.ippz_ip2 + "." + this.ippz_ip3 + "." + this.ippz_ip4,
+        ippz_zwym: this.ippz_zwym1 + "." + this.ippz_zwym2 + "." + this.ippz_zwym3 + "." + this.ippz_zwym4,
+        ippz_mrwg: this.ippz_mrwg1 + "." + this.ippz_mrwg2 + "." + this.ippz_mrwg3 + "." + this.ippz_mrwg4,
+        ippz_dns_sx: this.ippz_dns_sx1 + "." + this.ippz_dns_sx2 + "." + this.ippz_dns_sx3 + "." + this.ippz_dns_sx4,
+        ippz_dns_by: this.ippz_dns_by1 + "." + this.ippz_dns_by2 + "." + this.ippz_dns_by3 + "." + this.ippz_dns_by4,
+      }
+      let datas = { ...this.formData, ...obj };
+      console.log(this.formData);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: this.step
+      });
+      // console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+      // console.log(res);
+    },
+    CopyText() {
+      this.$message({
+        message: "复制成功",
+        type: "success",
+      });
+    },
+    async getUserAnswer() {
+      this.loading = true;
+      let res2 = await GetUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+      });
+      this.loading = false;
+      // console.log(res2);
+      // alert(JSON.stringify(res2));
+
+      if (res2.data.data && res2.data.state) {
+        if (res2.data.data.step) {
+          this.step = res2.data.data.step;
+        }
+        let res3 = JSON.parse(res2.data.data.mark_value);
+        // console.log(res3);
+        if (res3.ippz_mac) {
+          this.formData.ippz_mac = res3.ippz_mac;
+        }
+        if (res3.ippz_mrwg) {
+          this.formData.ippz_wangkou = res3.ippz_wangkou;
+          this.formData.ippz_mrwg = res3.ippz_mrwg;
+          this.formData.ippz_ip = res3.ippz_ip;
+          this.formData.ippz_zwym = res3.ippz_zwym;
+          this.formData.ippz_dns_sx = res3.ippz_dns_sx;
+          this.formData.ippz_dns_by = res3.ippz_dns_by;
+          this.ippz_mrwg1 = res3.ippz_mrwg.split(".")[0];
+          this.ippz_mrwg2 = res3.ippz_mrwg.split(".")[1];
+          this.ippz_mrwg3 = res3.ippz_mrwg.split(".")[2];
+          this.ippz_mrwg4 = res3.ippz_mrwg.split(".")[3];
+          this.ippz_ip1 = res3.ippz_ip.split(".")[0];
+          this.ippz_ip2 = res3.ippz_ip.split(".")[1];
+          this.ippz_ip3 = res3.ippz_ip.split(".")[2];
+          this.ippz_ip4 = res3.ippz_ip.split(".")[3];
+          this.ippz_zwym1 = res3.ippz_zwym.split(".")[0];
+          this.ippz_zwym2 = res3.ippz_zwym.split(".")[1];
+          this.ippz_zwym3 = res3.ippz_zwym.split(".")[2];
+          this.ippz_zwym4 = res3.ippz_zwym.split(".")[3];
+          this.ippz_dns_sx1 = res3.ippz_dns_sx.split(".")[0];
+          this.ippz_dns_sx2 = res3.ippz_dns_sx.split(".")[1];
+          this.ippz_dns_sx3 = res3.ippz_dns_sx.split(".")[2];
+          this.ippz_dns_sx4 = res3.ippz_dns_sx.split(".")[3];
+          this.ippz_dns_by1 = res3.ippz_dns_by.split(".")[0];
+          this.ippz_dns_by2 = res3.ippz_dns_by.split(".")[1];
+          this.ippz_dns_by3 = res3.ippz_dns_by.split(".")[2];
+          this.ippz_dns_by4 = res3.ippz_dns_by.split(".")[3];
+        }
+        this.formData.wgpz_wgmc = res3.wgpz_wgmc;
+        this.formData.wgpz_wgid = res3.wgpz_wgid;
+        this.formData.wgpz_wglx = res3.wgpz_wglx;
+        this.formData.tdpz_tdmc = res3.tdpz_tdmc;
+        this.formData.tdpz_td = res3.tdpz_td;
+        this.formData.tdpz_qdmc = res3.tdpz_qdmc;
+        this.formData.tdpz_ip = res3.tdpz_ip;
+        this.formData.tdpz_port = res3.tdpz_port;
+        this.formData.tdpz_cssj = res3.tdpz_cssj;
+        this.formData.tdpz_jgsj = res3.tdpz_jgsj;
+        this.formData.tdpz_lxsj = res3.tdpz_lxsj;
+        this.formData.tdpz_cfcs = res3.tdpz_cfcs;
+        this.formData.tdpz_watchtime = res3.tdpz_watchtime;
+        this.formData.tdpz_cjsylxdz = res3.tdpz_cjsylxdz;
+        this.formData.tdpz_dxzkb = res3.tdpz_dxzkb;
+        this.formData.tdpz_050F = res3.tdpz_050F;
+        this.formData.tdpz_0610 = res3.tdpz_0610;
+        this.formData.sbpz_sbid = res3.sbpz_sbid;
+        this.formData.sbpz_sbmc = res3.sbpz_sbmc;
+        this.formData.sbpz_mac = res3.sbpz_mac;
+        this.formData.sbpz_jysb = res3.sbpz_jysb;
+        this.formData.sbpz_jdzxz = res3.sbpz_jdzxz;
+
+        this.formData.cjdpz_tagid = res3.cjdpz_tagid;
+        this.formData.cjdpz_mc = res3.cjdpz_mc;
+        this.formData.cjdpz_sjq = res3.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = res3.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = res3.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = res3.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = res3.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = res3.cjdpz_beilv;
+
+        this.formData.mqtt_qiyong = res3.mqtt_qiyong;
+        this.formData.mqtt_ip = res3.mqtt_ip;
+        this.formData.mqtt_port = res3.mqtt_port;
+        this.formData.mqtt_wgsn = res3.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = res3.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = res3.mqtt_qos;
+        this.formData.mqtt_scms = res3.mqtt_scms;
+        this.formData.mqtt_sczq = res3.mqtt_sczq;
+        this.formData.mqtt_sjgl = res3.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = res3.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = res3.mqtt_cjd_tagid;
+      }
+    },
+  },
+  created() {
+    this.user_id = window.location.href.split("?")[1];
+
+  },
+  mounted() {
+    this.getUserAnswer();
+  },
+  directives: {
+    copy: {
+      bind(el, { value }) {
+        // 给元素赋值一个$value值,即指令绑定的值
+        el.$value = value;
+        el.handler = () => {
+          // 如果可复制的值为空的时候，给出提示；
+          if (!el.$value) {
+            console.log("无复制内容");
+            return;
+          }
+          // 动态创建 textarea 标签
+          const textarea = document.createElement("textarea");
+          // 将该 textarea 设为 readonly 防止 IOS 下自动唤起键盘，同时将 textarea 移除可视区域
+          textarea.readOnly = "readonly";
+          textarea.style.position = "absolute";
+          textarea.style.left = "-9999px";
+          // 将要copy的值赋值给textarea 标签的value属性
+          textarea.value = el.$value;
+          // 将textarea 插入到body中
+          document.body.appendChild(textarea);
+          // 选中值并复制
+          textarea.select();
+          const result = document.execCommand("Copy");
+          if (result) {
+            console.log("复制成功");
+          }
+          document.body.removeChild(textarea);
+        };
+        // 绑定点击事件，点击的时候copy值
+        el.addEventListener("click", el.handler);
+      },
+      // 当传递进来的值更新的时候触发
+      componentUpdated(el, { value }) {
+        el.$value = value;
+      },
+      // 指令与元素解绑的时候，移除事件绑定
+      unbind(el) {
+        el.removeEventListener("click", el.handler);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.title_center {
+  font-size: 18px;
+  color: red;
+  position: absolute;
+  left: 100px;
+  top: 20px;
+}
+
+/deep/ .wired,
+/deep/ .wifi {
+  .el-row {
+    .el-col-12:last-child {
+      padding-right: 120px;
+    }
+
+    .el-col-12:first-child {
+      padding-right: 118px;
+    }
+
+    .el-input__inner {
+      height: 30px;
+      text-align: center;
+      padding: 0;
+    }
+
+    .el-row {
+      display: flex;
+      align-items: flex-end;
+
+      .el-col-1 {
+        text-align: center;
+        line-height: 20px;
+        height: 20px;
+      }
+
+      .mac {
+        // display: flex;
+        align-items: center;
+
+        .el-button {
+          position: absolute;
+          left: 200px;
+          bottom: 5px;
+          margin-left: 10px;
+          margin-top: 10px;
+          width: 80px;
+          height: 30px;
+          line-height: 0.5;
+        }
+      }
+    }
+  }
+}
+
+.netWay {
+  margin-bottom: 20px;
+  width: 80px;
+  color: rgba(16, 16, 16, 1);
+  font-size: 20px;
+  text-align: left;
+}
+
+.footer {
+  position: absolute;
+  left: 360px;
+  bottom: 2px;
+}
+</style>
diff --git a/.history/src/components/SerialPort_20231106122404.vue b/.history/src/components/SerialPort_20231106122404.vue
deleted file mode 100644
index 744b942..0000000
--- a/.history/src/components/SerialPort_20231106122404.vue
+++ /dev/null
@@ -1,929 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick"
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="tdpz_qdmc" placeholder="" style="width: 200px;height:30px"
-                                            disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_chuankou: "com1",
-            tdpz_btl: "9600",
-            tdpz_sjw: "8",
-            tdpz_tzw: "1",
-            tdpz_jojy: "无校验（none）",
-            tdpz_cssj: "",
-            tdpz_jgsj: "",
-            tdpz_lxsj: "",
-            tdpz_cfcs: "",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        }
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107100545.vue b/.history/src/components/SerialPort_20231107100545.vue
deleted file mode 100644
index 59ad286..0000000
--- a/.history/src/components/SerialPort_20231107100545.vue
+++ /dev/null
@@ -1,953 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="tdpz_qdmc" placeholder="" style="width: 200px;height:30px"
-                                            disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_chuankou: "com1",
-            tdpz_btl: "9600",
-            tdpz_sjw: "8",
-            tdpz_tzw: "1",
-            tdpz_jojy: "无校验（none）",
-            tdpz_cssj: "",
-            tdpz_jgsj: "",
-            tdpz_lxsj: "",
-            tdpz_cfcs: "",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107100906.vue b/.history/src/components/SerialPort_20231107100906.vue
deleted file mode 100644
index bfd2859..0000000
--- a/.history/src/components/SerialPort_20231107100906.vue
+++ /dev/null
@@ -1,953 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"
-                                            disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_050F" label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="tdpz_0610" label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_chuankou: "com1",
-            tdpz_btl: "9600",
-            tdpz_sjw: "8",
-            tdpz_tzw: "1",
-            tdpz_jojy: "无校验（none）",
-            tdpz_cssj: "",
-            tdpz_jgsj: "",
-            tdpz_lxsj: "",
-            tdpz_cfcs: "",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-            this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-            this.FormData.tdpz_ip = this.Merge(
-                this.FormData.tdpz_ip,
-                this.tdpz_ip1,
-                this.tdpz_ip2,
-                this.tdpz_ip3,
-                this.tdpz_ip4
-            );
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107100949.vue b/.history/src/components/SerialPort_20231107100949.vue
deleted file mode 100644
index 27bd980..0000000
--- a/.history/src/components/SerialPort_20231107100949.vue
+++ /dev/null
@@ -1,953 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"
-                                            disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F" label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F" label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610" label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610" label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610" label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_chuankou: "com1",
-            tdpz_btl: "9600",
-            tdpz_sjw: "8",
-            tdpz_tzw: "1",
-            tdpz_jojy: "无校验（none）",
-            tdpz_cssj: "",
-            tdpz_jgsj: "",
-            tdpz_lxsj: "",
-            tdpz_cfcs: "",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-            this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-            this.FormData.tdpz_ip = this.Merge(
-                this.FormData.tdpz_ip,
-                this.tdpz_ip1,
-                this.tdpz_ip2,
-                this.tdpz_ip3,
-                this.tdpz_ip4
-            );
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107101059.vue b/.history/src/components/SerialPort_20231107101059.vue
deleted file mode 100644
index 365745b..0000000
--- a/.history/src/components/SerialPort_20231107101059.vue
+++ /dev/null
@@ -1,965 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-            this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-            this.FormData.tdpz_ip = this.Merge(
-                this.FormData.tdpz_ip,
-                this.tdpz_ip1,
-                this.tdpz_ip2,
-                this.tdpz_ip3,
-                this.tdpz_ip4
-            );
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107101159.vue b/.history/src/components/SerialPort_20231107101159.vue
deleted file mode 100644
index 9c19b1e..0000000
--- a/.history/src/components/SerialPort_20231107101159.vue
+++ /dev/null
@@ -1,965 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-            this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-            this.FormData.tdpz_ip = this.Merge(
-                this.FormData.tdpz_ip,
-                this.tdpz_ip1,
-                this.tdpz_ip2,
-                this.tdpz_ip3,
-                this.tdpz_ip4
-            );
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107101228.vue b/.history/src/components/SerialPort_20231107101228.vue
deleted file mode 100644
index 9ce7a03..0000000
--- a/.history/src/components/SerialPort_20231107101228.vue
+++ /dev/null
@@ -1,958 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-            this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107101243.vue b/.history/src/components/SerialPort_20231107101243.vue
deleted file mode 100644
index feadc25..0000000
--- a/.history/src/components/SerialPort_20231107101243.vue
+++ /dev/null
@@ -1,958 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    height: 753px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 5px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1335px;
-    top: 218px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/SerialPort_20231107101407.vue b/.history/src/components/SerialPort_20231107101407.vue
deleted file mode 100644
index 41b75a2..0000000
--- a/.history/src/components/SerialPort_20231107101407.vue
+++ /dev/null
@@ -1,974 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107101411.vue b/.history/src/components/SerialPort_20231107101411.vue
deleted file mode 100644
index fed9c2e..0000000
--- a/.history/src/components/SerialPort_20231107101411.vue
+++ /dev/null
@@ -1,974 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        tdpz_watchtime: {
-            handler(old,) {
-                if (old) {
-                    this.isdisabled = false;
-                } else {
-                    this.isdisabled = true;
-                }
-            }
-        }
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107101459.vue b/.history/src/components/SerialPort_20231107101459.vue
deleted file mode 100644
index 1c4f6a5..0000000
--- a/.history/src/components/SerialPort_20231107101459.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107101501.vue b/.history/src/components/SerialPort_20231107101501.vue
deleted file mode 100644
index f6727a2..0000000
--- a/.history/src/components/SerialPort_20231107101501.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            tdpz_tdmc: "有线区Channel1",
-            tdpz_td: "网口",
-            tdpz_qdmc: "ModbusTCPClient",
-            tdpz_watchtime: false,
-            tdpz_cjsylxdz: true,
-            tdpz_dxzkb: "",
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            tdpz_050F: "1",
-            tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107102207.vue b/.history/src/components/SerialPort_20231107102207.vue
deleted file mode 100644
index 499fbbc..0000000
--- a/.history/src/components/SerialPort_20231107102207.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            // isdisabled: true,
-            // is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107102245.vue b/.history/src/components/SerialPort_20231107102245.vue
deleted file mode 100644
index e4bf1f5..0000000
--- a/.history/src/components/SerialPort_20231107102245.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_yx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107102407.vue b/.history/src/components/SerialPort_20231107102407.vue
deleted file mode 100644
index 9678cbc..0000000
--- a/.history/src/components/SerialPort_20231107102407.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107102420.vue b/.history/src/components/SerialPort_20231107102420.vue
deleted file mode 100644
index 9678cbc..0000000
--- a/.history/src/components/SerialPort_20231107102420.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110413.vue b/.history/src/components/SerialPort_20231107110413.vue
deleted file mode 100644
index bba3898..0000000
--- a/.history/src/components/SerialPort_20231107110413.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.FormData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110540.vue b/.history/src/components/SerialPort_20231107110540.vue
deleted file mode 100644
index 0c8394f..0000000
--- a/.history/src/components/SerialPort_20231107110540.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="add_passage = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110716.vue b/.history/src/components/SerialPort_20231107110716.vue
deleted file mode 100644
index 658de6b..0000000
--- a/.history/src/components/SerialPort_20231107110716.vue
+++ /dev/null
@@ -1,973 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <div v-click-outside="closeMenu">
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110728.vue b/.history/src/components/SerialPort_20231107110728.vue
deleted file mode 100644
index 688b8b8..0000000
--- a/.history/src/components/SerialPort_20231107110728.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-            <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建通道</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110738.vue b/.history/src/components/SerialPort_20231107110738.vue
deleted file mode 100644
index dfcbff5..0000000
--- a/.history/src/components/SerialPort_20231107110738.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110801.vue b/.history/src/components/SerialPort_20231107110801.vue
deleted file mode 100644
index 6d6fbc0..0000000
--- a/.history/src/components/SerialPort_20231107110801.vue
+++ /dev/null
@@ -1,969 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.FormData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110836.vue b/.history/src/components/SerialPort_20231107110836.vue
deleted file mode 100644
index d229eaa..0000000
--- a/.history/src/components/SerialPort_20231107110836.vue
+++ /dev/null
@@ -1,969 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110843.vue b/.history/src/components/SerialPort_20231107110843.vue
deleted file mode 100644
index ddb8799..0000000
--- a/.history/src/components/SerialPort_20231107110843.vue
+++ /dev/null
@@ -1,969 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.FormData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110845.vue b/.history/src/components/SerialPort_20231107110845.vue
deleted file mode 100644
index 2ed5151..0000000
--- a/.history/src/components/SerialPort_20231107110845.vue
+++ /dev/null
@@ -1,969 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer");
-            this.FormData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107110857.vue b/.history/src/components/SerialPort_20231107110857.vue
deleted file mode 100644
index 5a8b281..0000000
--- a/.history/src/components/SerialPort_20231107110857.vue
+++ /dev/null
@@ -1,969 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            this.FormData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111012.vue b/.history/src/components/SerialPort_20231107111012.vue
deleted file mode 100644
index dfb8fb0..0000000
--- a/.history/src/components/SerialPort_20231107111012.vue
+++ /dev/null
@@ -1,970 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            this.FormData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111027.vue b/.history/src/components/SerialPort_20231107111027.vue
deleted file mode 100644
index dfb8fb0..0000000
--- a/.history/src/components/SerialPort_20231107111027.vue
+++ /dev/null
@@ -1,970 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            this.FormData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111116.vue b/.history/src/components/SerialPort_20231107111116.vue
deleted file mode 100644
index 7cdfbbf..0000000
--- a/.history/src/components/SerialPort_20231107111116.vue
+++ /dev/null
@@ -1,970 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            this.formData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111127.vue b/.history/src/components/SerialPort_20231107111127.vue
deleted file mode 100644
index b2d0590..0000000
--- a/.history/src/components/SerialPort_20231107111127.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            console.log(this.formData);
-            this.formData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "FormData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111222.vue b/.history/src/components/SerialPort_20231107111222.vue
deleted file mode 100644
index 969b8e1..0000000
--- a/.history/src/components/SerialPort_20231107111222.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            console.log(this.formData);
-            this.formData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "formData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111359.vue b/.history/src/components/SerialPort_20231107111359.vue
deleted file mode 100644
index 5ad6b11..0000000
--- a/.history/src/components/SerialPort_20231107111359.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            // console.log(this.formData);
-            this.formData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "formData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107111401.vue b/.history/src/components/SerialPort_20231107111401.vue
deleted file mode 100644
index 5ad6b11..0000000
--- a/.history/src/components/SerialPort_20231107111401.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            // console.log(this.formData);
-            this.formData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbcollectdevice");
-        },
-    },
-    watch: {
-        "formData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231107120540.vue b/.history/src/components/SerialPort_20231107120540.vue
deleted file mode 100644
index d7993c7..0000000
--- a/.history/src/components/SerialPort_20231107120540.vue
+++ /dev/null
@@ -1,971 +0,0 @@
-<!-- 串口通道配置 -->
-<template>
-    <div>
-        <!-- 设置树形控件 -->
-        <!-- 串口通道的页面 -->
-        <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
-        <div class="tree_menu" v-show="dialogVisible">
-            <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                @node-click="treeNodeClick"></el-tree>
-            <!-- 树形控件右键组件 -->
-            <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-                <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-                    <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                        <span slot="title">新建通道</span>
-                    </el-menu-item>
-                    <el-menu-item index="2" style="font-size: 12px;">
-                        <span slot="title">取 消</span>
-                    </el-menu-item>
-                </el-menu>
-            </div>
-        </div>
-        <div class="pas_params">
-            <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-                <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                                <el-select v-model="formData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                                <el-select v-model="formData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                                <el-row>
-                                    <el-col :span="18">
-                                        <el-input v-model="formData.tdpz_qdmc" placeholder=""
-                                            style="width: 200px;height:30px" disabled></el-input>
-                                    </el-col>
-                                    <el-col :span="6">
-                                        <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                                    </el-col>
-                                </el-row>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="串口号:" :label-width="formLabelWidth" prop="tdpz_chuankou">
-                                <el-select v-model="formData.tdpz_chuankou" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options3" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="波特率:" :label-width="formLabelWidth" prop="tdpz_btl">
-                                <el-select v-model="formData.tdpz_btl" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options4" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="数据位:" :label-width="formLabelWidth" prop="tdpz_sjw">
-                                <el-select v-model="formData.tdpz_sjw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options5" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="停止位:" :label-width="formLabelWidth" prop="tdpz_tzw">
-                                <el-select v-model="formData.tdpz_tzw" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options6" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="奇偶校验:" :label-width="formLabelWidth" prop="tdpz_jojy">
-                                <el-select v-model="formData.tdpz_jojy" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options7" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                                <el-input v-model="formData.tdpz_cssj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                                <el-input v-model="formData.tdpz_jgsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                                <el-input v-model="formData.tdpz_lxsj" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                                <el-input v-model="formData.tdpz_cfcs" placeholder=""
-                                    style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <div class="super_parmams">
-                    <h3>高级参数</h3>
-                    <div>
-                        <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-                        <i class="el-icon-caret-top" v-else="is_retract"></i>
-                        <el-button type="text" plain @click="getRetract"
-                            style="width: 28px; border:none; color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-                            收起</el-button>
-                    </div>
-                </div>
-                <div class="super_con" v-show="is_retract">
-                    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_watchtime">watch time(s)</el-checkbox>
-                                    <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                                        :disabled="isdisabled"></el-input>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item>
-                                    <el-checkbox v-model="formData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                        <el-col :span="4">:
-                                        </el-col>
-                                        <el-col :span="10">
-                                            <el-input v-model="tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                                        </el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="12">
-                                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="2">05</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_050F"
-                                                label="3">0F</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                                    <el-row>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="1">auto</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="2">06</el-radio></el-col>
-                                        <el-col :span="8"><el-radio v-model="formData.tdpz_0610"
-                                                label="3">10</el-radio></el-col>
-                                    </el-row>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="saveGate">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
-        </div>
-        <div class="drvieName_All" v-show="diag_drive">
-            <div class="title">
-                <p class="title_l">协议选择</p>
-                <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-            </div>
-            <el-divider></el-divider>
-            <el-tree :data="datas2" :props="defaultProps" default-expand-all @node-click="handleDetailClick"></el-tree>
-        </div>
-    </div>
-</template>
-
-<script>
-import { SaveUserAnswer } from '@/api/user';
-export default {
-    name: 'TestTreeView',
-
-    data() {
-        return {
-            formData: {
-                tdpz_tdmc: "有线区Channel1",
-                tdpz_td: "网口",
-                tdpz_qdmc: "ModbusTCPClient",
-                tdpz_chuankou: "com1",
-                tdpz_btl: "9600",
-                tdpz_sjw: "8",
-                tdpz_tzw: "1",
-                tdpz_jojy: "无校验（none）",
-                tdpz_cssj: "",
-                tdpz_jgsj: "",
-                tdpz_lxsj: "",
-                tdpz_cfcs: "",
-                tdpz_watchtime: false,
-                tdpz_cjsylxdz: true,
-                tdpz_dxzkb: "",
-                tdpz_050F: "1",
-                tdpz_0610: "1",
-            },
-            tdpz_dxzkb1: "1",
-            tdpz_dxzkb2: "1",
-            diag_drive: false,
-            options1: [{
-                value: "有线区Channel1",
-                label: "有线区Channel1",
-            }, {
-                value: "无线区Channel1",
-                label: "无线区Channel1",
-            }],
-            options2: [{
-                value: "网口",
-                label: "网口",
-            }, {
-                value: "串口",
-                label: "串口",
-            }],
-            options3: [{
-                value: "com1",
-                label: "com1",
-            },
-            {
-                value: "com2",
-                label: "com2",
-            },
-            {
-                value: "com3",
-                label: "com3",
-            },
-            {
-                value: "com4",
-                label: "com4",
-            },
-            {
-                value: "com5",
-                label: "com5",
-            }, {
-                value: "com6",
-                label: "com6",
-            },
-            {
-                value: "com7",
-                label: "com7",
-            },
-            {
-                value: "com8",
-                label: "com8",
-            },
-            {
-                value: "com9",
-                label: "com9",
-            },
-            {
-                value: "com10",
-                label: "com10",
-            }, {
-                value: "com11",
-                label: "com11",
-            },
-            {
-                value: "com12",
-                label: "com12",
-            },
-            {
-                value: "com13",
-                label: "com13",
-            },
-            {
-                value: "com14",
-                label: "com14",
-            },
-            {
-                value: "com15",
-                label: "com15",
-            }, {
-                value: "com16",
-                label: "com16",
-            },
-            {
-                value: "com17",
-                label: "com17",
-            },
-            {
-                value: "com18",
-                label: "com18",
-            },
-            {
-                value: "com19",
-                label: "com19",
-            },
-            {
-                value: "com20",
-                label: "com20",
-            }, {
-                value: "com21",
-                label: "com21",
-            },
-            {
-                value: "com22",
-                label: "com22",
-            },
-            {
-                value: "com23",
-                label: "com23",
-            },
-            {
-                value: "com24",
-                label: "com24",
-            },
-            {
-                value: "com25",
-                label: "com25",
-            }, {
-                value: "com26",
-                label: "com26",
-            },
-            {
-                value: "com27",
-                label: "com27",
-            },
-            {
-                value: "com28",
-                label: "com28",
-            },
-            {
-                value: "com29",
-                label: "com29",
-            },
-            {
-                value: "com30",
-                label: "com30",
-            }, {
-                value: "com31",
-                label: "com31",
-            },
-            {
-                value: "com32",
-                label: "com32",
-            },
-            {
-                value: "com33",
-                label: "com33",
-            },
-            {
-                value: "com34",
-                label: "com34",
-            },
-            {
-                value: "com35",
-                label: "com35",
-            }, {
-                value: "com36",
-                label: "com36",
-            },
-            {
-                value: "com37",
-                label: "com37",
-            },
-            {
-                value: "com38",
-                label: "com38",
-            },
-            {
-                value: "com39",
-                label: "com39",
-            },
-            {
-                value: "com40",
-                label: "com40",
-            }, {
-                value: "com41",
-                label: "com41",
-            },
-            {
-                value: "com42",
-                label: "com42",
-            },
-            {
-                value: "com43",
-                label: "com43",
-            },
-            {
-                value: "com44",
-                label: "com44",
-            },
-            {
-                value: "com45",
-                label: "com45",
-            }, {
-                value: "com46",
-                label: "com46",
-            },
-            {
-                value: "com47",
-                label: "com47",
-            },
-            {
-                value: "com48",
-                label: "com48",
-            },
-            {
-                value: "com49",
-                label: "com49",
-            },
-            {
-                value: "com50",
-                label: "com50",
-            },
-            ],
-            options4: [{
-                value: "1200",
-                label: "1200"
-            }, {
-                value: "2400",
-                label: "2400"
-            }, {
-                value: "4800",
-                label: "4800",
-            }, {
-                value: "9600",
-                label: "9600",
-            }, {
-                value: "115200",
-                label: "115200"
-            }],
-            options5: [{
-                value: "8",
-                label: "8"
-            }, {
-                value: "7",
-                label: "7"
-            }],
-            options6: [{
-                value: "1",
-                label: "1"
-            }, {
-                value: "2",
-                label: "2",
-            }],
-            options7: [{
-                value: "奇校验",
-                label: "奇校验"
-            }, {
-                value: "偶校验",
-                label: "偶校验"
-            }, {
-                value: "无校验（none）",
-                label: "无校验（none）"
-            }],
-            // tdpz_tdmc: "有线区Channel1",
-            // tdpz_td: "网口",
-            // tdpz_qdmc: "ModbusTCPClient",
-            // tdpz_watchtime: false,
-            // tdpz_cjsylxdz: true,
-            // tdpz_dxzkb: "",
-            // tdpz_dxzkb1: "1",
-            // tdpz_dxzkb2: "1",
-            // tdpz_050F: "1",
-            // tdpz_0610: "1",
-            isdisabled: true,
-            is_retract: true,
-            labelPosition: "left",
-            formLabelWidth: "116px",
-            input1: 192,
-            add_passage: false,
-            rightMenu: "",
-            dialogVisible: true,
-            menuShow: false,
-            datas: [{
-                label: 'Gateway',
-                children: [{
-                    label: '数据采集',
-                    children: [{
-                        label: 'I/O点'
-                    },
-                    {
-                        label: '用户点',
-                    },
-                    {
-                        label: '计算点',
-                    },
-                    {
-                        label: '系统点',
-                    },
-                    ]
-                },
-                {
-                    label: "数据服务",
-                    children: [{
-                        label: "Modbus"
-                    }]
-                },
-                {
-                    label: "IOT",
-                    children: [
-                        {
-                            label: "Mqtt Client"
-                        },
-                        {
-                            label: "Alink"
-                        },
-                        {
-                            label: "Tlink"
-                        },
-                        {
-                            label: "loTDDC"
-                        },
-                        {
-                            label: "Ulink"
-                        },
-                    ]
-                }
-                ]
-            }],
-            datas2: [{
-                label: '通用标准',
-                children: [
-                    {
-                        label: 'ModbusTCPClient',
-                    },
-                    {
-                        label: 'ModbusRTU_over_TCP',
-                    },
-                    {
-                        label: 'OPCUAClient',
-                    },
-                    {
-                        label: 'OPCDAClient',
-                    },
-                    {
-                        label: 'MQTTClient',
-                    },
-                    {
-                        label: "OPCXMLDAClient",
-                    },
-                    {
-                        label: "环保212协议网口监听",
-                    }
-                ]
-            },
-            {
-                label: "PLC",
-                children: [
-                    {
-                        label: "Slemens S7-200 Network"
-                    },
-                    {
-                        label: "Slemens S7-300 Network"
-                    },
-                    {
-                        label: "Slemens S7-400 Network"
-                    },
-                    {
-                        label: "Slemens S7-1200 Network"
-                    },
-                    {
-                        label: "Slemens S7-1500 Network"
-                    },
-                    {
-                        label: "EtherNet/IP CIP协议(AB OMR ON)"
-                    },
-                    {
-                        label: "MC_Qna-3E(三菱 基恩士 松下)"
-                    },
-                    {
-                        label: "MC_A-1E_Binary"
-                    },
-                    {
-                        label: "OMRON-FINS"
-                    },
-                    {
-                        label: "横河PLC"
-                    },
-                    {
-                        label: "西门子FetchWirte"
-                    },
-                    {
-                        label: "富机 FUJI_SPH_NET"
-                    },
-                    {
-                        label: "基恩士上位链路通讯"
-                    },
-                ]
-            },
-            {
-                label: "智能建筑",
-                children: []
-            },
-            {
-                label: "厂家定制",
-                children: []
-            },
-            {
-                label: "电力行业标准",
-                children: [
-                    {
-                        label: "IEC104",
-                    },
-                    {
-                        label: "DLT645_over_TCP"
-                    }
-                ]
-            },
-            {
-                label: "CNC数控",
-                children: []
-            }, {
-                label: "私有协议",
-                children: []
-            }],
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            rules: {
-                tdpz_tdmc: [
-                    { required: true, message: "请输入通道名称", trigger: "change" },
-                ],
-                tdpz_td: [
-                    { required: true, message: "请输入通道", trigger: "change" }
-                ],
-                tdpz_qdmc: [
-                    { required: true, message: "请输入驱动名称", trigger: "change" },
-                ],
-                tdpz_chuankou: [
-                    { required: true, message: "请输入串口号", trigger: "change" },
-                ],
-                tdpz_btl: [
-                    { required: true, message: "请输入波特率", trigger: "change" },
-                ],
-                tdpz_tzw: [
-                    { required: true, message: "请输入停止位", trigger: "change" },
-                ],
-                tdpz_sjw: [
-                    { required: true, message: "请输入数据位", trigger: "change" },
-                ],
-                tdpz_jojy: [
-                    { required: true, message: "请输入奇偶校验", trigger: "change" },
-                ],
-                tdpz_cssj: [
-                    { required: true, message: "请输入超出时间", trigger: "blur" },
-                ],
-                tdpz_jgsj: [
-                    { required: true, message: "请输入间隔时间", trigger: "blur" },
-                ],
-                tdpz_lxsj: [
-                    { required: true, message: "请输入轮询时间", trigger: "blur" },
-                ],
-                tdpz_cfcs: [
-                    { required: true, message: "请输入重复次数", trigger: "blur" },
-                ],
-            },
-        };
-    },
-
-    mounted() {
-
-    },
-
-    methods: {
-        rightClick(e, data, node) {
-            this.menuShow = false
-            this.menuShow = true
-            e.preventDefault() //关闭浏览器右键默认事件
-            this.rightMenu = { top: e.pageY + 'px', left: e.pageX + 'px' }
-            document.addEventListener('click', (ev) => {
-                ev.stopImmediatePropagation()
-                if (ev.target !== document.querySelector('.el-menu-item.is-active')) {
-                    this.foo()
-                }
-            })
-        },
-        // 点击时候的判断,判断是否为新增网关
-        selectMenuNode(index, indexPath) {
-            console.log(index);
-            if (index == 1) {
-                this.add_passage = true;
-
-            }
-        },
-        foo() {
-            // 取消鼠标监听事件 菜单栏
-            this.menuShow = false
-            document.removeEventListener('click', this.foo) // 关掉监听，
-        },
-        treeNodeClick() {
-            this.foo()
-        },
-        // 收起点击事件的判断
-        getRetract() {
-            if (this.is_retract == true) {
-                this.is_retract = false;
-            } else {
-                this.is_retract = true;
-            }
-        },
-        getDriveName() {
-            this.diag_drive = true;
-        },
-        closeMenu(ev) {
-            console.log({ ev });
-            this.dialogVisible = false;
-        },
-        handleDetailClick(data, node, value) {
-            console.log(data.label);
-            this.formData.tdpz_qdmc = data.label;
-        },
-        async saveGate() {
-            this.add_passage = false;
-            this.formData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-            this.formData.tdpz_watchtime = String(Number(this.formData.tdpz_watchtime));
-            this.formData.tdpz_cjsylxdz = String(Number(this.formData.tdpz_cjsylxdz));
-            let datas = sessionStorage.getItem("answer1");
-            // console.log(this.formData);
-            this.formData = { ...JSON.parse(datas), ...this.formData };
-            let res = await SaveUserAnswer({
-                mark: "DB-IotLite_wx",
-                user_id: "USER202307301109254198",
-                mark_value: JSON.stringify(this.formData),
-            });
-            sessionStorage.setItem("answer1", JSON.stringify(this.formData));
-            console.log(res);
-            console.log(res.data.data.mark_value);
-            this.$router.push("/dbserialdevice");
-        },
-    },
-    watch: {
-        "formData.tdpz_watchtime"(newval) {
-            console.log(newval);
-            if (newval) {
-                this.isdisabled = true;
-            } else {
-                this.isdisabled = false;
-            }
-        },
-    },
-    directives: {
-        'click-outside': {
-            bind: function (el, binding, vnode) {
-                console.log('el', el);
-                console.log("binding", binding);
-                el.event = function (event) {
-                    // 检查点击是否发生在节点之内（包括子节点）
-                    if (!(el == event.target || el.contains(event.target))) {
-                        // 如果没有，则触发调用
-                        // 若绑定值为函数，则执行
-                        // 这里我们可以通过钩子函数中的 vnode.context，来获取当前组件的作用域
-                        if (typeof vnode.context[binding.expression] == 'function') {
-                            vnode.context[binding.expression](event)
-                        }
-                    }
-                }
-                // 绑定事件
-                // 设置为true，代表在DOM树中，注册了该listener的元素，会先于它下方的任何事件目标，接收到该事件。
-                document.body.addEventListener('click', el.event, true)
-            },
-            unbind: function (el) {
-                // 解绑事件
-                document.body.removeEventListener('click', el.event, true)
-            },
-        },
-    },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-    position: absolute;
-    width: 286px;
-    left: 64px;
-    top: 104px;
-    width: 286px;
-    height: 753px;
-    line-height: 20px;
-    border-radius: 3px;
-    background-color: rgba(255, 255, 255, 1);
-    text-align: center;
-    border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-    position: fixed;
-    width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    z-index: 1000;
-}
-
-.super_parmams {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 668px;
-
-    i {
-        width: 24px;
-        height: 24px;
-        display: inline-block;
-    }
-}
-
-/deep/ .pas_params {
-
-    .el-col-12:last-child {
-        padding-right: 150px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 38px;
-    }
-
-    .el-input__inner {
-        height: 30px;
-        text-align: left;
-        padding: 0px 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-1 {
-            text-align: center;
-            line-height: 20px;
-            height: 20px;
-        }
-
-        .el-col-6 {
-            height: 40px;
-            top: 6px;
-            left: 77px;
-            position: relative;
-            width: 50px;
-        }
-    }
-}
-
-.super_con {
-    .el-col-12:last-child {
-        padding-right: 28px;
-    }
-
-    .el-col-12:first-child {
-        padding-right: 42px;
-    }
-
-    .el-input__inner {
-        text-align: left;
-        padding: 0 8px;
-    }
-
-    .el-row {
-        display: flex;
-        align-items: flex-end;
-
-        .el-col-4 {
-            padding-left: 5px;
-            width: 14px;
-            text-align: center;
-            line-height: 4px;
-            height: 20px;
-        }
-    }
-}
-
-.el-dialog__footer {
-    padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-    position: absolute;
-    left: 50%;
-    bottom: 45px;
-    transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-    position: absolute;
-    left: 1408px;
-    top: 140px;
-    width: 435px;
-    max-height: 720px;
-    z-index: 10000;
-    border: 1px solid #f5f5f5;
-
-    .title {
-        background-color: #fff;
-        padding: 5px 6px 5px 25px;
-        display: flex;
-        justify-content: space-between;
-
-        .title_l {
-            width: 103px;
-            height: 26px;
-            color: rgba(16, 16, 16, 1);
-            font-size: 18px;
-            text-align: left;
-        }
-
-        .title_r {
-            width: 24px;
-            height: 24px;
-            line-height: 24px;
-            cursor: pointer;
-            color: rgba(111, 103, 103, 1);
-        }
-    }
-
-    // h3 {
-    //   padding-bottom: 10px;
-    //   background-color: #fff;
-    // }
-
-    .el-divider--horizontal {
-        margin: 0px;
-    }
-}
-</style>
diff --git a/.history/src/components/SerialPort_20231208083536.vue b/.history/src/components/SerialPort_20231208083536.vue
new file mode 100644
index 0000000..0e56c68
--- /dev/null
+++ b/.history/src/components/SerialPort_20231208083536.vue
@@ -0,0 +1,1561 @@
+<!-- 串口通道配置 -->
+<template>
+  <div>
+    <!-- 设置树形控件 -->
+    <!-- 串口通道的页面 -->
+    <!-- <el-button type="info" plain @click="dialogVisible = true">串口通道</el-button> -->
+    <div class="tree_menu" v-show="dialogVisible">
+      <el-tree
+        :data="trees"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-contextmenu="rightClick"
+        @node-click="treeNodeClick"
+        ref="tree"
+      >
+        <span class="custom-tree-node" slot-scope="{ node, data }">
+          <template v-if="data.editing == 1 && flag">
+            <el-input
+              style="width: 260px"
+              v-model="gateway"
+              @change="changeInput"
+            ></el-input>
+          </template>
+          <template v-else>{{ data.label }}</template>
+        </span>
+      </el-tree>
+      <!-- 树形控件右键组件 -->
+      <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+        <el-menu
+          class="el-menu-vertical-demo"
+          @select="selectMenuNode"
+          default-active="#0078FE"
+        >
+          <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+            <span slot="title">新建通道</span>
+          </el-menu-item>
+          <el-menu-item index="2" style="font-size: 12px">
+            <span slot="title">取 消</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <div class="pas_params">
+      <el-dialog
+        title="通道参数设置"
+        :visible.sync="add_passage"
+        width="765px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="formData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="formData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="通道名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_tdmc"
+              >
+                <el-select
+                  v-model="formData.tdpz_tdmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="item in options1"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="通道:"
+                :label-width="formLabelWidth"
+                prop="tdpz_td"
+              >
+                <el-select
+                  v-model="formData.tdpz_td"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="item in options2"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="驱动名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_qdmc"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="formData.tdpz_qdmc"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                      disabled
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <!-- <div ></div> -->
+          <div v-if="formData.tdpz_td == '网口'">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="IP地址:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip1"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">. </el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip2"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip3"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip4"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="端口号:" :label-width="formLabelWidth">
+                  <el-input
+                    v-model="tdpz_port"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div v-else>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="串口号:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_chuankou"
+                >
+                  <el-select
+                    v-model="formData.tdpz_chuankou"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options3"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="波特率:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_btl"
+                >
+                  <el-select
+                    v-model="formData.tdpz_btl"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options4"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="数据位:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_sjw"
+                >
+                  <el-select
+                    v-model="formData.tdpz_sjw"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options5"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="停止位:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_tzw"
+                >
+                  <el-select
+                    v-model="formData.tdpz_tzw"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options6"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="奇偶校验:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_jojy"
+                >
+                  <el-select
+                    v-model="formData.tdpz_jojy"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options7"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="超过时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_cgsj"
+              >
+                <el-input
+                  v-model="formData.tdpz_cgsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="间隔时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_jgsj"
+              >
+                <el-input
+                  v-model="formData.tdpz_jgsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_lxsj"
+              >
+                <el-input
+                  v-model="formData.tdpz_lxsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="重复次数:"
+                :label-width="formLabelWidth"
+                prop="tdpz_cfcs"
+              >
+                <el-input
+                  v-model="formData.tdpz_cfcs"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div class="super_parmams">
+          <h3>高级参数</h3>
+          <div>
+            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+            <i class="el-icon-caret-top" v-else="is_retract"></i>
+            <el-button
+              type="text"
+              plain
+              @click="getRetract"
+              style="
+                width: 28px;
+                border: none;
+                color: rgba(16, 16, 16, 1);
+                font-size: 14px;
+                text-align: left;
+              "
+            >
+              收起</el-button
+            >
+          </div>
+        </div>
+        <div class="super_con" v-show="is_retract">
+          <el-form
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="ruleForm"
+          >
+            <el-row>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox v-model="formData.tdpz_watchtime"
+                    >watch time(s)</el-checkbox
+                  >
+                  <el-input
+                    v-model="input1"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                    :disabled="isdisabled"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox v-model="formData.tdpz_cjsylxdz"
+                    >采集使用连续地址</el-checkbox
+                  >
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="10">
+                      <el-input
+                        v-model="tdpz_dxzkb1"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="4">: </el-col>
+                    <el-col :span="10">
+                      <el-input
+                        v-model="tdpz_dxzkb2"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="05/0F:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="8"
+                      ><el-radio v-model="formData.tdpz_050F" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="formData.tdpz_050F" label="05"
+                        >05</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="formData.tdpz_050F" label="0F"
+                        >0F</el-radio
+                      ></el-col
+                    >
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="06/10:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="8"
+                      ><el-radio v-model="formData.tdpz_0610" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="formData.tdpz_0610" label="06"
+                        >06</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="formData.tdpz_0610" label="10"
+                        >10</el-radio
+                      ></el-col
+                    >
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        default-expand-all
+        @node-click="handleDetailClick"
+      ></el-tree>
+    </div>
+
+    <!-- 网关 -->
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="formData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="formData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="formData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="formData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import _ from "lodash";
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+export default {
+  name: "TestTreeView",
+  data() {
+    return {
+      tdpz_port: "",
+      tdpz_ip1: "",
+      tdpz_ip2: "",
+      tdpz_ip3: "",
+      tdpz_ip4: "",
+      user_id: "",
+      loading: false,
+      flag: false,
+      gateway: "",
+      nodekey: "",
+      trees: [],
+      formData: {
+        ippz_wangkou: "",
+        ippz_lwfs: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        ippz_wifi_ssid: "",
+        ippz_wifi_mm: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_sjw: "8",
+        tdpz_tzw: "",
+        tdpz_jojy: "",
+        tdpz_cgsj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: false,
+        tdpz_cjsylxdz: true,
+        tdpz_dxzkb: "",
+        tdpz_050F: "05",
+        tdpz_0610: "auto",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_sbdz: "",
+        sbpz_jysb: "",
+        sbpz_jdzxz: "",
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+        mqtt_retained: "",
+      },
+      tdpz_dxzkb1: "1",
+      tdpz_dxzkb2: "1",
+      diag_drive: false,
+      options1: [
+        {
+          value: "有线区Channel1",
+          label: "有线区Channel1",
+        },
+        {
+          value: "无线区Channel1",
+          label: "无线区Channel1",
+        },
+      ],
+      options2: [
+        {
+          value: "网口",
+          label: "网口",
+        },
+        {
+          value: "串口",
+          label: "串口",
+        },
+      ],
+      options3: [
+        {
+          value: "com1",
+          label: "com1",
+        },
+        {
+          value: "com2",
+          label: "com2",
+        },
+        {
+          value: "com3",
+          label: "com3",
+        },
+        {
+          value: "com4",
+          label: "com4",
+        },
+        {
+          value: "com5",
+          label: "com5",
+        },
+        {
+          value: "com6",
+          label: "com6",
+        },
+        {
+          value: "com7",
+          label: "com7",
+        },
+        {
+          value: "com8",
+          label: "com8",
+        },
+        {
+          value: "com9",
+          label: "com9",
+        },
+        {
+          value: "com10",
+          label: "com10",
+        },
+        {
+          value: "com11",
+          label: "com11",
+        },
+        {
+          value: "com12",
+          label: "com12",
+        },
+        {
+          value: "com13",
+          label: "com13",
+        },
+        {
+          value: "com14",
+          label: "com14",
+        },
+        {
+          value: "com15",
+          label: "com15",
+        },
+        {
+          value: "com16",
+          label: "com16",
+        },
+        {
+          value: "com17",
+          label: "com17",
+        },
+        {
+          value: "com18",
+          label: "com18",
+        },
+        {
+          value: "com19",
+          label: "com19",
+        },
+        {
+          value: "com20",
+          label: "com20",
+        },
+        {
+          value: "com21",
+          label: "com21",
+        },
+        {
+          value: "com22",
+          label: "com22",
+        },
+        {
+          value: "com23",
+          label: "com23",
+        },
+        {
+          value: "com24",
+          label: "com24",
+        },
+        {
+          value: "com25",
+          label: "com25",
+        },
+        {
+          value: "com26",
+          label: "com26",
+        },
+        {
+          value: "com27",
+          label: "com27",
+        },
+        {
+          value: "com28",
+          label: "com28",
+        },
+        {
+          value: "com29",
+          label: "com29",
+        },
+        {
+          value: "com30",
+          label: "com30",
+        },
+        {
+          value: "com31",
+          label: "com31",
+        },
+        {
+          value: "com32",
+          label: "com32",
+        },
+        {
+          value: "com33",
+          label: "com33",
+        },
+        {
+          value: "com34",
+          label: "com34",
+        },
+        {
+          value: "com35",
+          label: "com35",
+        },
+        {
+          value: "com36",
+          label: "com36",
+        },
+        {
+          value: "com37",
+          label: "com37",
+        },
+        {
+          value: "com38",
+          label: "com38",
+        },
+        {
+          value: "com39",
+          label: "com39",
+        },
+        {
+          value: "com40",
+          label: "com40",
+        },
+        {
+          value: "com41",
+          label: "com41",
+        },
+        {
+          value: "com42",
+          label: "com42",
+        },
+        {
+          value: "com43",
+          label: "com43",
+        },
+        {
+          value: "com44",
+          label: "com44",
+        },
+        {
+          value: "com45",
+          label: "com45",
+        },
+        {
+          value: "com46",
+          label: "com46",
+        },
+        {
+          value: "com47",
+          label: "com47",
+        },
+        {
+          value: "com48",
+          label: "com48",
+        },
+        {
+          value: "com49",
+          label: "com49",
+        },
+        {
+          value: "com50",
+          label: "com50",
+        },
+      ],
+      options4: [
+        {
+          value: "1200",
+          label: "1200",
+        },
+        {
+          value: "2400",
+          label: "2400",
+        },
+        {
+          value: "4800",
+          label: "4800",
+        },
+        {
+          value: "9600",
+          label: "9600",
+        },
+        {
+          value: "115200",
+          label: "115200",
+        },
+      ],
+      options5: [
+        {
+          value: "8",
+          label: "8",
+        },
+        {
+          value: "7",
+          label: "7",
+        },
+      ],
+      options6: [
+        {
+          value: "1",
+          label: "1",
+        },
+        {
+          value: "2",
+          label: "2",
+        },
+      ],
+      options7: [
+        {
+          value: "奇校验",
+          label: "奇校验",
+        },
+        {
+          value: "偶校验",
+          label: "偶校验",
+        },
+        {
+          value: "无校验（none）",
+          label: "无校验（none）",
+        },
+      ],
+      isdisabled: true,
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 10,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      datas2: [
+        {
+          label: "通用标准",
+          children: [
+            {
+              label: "ModbusTCPClient",
+            },
+            {
+              label: "ModbusRTU_over_TCP",
+            },
+            {
+              label: "OPCUAClient",
+            },
+            {
+              label: "OPCDAClient",
+            },
+            {
+              label: "MQTTClient",
+            },
+            {
+              label: "OPCXMLDAClient",
+            },
+            {
+              label: "环保212协议网口监听",
+            },
+          ],
+        },
+        {
+          label: "PLC",
+          children: [
+            {
+              label: "Slemens S7-200 Network",
+            },
+            {
+              label: "Slemens S7-300 Network",
+            },
+            {
+              label: "Slemens S7-400 Network",
+            },
+            {
+              label: "Slemens S7-1200 Network",
+            },
+            {
+              label: "Slemens S7-1500 Network",
+            },
+            {
+              label: "EtherNet/IP CIP协议(AB OMR ON)",
+            },
+            {
+              label: "MC_Qna-3E(三菱 基恩士 松下)",
+            },
+            {
+              label: "MC_A-1E_Binary",
+            },
+            {
+              label: "OMRON-FINS",
+            },
+            {
+              label: "横河PLC",
+            },
+            {
+              label: "西门子FetchWirte",
+            },
+            {
+              label: "富机 FUJI_SPH_NET",
+            },
+            {
+              label: "基恩士上位链路通讯",
+            },
+          ],
+        },
+        {
+          label: "智能建筑",
+          children: [],
+        },
+        {
+          label: "厂家定制",
+          children: [],
+        },
+        {
+          label: "电力行业标准",
+          children: [
+            {
+              label: "IEC104",
+            },
+            {
+              label: "DLT645_over_TCP",
+            },
+          ],
+        },
+        {
+          label: "CNC数控",
+          children: [],
+        },
+        {
+          label: "私有协议",
+          children: [],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rules: {
+        tdpz_tdmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
+        tdpz_qdmc: [
+          { required: true, message: "请输入驱动名称", trigger: "change" },
+        ],
+        tdpz_chuankou: [
+          { required: true, message: "请输入串口号", trigger: "change" },
+        ],
+        tdpz_btl: [
+          { required: true, message: "请输入波特率", trigger: "change" },
+        ],
+        tdpz_tzw: [
+          { required: true, message: "请输入停止位", trigger: "change" },
+        ],
+        tdpz_sjw: [
+          { required: true, message: "请输入数据位", trigger: "change" },
+        ],
+        tdpz_jojy: [
+          { required: true, message: "请输入奇偶校验", trigger: "change" },
+        ],
+        tdpz_cgsj: [
+          { required: true, message: "请输入超出时间", trigger: "blur" },
+        ],
+        tdpz_jgsj: [
+          { required: true, message: "请输入间隔时间", trigger: "blur" },
+        ],
+        tdpz_lxsj: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        tdpz_cfcs: [
+          { required: true, message: "请输入重复次数", trigger: "blur" },
+        ],
+        tdpz_ip: [{ required: true, message: "请输入IP地址", trigger: "blur" }],
+        tdpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+      },
+
+      // 网关配置的出现
+      outerVisible: false,
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 提交时校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["formData"].validate((valid) => {
+        if (valid) {
+          this.saveGate();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      if (data.editing) {
+        this.outerVisible = true;
+        this.GetUserAnswer();
+        // let res2 = await GetUserAnswer({
+        //     mark: "DB-IotLite_wx",
+        //     // user_id: this.user_id,
+        //     // user_id: "USER202307301114011710",
+        // });
+        // if (res2.data.data && res2.data.state) {
+        //     console.log(res2.data.data.mark_value);
+        //     let res3 = JSON.parse(res2.data.data.mark_value);
+        //     this.gateWay.wgpz_wgid = res3.wgpz_wgid;
+        //     // console.log(this.formData.wgpz_wgid);
+        //     this.gateWay.wgpz_wgmc = res3.wgpz_wgmc;
+        //     this.gateWay.wgpz_wglx = res3.wgpz_wglx;
+        // }
+      }
+      if (node.level == 3 && data.label == "I/O点") {
+        this.nodekey = data.id;
+        this.menuShow = false;
+        this.menuShow = true;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为新增网关
+    selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+        this.formData.tdpz_050F = "auto";
+        this.formData.tdpz_0610 = "auto";
+      } else {
+        this.menuShow = false;
+      }
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick() {
+      this.foo();
+    },
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    closeMenu(ev) {
+      console.log({ ev });
+      this.dialogVisible = false;
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      if (node.level == 2) {
+        this.formData.tdpz_qdmc = data.label;
+        this.diag_drive = false;
+      }
+    },
+    // 保存
+    async saveGate() {
+      var obj = {
+        tdpz_tdmc: this.formData.tdpz_tdmc,
+        tdpz_td: this.formData.tdpz_td,
+        tdpz_qdmc: this.formData.tdpz_qdmc,
+        tdpz_port: this.formData.tdpz_port,
+        tdpz_chuankou: this.formData.tdpz_chuankou,
+        tdpz_btl: this.formData.tdpz_btl,
+        tdpz_sjw: this.formData.tdpz_sjw,
+        tdpz_tzw: this.formData.tdpz_tzw,
+        tdpz_jojy: this.formData.tdpz_jojy,
+        tdpz_cgsj: this.formData.tdpz_cgsj,
+        tdpz_jgsj: this.formData.tdpz_jgsj,
+        tdpz_lxsj: this.formData.tdpz_lxsj,
+        tdpz_cfcs: this.formData.tdpz_cfcs,
+        tdpz_watchtime: String(Number(this.formData.tdpz_watchtime)),
+        tdpz_cjsylxdz: String(Number(this.formData.tdpz_cjsylxdz)),
+        tdpz_dxzkb: this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2,
+        tdpz_050F: this.formData.tdpz_050F,
+        tdpz_0610: this.formData.tdpz_0610,
+      };
+      // console.log(obj);
+      // alert(obj.tdpz_dxzkb);
+      this.add_passage = false;
+      // console.log(this.formData);
+      let datas = { ...this.formData, ...obj };
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(datas),
+        step: "2",
+      });
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        sessionStorage.setItem("DB-IotLite_wx", JSON.stringify(datas));
+        // console.log(res);
+        // console.log(res.data.data.mark_value);
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 1000,
+            label: this.formData.tdpz_tdmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        // this.$router.push(`/dbserialdevice?user_id=${this.user_id}`);
+        this.$router.push(`/dbserialdevice?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: "保存失败",
+          type: "error",
+        });
+      }
+    },
+    async GetUserAnswer() {
+      this.loading = true;
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_wx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+      });
+      this.loading = false;
+      console.log(answer);
+      // console.log(answer.data);
+      if (answer.data.data && answer.data.state) {
+        // console.log(answer);
+        let obj = JSON.parse(answer.data.data.mark_value);
+        // console.log(obj);
+        if (obj.tdpz_dxzkb) {
+          this.tdpz_dxzkb1 = obj.tdpz_dxzkb.split(":")[0];
+          this.tdpz_dxzkb2 = obj.tdpz_dxzkb.split(":")[1];
+          this.formData.tdpz_watchtime = Boolean(Number(obj.tdpz_watchtime));
+          this.formData.tdpz_cjsylxdz = Boolean(Number(obj.tdpz_cjsylxdz));
+        }
+        if (obj.tdpz_050F) {
+          this.formData.tdpz_050F = obj.tdpz_050F;
+          this.formData.tdpz_0610 = obj.tdpz_0610;
+        }
+        this.formData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.formData.tdpz_td = obj.tdpz_td;
+        this.formData.tdpz_qdmc = obj.tdpz_qdmc;
+        this.formData.tdpz_chuankou = obj.tdpz_chuankou;
+        this.formData.tdpz_btl = obj.tdpz_btl;
+        this.formData.tdpz_sjw = obj.tdpz_sjw;
+        this.formData.tdpz_tzw = obj.tdpz_tzw;
+        this.formData.tdpz_jojy = obj.tdpz_jojy;
+        this.formData.tdpz_port = obj.tdpz_port;
+        this.formData.tdpz_cgsj = obj.tdpz_cgsj;
+        this.formData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.formData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.formData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.formData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        this.formData.wgpz_wgid = obj.wgpz_wgid;
+        console.log(this.formData.wgpz_wgid);
+        this.formData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.formData.wgpz_wglx = obj.wgpz_wglx;
+
+        this.formData.ippz_wangkou = obj.ippz_wangkou;
+        this.formData.ippz_lwfs = obj.ippz_lwfs;
+        this.formData.ippz_ip = obj.ippz_ip;
+        this.formData.ippz_zwym = obj.ippz_zwym;
+        this.formData.ippz_mrwg = obj.ippz_mrwg;
+        this.formData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.formData.ippz_dns_by = obj.ippz_dns_by;
+        this.formData.ippz_mac = obj.ippz_mac;
+        this.formData.ippz_wifi_ssid = obj.ippz_wifi_ssid;
+        this.formData.ippz_wifi_mm = obj.ippz_wifi_mm;
+        this.formData.sbpz_sbid = obj.sbpz_sbid;
+        this.formData.sbpz_sbmc = obj.sbpz_sbmc;
+        this.formData.sbpz_sbdz = obj.sbpz_sbdz;
+        this.formData.sbpz_jysb = obj.sbpz_jysb;
+        this.formData.sbpz_jdzxz = obj.sbpz_jdzxz;
+
+        this.formData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.formData.cjdpz_mc = obj.cjdpz_mc;
+        this.formData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.formData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.formData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.formData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.formData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.formData.cjdpz_beilv = obj.cjdpz_beilv;
+
+        this.formData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.formData.mqtt_ip = obj.mqtt_ip;
+        this.formData.mqtt_port = obj.mqtt_port;
+        this.formData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.formData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.formData.mqtt_qos = obj.mqtt_qos;
+        this.formData.mqtt_scms = obj.mqtt_scms;
+        this.formData.mqtt_sczq = obj.mqtt_sczq;
+        this.formData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.formData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.formData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        data: JSON.stringify(this.trees),
+        type: "2",
+      });
+      console.log(result);
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+    async saveGates() {
+      this.outerVisible = false;
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_wx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.formData),
+        step: "1",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.formData.wgpz_wgid;
+        this.sendTree();
+      } else {
+        this.$message({
+          message: `保存失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  mounted() {
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "2",
+      }).then((res) => {
+        console.log(res);
+        console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+      });
+    }
+    this.GetUserAnswer();
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tree_menu {
+  position: absolute;
+  width: 286px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 38px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 4px;
+      left: 78px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.el-dialog__footer {
+  padding: 18px 1.25rem 50px;
+}
+
+.dialog-footer {
+  position: absolute;
+  left: 50%;
+  bottom: 45px;
+  transform: translateX(-50%);
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1408px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  // h3 {
+  //   padding-bottom: 10px;
+  //   background-color: #fff;
+  // }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/.history/src/components/TreeView_20231106095526.vue b/.history/src/components/TreeView_20231106095526.vue
deleted file mode 100644
index ae1d81a..0000000
--- a/.history/src/components/TreeView_20231106095526.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106101006.vue b/.history/src/components/TreeView_20231106101006.vue
deleted file mode 100644
index 25100df..0000000
--- a/.history/src/components/TreeView_20231106101006.vue
+++ /dev/null
@@ -1,677 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick" @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106101009.vue b/.history/src/components/TreeView_20231106101009.vue
deleted file mode 100644
index 74b8e3c..0000000
--- a/.history/src/components/TreeView_20231106101009.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106113012.vue b/.history/src/components/TreeView_20231106113012.vue
deleted file mode 100644
index 3be2dae..0000000
--- a/.history/src/components/TreeView_20231106113012.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106121652.vue b/.history/src/components/TreeView_20231106121652.vue
deleted file mode 100644
index cd8d629..0000000
--- a/.history/src/components/TreeView_20231106121652.vue
+++ /dev/null
@@ -1,678 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106121736.vue b/.history/src/components/TreeView_20231106121736.vue
deleted file mode 100644
index c3cf0fc..0000000
--- a/.history/src/components/TreeView_20231106121736.vue
+++ /dev/null
@@ -1,681 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data)
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106121747.vue b/.history/src/components/TreeView_20231106121747.vue
deleted file mode 100644
index 392c78c..0000000
--- a/.history/src/components/TreeView_20231106121747.vue
+++ /dev/null
@@ -1,683 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data)
-      console.log(node)
-      console.log(value)
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106121750.vue b/.history/src/components/TreeView_20231106121750.vue
deleted file mode 100644
index 392c78c..0000000
--- a/.history/src/components/TreeView_20231106121750.vue
+++ /dev/null
@@ -1,683 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data)
-      console.log(node)
-      console.log(value)
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106122043.vue b/.history/src/components/TreeView_20231106122043.vue
deleted file mode 100644
index 40377e9..0000000
--- a/.history/src/components/TreeView_20231106122043.vue
+++ /dev/null
@@ -1,683 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label)
-      console.log(node)
-      console.log(value)
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106122202.vue b/.history/src/components/TreeView_20231106122202.vue
deleted file mode 100644
index f52be74..0000000
--- a/.history/src/components/TreeView_20231106122202.vue
+++ /dev/null
@@ -1,682 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px;">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px;height:30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px;" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.
-                  </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px;height:30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px;height:30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="width: 28px;
-                    border:none;color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px;height:30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">:
-                    </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px;height:30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from '@/api/user';
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [{
-        value: "有线区Channel1",
-        label: "有线区Channel1",
-      }, {
-        value: "无线区Channel1",
-        label: "无线区Channel1",
-      }],
-      options2: [{
-        value: "网口",
-        label: "网口",
-      }, {
-        value: "串口",
-        label: "串口",
-      }],
-      value1: '有线区Channel1',
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [{
-        label: 'Gateway',
-        children: [{
-          label: '数据采集',
-          children: [{
-            label: 'I/O点'
-          },
-          {
-            label: '用户点',
-          },
-          {
-            label: '计算点',
-          },
-          {
-            label: '系统点',
-          },
-          ]
-        },
-        {
-          label: "数据服务",
-          children: [{
-            label: "Modbus"
-          }]
-        },
-        {
-          label: "IOT",
-          children: [
-            {
-              label: "Mqtt Client"
-            },
-            {
-              label: "Alink"
-            },
-            {
-              label: "Tlink"
-            },
-            {
-              label: "loTDDC"
-            },
-            {
-              label: "Ulink"
-            },
-          ]
-        }
-        ]
-      }],
-      datas2: [{
-        label: '通用标准',
-        children: [
-          {
-            label: 'ModbusTCPClient',
-          },
-          {
-            label: 'ModbusRTU_over_TCP',
-          },
-          {
-            label: 'OPCUAClient',
-          },
-          {
-            label: 'OPCDAClient',
-          },
-          {
-            label: 'MQTTClient',
-          },
-          {
-            label: "OPCXMLDAClient",
-          },
-          {
-            label: "环保212协议网口监听",
-          }
-        ]
-      },
-      {
-        label: "PLC",
-        children: [
-          {
-            label: "Slemens S7-200 Network"
-          },
-          {
-            label: "Slemens S7-300 Network"
-          },
-          {
-            label: "Slemens S7-400 Network"
-          },
-          {
-            label: "Slemens S7-1200 Network"
-          },
-          {
-            label: "Slemens S7-1500 Network"
-          },
-          {
-            label: "EtherNet/IP CIP协议(AB OMR ON)"
-          },
-          {
-            label: "MC_Qna-3E(三菱 基恩士 松下)"
-          },
-          {
-            label: "MC_A-1E_Binary"
-          },
-          {
-            label: "OMRON-FINS"
-          },
-          {
-            label: "横河PLC"
-          },
-          {
-            label: "西门子FetchWirte"
-          },
-          {
-            label: "富机 FUJI_SPH_NET"
-          },
-          {
-            label: "基恩士上位链路通讯"
-          },
-        ]
-      },
-      {
-        label: "智能建筑",
-        children: []
-      },
-      {
-        label: "厂家定制",
-        children: []
-      },
-      {
-        label: "电力行业标准",
-        children: [
-          {
-            label: "IEC104",
-          },
-          {
-            label: "DLT645_over_TCP"
-          }
-        ]
-      },
-      {
-        label: "CNC数控",
-        children: []
-      }, {
-        label: "私有协议",
-        children: []
-      }],
-      defaultProps: {
-        children: 'children',
-        label: 'label'
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [
-          { required: true, message: "请输入通道", trigger: "change" }
-        ],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [
-          { required: true, message: "请输入ip地址", trigger: "blur" },
-        ],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      }
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(this.FormData.tdpz_ip, this.tdpz_ip1, this.tdpz_ip2, this.tdpz_ip3, this.tdpz_ip4)
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem('answer', JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label);
-      this.FormData.tdpz_qdmc=data.label;
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  height: 753px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106135150.vue b/.history/src/components/TreeView_20231106135150.vue
deleted file mode 100644
index 0481341..0000000
--- a/.history/src/components/TreeView_20231106135150.vue
+++ /dev/null
@@ -1,858 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-<<<<<<< HEAD
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-=======
-        <el-tree
-          :data="datas"
-          :props="defaultProps"
-          @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"
-          :default-expand-all="true"
-        ></el-tree>
->>>>>>> 61c96050f80dde1e5a3df49d08bf8243612e8ed2
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu
-            class="el-menu-vertical-demo"
-            @select="selectMenuNode"
-            default-active="#0078FE"
-          >
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form
-          :model="FormData"
-          :label-position="labelPosition"
-          :rules="rules"
-          ref="ruleForm"
-        >
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_tdmc"
-              >
-                <el-select
-                  v-model="FormData.tdpz_tdmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options1"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道:"
-                :label-width="formLabelWidth"
-                prop="tdpz_td"
-              >
-                <el-select
-                  v-model="FormData.tdpz_td"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options2"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="驱动名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_qdmc"
-              >
-                <el-row>
-                  <el-col :span="18">
-                    <el-input
-                      v-model="FormData.tdpz_qdmc"
-                      placeholder=""
-                      style="width: 200px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button
-                      style="width: 50px; height: 30px"
-                      @click="getDriveName"
-                      >...</el-button
-                    >
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="IP地址:"
-                :label-width="formLabelWidth"
-                prop="tdpz_ip"
-              >
-                <el-row>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip1"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip2"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip3"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip4"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="端口号:"
-                :label-width="formLabelWidth"
-                prop="tdpz_port"
-              >
-                <el-input
-                  v-model="FormData.tdpz_port"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="超过时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_cssj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cssj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="间隔时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_jgsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_jgsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="轮询时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_lxsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_lxsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="重复次数:"
-                :label-width="formLabelWidth"
-                prop="tdpz_cfcs"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cfcs"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button
-              type="text"
-              plain
-              @click="getRetract"
-              style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              "
-            >
-              收起</el-button
-            >
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form
-            :label-position="labelPosition"
-            :rules="rules"
-            ref="ruleForm"
-          >
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime"
-                    >watch time(s)</el-checkbox
-                  >
-                  <el-input
-                    v-model="input1"
-                    placeholder=""
-                    style="width: 200px; height: 30px"
-                    :disabled="isdisabled"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
-                    >采集使用连续地址</el-checkbox
-                  >
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb1"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb2"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="05"
-                        >05</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
-                        >0F</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="06"
-                        >06</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="10"
-                        >10</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label);
-      this.FormData.tdpz_qdmc=data.label;
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106135201.vue b/.history/src/components/TreeView_20231106135201.vue
deleted file mode 100644
index 2c182ff..0000000
--- a/.history/src/components/TreeView_20231106135201.vue
+++ /dev/null
@@ -1,848 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu
-            class="el-menu-vertical-demo"
-            @select="selectMenuNode"
-            default-active="#0078FE"
-          >
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form
-          :model="FormData"
-          :label-position="labelPosition"
-          :rules="rules"
-          ref="ruleForm"
-        >
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_tdmc"
-              >
-                <el-select
-                  v-model="FormData.tdpz_tdmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options1"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道:"
-                :label-width="formLabelWidth"
-                prop="tdpz_td"
-              >
-                <el-select
-                  v-model="FormData.tdpz_td"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options2"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="驱动名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_qdmc"
-              >
-                <el-row>
-                  <el-col :span="18">
-                    <el-input
-                      v-model="FormData.tdpz_qdmc"
-                      placeholder=""
-                      style="width: 200px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button
-                      style="width: 50px; height: 30px"
-                      @click="getDriveName"
-                      >...</el-button
-                    >
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="IP地址:"
-                :label-width="formLabelWidth"
-                prop="tdpz_ip"
-              >
-                <el-row>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip1"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip2"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip3"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip4"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="端口号:"
-                :label-width="formLabelWidth"
-                prop="tdpz_port"
-              >
-                <el-input
-                  v-model="FormData.tdpz_port"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="超过时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_cssj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cssj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="间隔时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_jgsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_jgsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="轮询时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_lxsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_lxsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="重复次数:"
-                :label-width="formLabelWidth"
-                prop="tdpz_cfcs"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cfcs"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button
-              type="text"
-              plain
-              @click="getRetract"
-              style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              "
-            >
-              收起</el-button
-            >
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form
-            :label-position="labelPosition"
-            :rules="rules"
-            ref="ruleForm"
-          >
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime"
-                    >watch time(s)</el-checkbox
-                  >
-                  <el-input
-                    v-model="input1"
-                    placeholder=""
-                    style="width: 200px; height: 30px"
-                    :disabled="isdisabled"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
-                    >采集使用连续地址</el-checkbox
-                  >
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb1"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb2"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="05"
-                        >05</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
-                        >0F</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="06"
-                        >06</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="10"
-                        >10</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label);
-      this.FormData.tdpz_qdmc=data.label;
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106140408.vue b/.history/src/components/TreeView_20231106140408.vue
deleted file mode 100644
index ae1199a..0000000
--- a/.history/src/components/TreeView_20231106140408.vue
+++ /dev/null
@@ -1,848 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu
-            class="el-menu-vertical-demo"
-            @select="selectMenuNode"
-            default-active="#0078FE"
-          >
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form
-          :model="FormData"
-          :label-position="labelPosition"
-          :rules="rules"
-          ref="ruleForm"
-        >
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_tdmc"
-              >
-                <el-select
-                  v-model="FormData.tdpz_tdmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options1"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道:"
-                :label-width="formLabelWidth"
-                prop="tdpz_td"
-              >
-                <el-select
-                  v-model="FormData.tdpz_td"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options2"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="驱动名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_qdmc"
-              >
-                <el-row>
-                  <el-col :span="18">
-                    <el-input
-                      v-model="FormData.tdpz_qdmc"
-                      placeholder=""
-                      style="width: 200px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button
-                      style="width: 50px; height: 30px"
-                      @click="getDriveName"
-                      >...</el-button
-                    >
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="IP地址:"
-                :label-width="formLabelWidth"
-                prop="tdpz_ip"
-              >
-                <el-row>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip1"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip2"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip3"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip4"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="端口号:"
-                :label-width="formLabelWidth"
-                prop="tdpz_port"
-              >
-                <el-input
-                  v-model="FormData.tdpz_port"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="超过时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_cssj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cssj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="间隔时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_jgsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_jgsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="轮询时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_lxsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_lxsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="重复次数:"
-                :label-width="formLabelWidth"
-                prop="tdpz_cfcs"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cfcs"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button
-              type="text"
-              plain
-              @click="getRetract"
-              style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              "
-            >
-              收起</el-button
-            >
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form
-            :label-position="labelPosition"
-            :rules="rules"
-            ref="ruleForm"
-          >
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime"
-                    >watch time(s)</el-checkbox
-                  >
-                  <el-input
-                    v-model="input1"
-                    placeholder=""
-                    style="width: 200px; height: 30px"
-                    :disabled="isdisabled"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
-                    >采集使用连续地址</el-checkbox
-                  >
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb1"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb2"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="05"
-                        >05</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
-                        >0F</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="06"
-                        >06</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="10"
-                        >10</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label);
-      this.FormData.tdpz_qdmc=data.label;
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106140507.vue b/.history/src/components/TreeView_20231106140507.vue
deleted file mode 100644
index ae1199a..0000000
--- a/.history/src/components/TreeView_20231106140507.vue
+++ /dev/null
@@ -1,848 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu
-            class="el-menu-vertical-demo"
-            @select="selectMenuNode"
-            default-active="#0078FE"
-          >
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form
-          :model="FormData"
-          :label-position="labelPosition"
-          :rules="rules"
-          ref="ruleForm"
-        >
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_tdmc"
-              >
-                <el-select
-                  v-model="FormData.tdpz_tdmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options1"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道:"
-                :label-width="formLabelWidth"
-                prop="tdpz_td"
-              >
-                <el-select
-                  v-model="FormData.tdpz_td"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options2"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="驱动名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_qdmc"
-              >
-                <el-row>
-                  <el-col :span="18">
-                    <el-input
-                      v-model="FormData.tdpz_qdmc"
-                      placeholder=""
-                      style="width: 200px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button
-                      style="width: 50px; height: 30px"
-                      @click="getDriveName"
-                      >...</el-button
-                    >
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="IP地址:"
-                :label-width="formLabelWidth"
-                prop="tdpz_ip"
-              >
-                <el-row>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip1"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip2"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip3"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip4"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="端口号:"
-                :label-width="formLabelWidth"
-                prop="tdpz_port"
-              >
-                <el-input
-                  v-model="FormData.tdpz_port"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="超过时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_cssj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cssj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="间隔时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_jgsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_jgsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="轮询时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_lxsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_lxsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="重复次数:"
-                :label-width="formLabelWidth"
-                prop="tdpz_cfcs"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cfcs"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button
-              type="text"
-              plain
-              @click="getRetract"
-              style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              "
-            >
-              收起</el-button
-            >
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form
-            :label-position="labelPosition"
-            :rules="rules"
-            ref="ruleForm"
-          >
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime"
-                    >watch time(s)</el-checkbox
-                  >
-                  <el-input
-                    v-model="input1"
-                    placeholder=""
-                    style="width: 200px; height: 30px"
-                    :disabled="isdisabled"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
-                    >采集使用连续地址</el-checkbox
-                  >
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb1"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb2"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="05"
-                        >05</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
-                        >0F</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="06"
-                        >06</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="10"
-                        >10</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label);
-      this.FormData.tdpz_qdmc=data.label;
-    }
-  },
-  async created() {
-    let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106154505.vue b/.history/src/components/TreeView_20231106154505.vue
deleted file mode 100644
index e9e65e8..0000000
--- a/.history/src/components/TreeView_20231106154505.vue
+++ /dev/null
@@ -1,849 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu
-            class="el-menu-vertical-demo"
-            @select="selectMenuNode"
-            default-active="#0078FE"
-          >
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form
-          :model="FormData"
-          :label-position="labelPosition"
-          :rules="rules"
-          ref="ruleForm"
-        >
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_tdmc"
-              >
-                <el-select
-                  v-model="FormData.tdpz_tdmc"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options1"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="通道:"
-                :label-width="formLabelWidth"
-                prop="tdpz_td"
-              >
-                <el-select
-                  v-model="FormData.tdpz_td"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                >
-                  <el-option
-                    v-for="(item, index) in options2"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="驱动名称:"
-                :label-width="formLabelWidth"
-                prop="tdpz_qdmc"
-              >
-                <el-row>
-                  <el-col :span="18">
-                    <el-input
-                      v-model="FormData.tdpz_qdmc"
-                      placeholder=""
-                      style="width: 200px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button
-                      style="width: 50px; height: 30px"
-                      @click="getDriveName"
-                      >...</el-button
-                    >
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="IP地址:"
-                :label-width="formLabelWidth"
-                prop="tdpz_ip"
-              >
-                <el-row>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip1"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip2"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip3"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input
-                      v-model="tdpz_ip4"
-                      style="width: 43px; height: 30px"
-                    ></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="端口号:"
-                :label-width="formLabelWidth"
-                prop="tdpz_port"
-              >
-                <el-input
-                  v-model="FormData.tdpz_port"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="超过时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_cssj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cssj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="间隔时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_jgsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_jgsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="轮询时间(ms):"
-                :label-width="formLabelWidth"
-                prop="tdpz_lxsj"
-              >
-                <el-input
-                  v-model="FormData.tdpz_lxsj"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="重复次数:"
-                :label-width="formLabelWidth"
-                prop="tdpz_cfcs"
-              >
-                <el-input
-                  v-model="FormData.tdpz_cfcs"
-                  placeholder=""
-                  style="width: 200px; height: 30px"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button
-              type="text"
-              plain
-              @click="getRetract"
-              style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              "
-            >
-              收起</el-button
-            >
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form
-            :label-position="labelPosition"
-            :rules="rules"
-            ref="ruleForm"
-          >
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime"
-                    >watch time(s)</el-checkbox
-                  >
-                  <el-input
-                    v-model="input1"
-                    placeholder=""
-                    style="width: 200px; height: 30px"
-                    :disabled="isdisabled"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
-                    >采集使用连续地址</el-checkbox
-                  >
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb1"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input
-                        v-model="FormData.tdpz_dxzkb2"
-                        style="width: 91px; height: 30px"
-                      ></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="05"
-                        >05</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
-                        >0F</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
-                        >auto</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="06"
-                        >06</el-radio
-                      ></el-col
-                    >
-                    <el-col :span="8"
-                      ><el-radio v-model="FormData.tdpz_0610" label="10"
-                        >10</el-radio
-                      ></el-col
-                    >
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data,node,value){
-      console.log(data.label);
-      this.FormData.tdpz_qdmc=data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106154629.vue b/.history/src/components/TreeView_20231106154629.vue
deleted file mode 100644
index d4bb7d7..0000000
--- a/.history/src/components/TreeView_20231106154629.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106154631.vue b/.history/src/components/TreeView_20231106154631.vue
deleted file mode 100644
index d4bb7d7..0000000
--- a/.history/src/components/TreeView_20231106154631.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106154632.vue b/.history/src/components/TreeView_20231106154632.vue
deleted file mode 100644
index d4bb7d7..0000000
--- a/.history/src/components/TreeView_20231106154632.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = Number(this.FormData.tdpz_watchtime);
-      this.FormData.tdpz_cjsylxdz = Number(this.FormData.tdpz_cjsylxdz);
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106173335.vue b/.history/src/components/TreeView_20231106173335.vue
deleted file mode 100644
index c8bdeb8..0000000
--- a/.history/src/components/TreeView_20231106173335.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...this.FormData, ...JSON.parse(datas) };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106175352.vue b/.history/src/components/TreeView_20231106175352.vue
deleted file mode 100644
index 46d2ef2..0000000
--- a/.history/src/components/TreeView_20231106175352.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas),...this.FormData};
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106175355.vue b/.history/src/components/TreeView_20231106175355.vue
deleted file mode 100644
index 9c97d67..0000000
--- a/.history/src/components/TreeView_20231106175355.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231106175356.vue b/.history/src/components/TreeView_20231106175356.vue
deleted file mode 100644
index 9c97d67..0000000
--- a/.history/src/components/TreeView_20231106175356.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="FormData.tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107083213.vue b/.history/src/components/TreeView_20231107083213.vue
deleted file mode 100644
index a249cc6..0000000
--- a/.history/src/components/TreeView_20231107083213.vue
+++ /dev/null
@@ -1,698 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-        tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107083543.vue b/.history/src/components/TreeView_20231107083543.vue
deleted file mode 100644
index 1815c1a..0000000
--- a/.history/src/components/TreeView_20231107083543.vue
+++ /dev/null
@@ -1,699 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107083550.vue b/.history/src/components/TreeView_20231107083550.vue
deleted file mode 100644
index 1815c1a..0000000
--- a/.history/src/components/TreeView_20231107083550.vue
+++ /dev/null
@@ -1,699 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107083551.vue b/.history/src/components/TreeView_20231107083551.vue
deleted file mode 100644
index 1815c1a..0000000
--- a/.history/src/components/TreeView_20231107083551.vue
+++ /dev/null
@@ -1,699 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    tdpz_watchtime: {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084211.vue b/.history/src/components/TreeView_20231107084211.vue
deleted file mode 100644
index cb0119b..0000000
--- a/.history/src/components/TreeView_20231107084211.vue
+++ /dev/null
@@ -1,699 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    "FormData.tdpz_watchtime": {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084253.vue b/.history/src/components/TreeView_20231107084253.vue
deleted file mode 100644
index cb0119b..0000000
--- a/.history/src/components/TreeView_20231107084253.vue
+++ /dev/null
@@ -1,699 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    "FormData.tdpz_watchtime": {
-      handler(old) {
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084455.vue b/.history/src/components/TreeView_20231107084455.vue
deleted file mode 100644
index 979be24..0000000
--- a/.history/src/components/TreeView_20231107084455.vue
+++ /dev/null
@@ -1,706 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(old):{
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084504.vue b/.history/src/components/TreeView_20231107084504.vue
deleted file mode 100644
index b8045ed..0000000
--- a/.history/src/components/TreeView_20231107084504.vue
+++ /dev/null
@@ -1,706 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(old){
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084505.vue b/.history/src/components/TreeView_20231107084505.vue
deleted file mode 100644
index b8045ed..0000000
--- a/.history/src/components/TreeView_20231107084505.vue
+++ /dev/null
@@ -1,706 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(old){
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084622.vue b/.history/src/components/TreeView_20231107084622.vue
deleted file mode 100644
index 3623b89..0000000
--- a/.history/src/components/TreeView_20231107084622.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(old){
-      console.log(old);
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084728.vue b/.history/src/components/TreeView_20231107084728.vue
deleted file mode 100644
index 4eb1156..0000000
--- a/.history/src/components/TreeView_20231107084728.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: false,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(old){
-      console.log(old);
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084800.vue b/.history/src/components/TreeView_20231107084800.vue
deleted file mode 100644
index 3623b89..0000000
--- a/.history/src/components/TreeView_20231107084800.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(old){
-      console.log(old);
-        if (old) {
-          this.isdisabled = false;
-        } else {
-          this.isdisabled = true;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084837.vue b/.history/src/components/TreeView_20231107084837.vue
deleted file mode 100644
index 54f7dbe..0000000
--- a/.history/src/components/TreeView_20231107084837.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval){
-      console.log(newval);
-        if (newval) {
-          this.isdisabled = true;
-        } else {
-          this.isdisabled = false;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084849.vue b/.history/src/components/TreeView_20231107084849.vue
deleted file mode 100644
index 54f7dbe..0000000
--- a/.history/src/components/TreeView_20231107084849.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1+":"+this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval){
-      console.log(newval);
-        if (newval) {
-          this.isdisabled = true;
-        } else {
-          this.isdisabled = false;
-        }
-      },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107084910.vue b/.history/src/components/TreeView_20231107084910.vue
deleted file mode 100644
index d42a345..0000000
--- a/.history/src/components/TreeView_20231107084910.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192548.vue b/.history/src/components/TreeView_20231107192548.vue
deleted file mode 100644
index fd15a82..0000000
--- a/.history/src/components/TreeView_20231107192548.vue
+++ /dev/null
@@ -1,708 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192616.vue b/.history/src/components/TreeView_20231107192616.vue
deleted file mode 100644
index 3d6551a..0000000
--- a/.history/src/components/TreeView_20231107192616.vue
+++ /dev/null
@@ -1,709 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192627.vue b/.history/src/components/TreeView_20231107192627.vue
deleted file mode 100644
index 2831395..0000000
--- a/.history/src/components/TreeView_20231107192627.vue
+++ /dev/null
@@ -1,709 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192628.vue b/.history/src/components/TreeView_20231107192628.vue
deleted file mode 100644
index 2831395..0000000
--- a/.history/src/components/TreeView_20231107192628.vue
+++ /dev/null
@@ -1,709 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192748.vue b/.history/src/components/TreeView_20231107192748.vue
deleted file mode 100644
index bd5cc68..0000000
--- a/.history/src/components/TreeView_20231107192748.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192800.vue b/.history/src/components/TreeView_20231107192800.vue
deleted file mode 100644
index 9f49f8d..0000000
--- a/.history/src/components/TreeView_20231107192800.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192835.vue b/.history/src/components/TreeView_20231107192835.vue
deleted file mode 100644
index b008563..0000000
--- a/.history/src/components/TreeView_20231107192835.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px;color: white;"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192838.vue b/.history/src/components/TreeView_20231107192838.vue
deleted file mode 100644
index 73d6e0a..0000000
--- a/.history/src/components/TreeView_20231107192838.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px;color: #fff;"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107192929.vue b/.history/src/components/TreeView_20231107192929.vue
deleted file mode 100644
index 1094eaa..0000000
--- a/.history/src/components/TreeView_20231107192929.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107193003.vue b/.history/src/components/TreeView_20231107193003.vue
deleted file mode 100644
index 9d4c8ce..0000000
--- a/.history/src/components/TreeView_20231107193003.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107210656.vue b/.history/src/components/TreeView_20231107210656.vue
deleted file mode 100644
index 6df64d5..0000000
--- a/.history/src/components/TreeView_20231107210656.vue
+++ /dev/null
@@ -1,710 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE !important">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick() {
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107210724.vue b/.history/src/components/TreeView_20231107210724.vue
deleted file mode 100644
index 60efb07..0000000
--- a/.history/src/components/TreeView_20231107210724.vue
+++ /dev/null
@@ -1,711 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick(key) {
-      console.log(key);
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107210814.vue b/.history/src/components/TreeView_20231107210814.vue
deleted file mode 100644
index 5ad2a60..0000000
--- a/.history/src/components/TreeView_20231107210814.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick(key) {
-      // console.log(key);
-      if(key.label="label")
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107210830.vue b/.history/src/components/TreeView_20231107210830.vue
deleted file mode 100644
index 30b88ba..0000000
--- a/.history/src/components/TreeView_20231107210830.vue
+++ /dev/null
@@ -1,712 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick(key) {
-      // console.log(key);
-      if(key.label="I/O点")
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107211018.vue b/.history/src/components/TreeView_20231107211018.vue
deleted file mode 100644
index 871acd5..0000000
--- a/.history/src/components/TreeView_20231107211018.vue
+++ /dev/null
@@ -1,714 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick(key) {
-      // console.log(key);
-      if(key.label="I/O点"){
-        this.foo();
-      }
-
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107211148.vue b/.history/src/components/TreeView_20231107211148.vue
deleted file mode 100644
index 8c53ed4..0000000
--- a/.history/src/components/TreeView_20231107211148.vue
+++ /dev/null
@@ -1,711 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick(key) {
-      console.log
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231107211151.vue b/.history/src/components/TreeView_20231107211151.vue
deleted file mode 100644
index ee1379f..0000000
--- a/.history/src/components/TreeView_20231107211151.vue
+++ /dev/null
@@ -1,711 +0,0 @@
-<!-- 网关通道 -->
-<template>
-  <div>
-    <!-- v-click-outside="closeMenu" -->
-    <div>
-      <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
-        <!-- 树形控件右键组件 -->
-        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
-              <span slot="title">新建通道</span>
-            </el-menu-item>
-            <el-menu-item index="2" style="font-size: 12px">
-              <span slot="title">取 消</span>
-            </el-menu-item>
-          </el-menu>
-        </div>
-      </div>
-    </div>
-    <div class="pas_params">
-      <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <el-form :model="FormData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
-                <el-row>
-                  <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
-                <el-row>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
-                  <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
-                  </el-col>
-                </el-row>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <div class="super_parmams">
-          <h3>高级参数</h3>
-          <div>
-            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
-            <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
-                width: 28px;
-                border: none;
-                color: rgba(16, 16, 16, 1);
-                font-size: 14px;
-                text-align: left;
-              ">
-              收起</el-button>
-          </div>
-        </div>
-        <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-            <el-row>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                    <el-col :span="4">: </el-col>
-                    <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
-                    </el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="05/0F:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="06/10:" :label-width="formLabelWidth">
-                  <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
-                  </el-row>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveGate">保 存</el-button>
-          <el-button @click="add_passage = false">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-    <div class="drvieName_All" v-show="diag_drive">
-      <div class="title">
-        <p class="title_l">协议选择</p>
-        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
-      </div>
-      <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
-    </div>
-  </div>
-</template>
-
-<script>
-import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
-
-export default {
-  name: "TestTreeView",
-
-  data() {
-    return {
-      FormData: {
-        tdpz_tdmc: "有线区Channel1",
-        tdpz_td: "网口",
-        tdpz_qdmc: "ModbusTCPClient",
-        tdpz_watchtime: true,
-        tdpz_cjsylxdz: false,
-        tdpz_dxzkb: "",
-        tdpz_050F: "auto",
-        tdpz_0610: "auto",
-      },
-      tdpz_dxzkb1: "1",
-      tdpz_dxzkb2: "1",
-      tdpz_ip1: "",
-      tdpz_ip2: "",
-      tdpz_ip3: "",
-      tdpz_ip4: "",
-      options1: [
-        {
-          value: "有线区Channel1",
-          label: "有线区Channel1",
-        },
-        {
-          value: "无线区Channel1",
-          label: "无线区Channel1",
-        },
-      ],
-      options2: [
-        {
-          value: "网口",
-          label: "网口",
-        },
-        {
-          value: "串口",
-          label: "串口",
-        },
-      ],
-      value1: "有线区Channel1",
-      value2: "网口",
-      diag_drive: false,
-      isdisabled: true,
-      radio: "1",
-      is_retract: true,
-      labelPosition: "left",
-      formLabelWidth: "116px",
-      input1: 192,
-      add_passage: false,
-      rightMenu: "",
-      dialogVisible: true,
-      menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      datas2: [
-        {
-          label: "通用标准",
-          children: [
-            {
-              label: "ModbusTCPClient",
-            },
-            {
-              label: "ModbusRTU_over_TCP",
-            },
-            {
-              label: "OPCUAClient",
-            },
-            {
-              label: "OPCDAClient",
-            },
-            {
-              label: "MQTTClient",
-            },
-            {
-              label: "OPCXMLDAClient",
-            },
-            {
-              label: "环保212协议网口监听",
-            },
-          ],
-        },
-        {
-          label: "PLC",
-          children: [
-            {
-              label: "Slemens S7-200 Network",
-            },
-            {
-              label: "Slemens S7-300 Network",
-            },
-            {
-              label: "Slemens S7-400 Network",
-            },
-            {
-              label: "Slemens S7-1200 Network",
-            },
-            {
-              label: "Slemens S7-1500 Network",
-            },
-            {
-              label: "EtherNet/IP CIP协议(AB OMR ON)",
-            },
-            {
-              label: "MC_Qna-3E(三菱 基恩士 松下)",
-            },
-            {
-              label: "MC_A-1E_Binary",
-            },
-            {
-              label: "OMRON-FINS",
-            },
-            {
-              label: "横河PLC",
-            },
-            {
-              label: "西门子FetchWirte",
-            },
-            {
-              label: "富机 FUJI_SPH_NET",
-            },
-            {
-              label: "基恩士上位链路通讯",
-            },
-          ],
-        },
-        {
-          label: "智能建筑",
-          children: [],
-        },
-        {
-          label: "厂家定制",
-          children: [],
-        },
-        {
-          label: "电力行业标准",
-          children: [
-            {
-              label: "IEC104",
-            },
-            {
-              label: "DLT645_over_TCP",
-            },
-          ],
-        },
-        {
-          label: "CNC数控",
-          children: [],
-        },
-        {
-          label: "私有协议",
-          children: [],
-        },
-      ],
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      rules: {
-        tdpz_tdmc: [
-          { required: true, message: "请输入通道名称", trigger: "change" },
-        ],
-        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
-        tdpz_qdmc: [
-          { required: true, message: "请输入驱动名称", trigger: "change" },
-        ],
-        tdpz_ip: [{ required: true, message: "请输入ip地址", trigger: "blur" }],
-        tdpz_port: [
-          { required: true, message: "请输入端口号", trigger: "blur" },
-        ],
-        tdpz_cssj: [
-          { required: true, message: "请输入超出时间", trigger: "blur" },
-        ],
-        tdpz_jgsj: [
-          { required: true, message: "请输入间隔时间", trigger: "blur" },
-        ],
-        tdpz_lxsj: [
-          { required: true, message: "请输入轮询时间", trigger: "blur" },
-        ],
-        tdpz_cfcs: [
-          { required: true, message: "请输入重复次数", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    rightClick(e, data, node) {
-      this.menuShow = false;
-      this.menuShow = true;
-      e.preventDefault(); //关闭浏览器右键默认事件
-      this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
-      document.addEventListener("click", (ev) => {
-        ev.stopImmediatePropagation();
-        if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
-          this.foo();
-        }
-      });
-    },
-    // 点击时候的判断,判断是否为新增网关
-    selectMenuNode(index, indexPath) {
-      console.log(index);
-      if (index == 1) {
-        this.add_passage = true;
-      }
-    },
-    foo() {
-      // 取消鼠标监听事件 菜单栏
-      this.menuShow = false;
-      document.removeEventListener("click", this.foo); // 关掉监听，
-    },
-    treeNodeClick(key) {
-      // console.log
-      this.foo();
-    },
-    // 收起点击事件的判断
-    getRetract() {
-      if (this.is_retract == true) {
-        this.is_retract = false;
-      } else {
-        this.is_retract = true;
-      }
-    },
-    getDriveName() {
-      this.diag_drive = true;
-    },
-    Merge(value, value1, value2, value3, value4) {
-      value = value1 + "." + value2 + "." + value3 + "." + value4;
-      return value;
-    },
-    async saveGate() {
-      this.add_passage = false;
-      this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
-      this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
-      this.FormData.tdpz_ip = this.Merge(
-        this.FormData.tdpz_ip,
-        this.tdpz_ip1,
-        this.tdpz_ip2,
-        this.tdpz_ip3,
-        this.tdpz_ip4
-      );
-      let datas = sessionStorage.getItem("answer");
-      this.FormData = { ...JSON.parse(datas), ...this.FormData };
-      let res = await SaveUserAnswer({
-        mark: "DB-IotLite_yx",
-        user_id: "USER202307301109254198",
-        mark_value: JSON.stringify(this.FormData),
-      });
-      sessionStorage.setItem("answer", JSON.stringify(this.FormData));
-      console.log(res);
-      console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
-    },
-    handleDetailClick(data, node, value) {
-      console.log(data.label);
-      this.FormData.tdpz_qdmc = data.label;
-      this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
-  },
-  watch: {
-    // "FormData.tdpz_watchtime": {
-    //   handler(old) {
-    //     if (old) {
-    //       this.isdisabled = false;
-    //     } else {
-    //       this.isdisabled = true;
-    //     }
-    //   },
-    // },
-    "FormData.tdpz_watchtime"(newval) {
-      console.log(newval);
-      if (newval) {
-        this.isdisabled = true;
-      } else {
-        this.isdisabled = false;
-      }
-    },
-  },
-  directives: {
-    clickoutside: {
-      bind: function (el, binding, vnode) {
-        function documentHandler(e) {
-          if (el.contains(e.target)) {
-            return false;
-          }
-          if (binding.expression) {
-            binding.value(e);
-          }
-        }
-        el._vueClickOutside_ = documentHandler;
-        document.addEventListener("click", documentHandler);
-      },
-      unbind: function (el, binding) {
-        document.removeEventListener("click", el._vueClickOutside_);
-        delete el._vueClickOutside_;
-      },
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.tree_menu {
-  position: absolute;
-  width: 286px;
-  left: 64px;
-  top: 104px;
-  width: 286px;
-  height: 753px;
-  line-height: 20px;
-  border-radius: 3px;
-  background-color: rgba(255, 255, 255, 1);
-  text-align: center;
-  border: 1px solid rgba(220, 220, 220, 1);
-}
-
-.tree_rightmenu {
-  position: fixed;
-  width: 120px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  z-index: 1000;
-}
-
-.super_parmams {
-  display: flex;
-  color: #fff !important;
-  justify-content: space-between;
-  align-items: center;
-  width: 668px;
-
-  i {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-  }
-}
-
-/deep/ .pas_params {
-
-  .el-col-12:last-child {
-    padding-right: 150px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 38px;
-  }
-
-  .el-input__inner {
-    height: 30px;
-    text-align: left;
-    padding: 0px 8px;
-  }
-
-  .el-row {
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-1 {
-      color: #fff !important;
-      text-align: center;
-      line-height: 20px;
-      height: 20px;
-    }
-
-    .el-col-6 {
-      height: 40px;
-      top: 6px;
-      left: 77px;
-      position: relative;
-      width: 50px;
-    }
-  }
-}
-
-.super_con {
-  .el-col-12:last-child {
-    padding-right: 28px;
-  }
-
-  .el-col-12:first-child {
-    padding-right: 42px;
-  }
-
-  .el-input__inner {
-    text-align: left;
-    padding: 0 8px;
-  }
-
-  .el-row {
-    color: #fff !important;
-    display: flex;
-    align-items: flex-end;
-
-    .el-col-4 {
-      padding-left: 5px;
-      width: 14px;
-      text-align: center;
-      line-height: 4px;
-      height: 20px;
-    }
-  }
-}
-
-.el-dialog__footer {
-  padding: 18px 1.25rem 50px;
-
-}
-
-.dialog-footer {
-  position: absolute;
-  left: 50%;
-  bottom: 45px;
-  transform: translateX(-50%);
-}
-
-/deep/ .drvieName_All {
-  position: absolute;
-  left: 1408px;
-  top: 140px;
-  width: 435px;
-  max-height: 720px;
-  z-index: 10000;
-  border: 1px solid #f5f5f5;
-
-  .title {
-    background-color: #fff;
-    padding: 5px 6px 5px 25px;
-    display: flex;
-    justify-content: space-between;
-
-    .title_l {
-      width: 103px;
-      height: 26px;
-      color: rgba(16, 16, 16, 1);
-      font-size: 18px;
-      text-align: left;
-    }
-
-    .title_r {
-      width: 24px;
-      height: 24px;
-      line-height: 24px;
-      cursor: pointer;
-      color: rgba(111, 103, 103, 1);
-    }
-  }
-
-  // h3 {
-  //   padding-bottom: 10px;
-  //   background-color: #fff;
-  // }
-
-  .el-divider--horizontal {
-    margin: 0px;
-  }
-}
-</style>
diff --git a/.history/src/components/TreeView_20231208083526.vue b/.history/src/components/TreeView_20231208083526.vue
new file mode 100644
index 0000000..a63be27
--- /dev/null
+++ b/.history/src/components/TreeView_20231208083526.vue
@@ -0,0 +1,1619 @@
+<!-- 网关通道 -->
+<template>
+  <div>
+    <!-- v-click-outside="closeMenu" -->
+    <div>
+      <div class="tree_menu" v-show="dialogVisible">
+        <el-tree
+          :data="trees"
+          node-key="id"
+          :props="defaultProps"
+          default-expand-all
+          @node-contextmenu="rightClick"
+          @node-click="treeNodeClick"
+          ref="tree"
+        >
+        </el-tree>
+        <!-- 树形控件右键组件 -->
+        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+          <el-menu
+            class="el-menu-vertical-demo"
+            @select="selectMenuNode"
+            default-active="#0078FE"
+          >
+            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+              <span slot="title">新建通道</span>
+            </el-menu-item>
+            <el-menu-item index="2" style="font-size: 12px">
+              <span slot="title">取 消</span>
+            </el-menu-item>
+          </el-menu>
+        </div>
+      </div>
+    </div>
+    <div class="pas_params">
+      <el-dialog
+        title="通道参数设置"
+        :visible.sync="add_passage"
+        width="765px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="FormData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="FormData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="通道名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_tdmc"
+              >
+                <el-select
+                  v-model="FormData.tdpz_tdmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="通道:"
+                :label-width="formLabelWidth"
+                prop="tdpz_td"
+              >
+                <el-select
+                  v-model="FormData.tdpz_td"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="驱动名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_qdmc"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="FormData.tdpz_qdmc"
+                      placeholder=""
+                      disabled
+                      style="width: 200px; height: 30px"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="FormData.tdpz_td == '串口'">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="串口号:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_chuankou"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts1"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="波特率:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_btl"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts2"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="数据位:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_sjw"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts3"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="停止位:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_tzw"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts4"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="奇偶校验:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_jojy"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts5"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div v-else>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="IP地址:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_ip"
+                >
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip1"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">. </el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip2"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip3"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip4"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="端口号:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_port"
+                >
+                  <el-input
+                    v-model="FormData.tdpz_port"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="超过时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_cssj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_cssj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="间隔时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_jgsj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_jgsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_lxsj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_lxsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="重复次数:"
+                :label-width="formLabelWidth"
+                prop="tdpz_cfcs"
+              >
+                <el-input
+                  v-model="FormData.tdpz_cfcs"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div class="super_parmams">
+          <h3>高级参数</h3>
+          <div>
+            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+            <i class="el-icon-caret-top" v-else="is_retract"></i>
+            <el-button
+              type="text"
+              plain
+              @click="getRetract"
+              style="
+                width: 28px;
+                border: none;
+                color: rgba(16, 16, 16, 1);
+                font-size: 14px;
+                text-align: left;
+              "
+            >
+              收起</el-button
+            >
+          </div>
+        </div>
+        <div class="super_con" v-show="is_retract">
+          <el-form
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="ruleForm"
+          >
+            <el-row>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox v-model="FormData.tdpz_watchtime"
+                    >watch time(s)</el-checkbox
+                  >
+                  <el-input
+                    v-model="input1"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                    :disabled="isdisabled"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
+                    >采集使用连续地址</el-checkbox
+                  >
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="10">
+                      <el-input
+                        v-model="tdpz_dxzkb1"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="4">: </el-col>
+                    <el-col :span="10">
+                      <el-input
+                        v-model="tdpz_dxzkb2"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="05/0F:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="05"
+                        >05</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
+                        >0F</el-radio
+                      ></el-col
+                    >
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="06/10:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="06"
+                        >06</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="10"
+                        >10</el-radio
+                      ></el-col
+                    >
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
+    </div>
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="FormData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="FormData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="FormData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="FormData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+// import _ from 'lodash';
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+
+export default {
+  name: "TestTreeView",
+
+  data() {
+    return {
+      formData: {
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_tzw: "",
+        tdpz_sjw: "8",
+        tdpz_jojy: "",
+      },
+      loading: false,
+      flag: false,
+      isDuan: true,
+      user_id: "",
+      FormData: {
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_port: "",
+        tdpz_cssj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: false,
+        tdpz_cjsylxdz: true,
+        tdpz_dxzkb: "",
+        tdpz_050F: "auto",
+        tdpz_0610: "auto",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_mac: "",
+        sbpz_jysb: "",
+        sbpz_jdzxz: "",
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+      },
+      tdpz_dxzkb1: "1",
+      tdpz_dxzkb2: "1",
+      tdpz_ip1: "",
+      tdpz_ip2: "",
+      tdpz_ip3: "",
+      tdpz_ip4: "",
+      options1: [
+        {
+          value: "有线区Channel1",
+          label: "有线区Channel1",
+        },
+        {
+          value: "无线区Channel1",
+          label: "无线区Channel1",
+        },
+      ],
+      options2: [
+        {
+          value: "网口",
+          label: "网口",
+        },
+        {
+          value: "串口",
+          label: "串口",
+        },
+      ],
+      value1: "有线区Channel1",
+      value2: "网口",
+      diag_drive: false,
+      isdisabled: true,
+      radio: "1",
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 10,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      trees: [],
+      nodekey: "",
+      datas2: [
+        {
+          label: "通用标准",
+          children: [
+            {
+              label: "ModbusTCPClient",
+            },
+            {
+              label: "ModbusRTU_over_TCP",
+            },
+            {
+              label: "OPCUAClient",
+            },
+            {
+              label: "OPCDAClient",
+            },
+            {
+              label: "MQTTClient",
+            },
+            {
+              label: "OPCXMLDAClient",
+            },
+            {
+              label: "环保212协议网口监听",
+            },
+          ],
+        },
+        {
+          label: "PLC",
+          children: [
+            {
+              label: "Slemens S7-200 Network",
+            },
+            {
+              label: "Slemens S7-300 Network",
+            },
+            {
+              label: "Slemens S7-400 Network",
+            },
+            {
+              label: "Slemens S7-1200 Network",
+            },
+            {
+              label: "Slemens S7-1500 Network",
+            },
+            {
+              label: "EtherNet/IP CIP协议(AB OMR ON)",
+            },
+            {
+              label: "MC_Qna-3E(三菱 基恩士 松下)",
+            },
+            {
+              label: "MC_A-1E_Binary",
+            },
+            {
+              label: "OMRON-FINS",
+            },
+            {
+              label: "横河PLC",
+            },
+            {
+              label: "西门子FetchWirte",
+            },
+            {
+              label: "富机 FUJI_SPH_NET",
+            },
+            {
+              label: "基恩士上位链路通讯",
+            },
+          ],
+        },
+        {
+          label: "智能建筑",
+          children: [],
+        },
+        {
+          label: "厂家定制",
+          children: [],
+        },
+        {
+          label: "电力行业标准",
+          children: [
+            {
+              label: "IEC104",
+            },
+            {
+              label: "DLT645_over_TCP",
+            },
+          ],
+        },
+        {
+          label: "CNC数控",
+          children: [],
+        },
+        {
+          label: "私有协议",
+          children: [],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rules: {
+        tdpz_tdmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
+        tdpz_qdmc: [
+          { required: true, message: "请输入驱动名称", trigger: "change" },
+        ],
+        tdpz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIpAddress,
+            trigger: "blur",
+          },
+        ],
+        tdpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+        tdpz_cssj: [
+          { required: true, message: "请输入超出时间", trigger: "blur" },
+        ],
+        tdpz_jgsj: [
+          { required: true, message: "请输入间隔时间", trigger: "blur" },
+        ],
+        tdpz_lxsj: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        tdpz_cfcs: [
+          { required: true, message: "请输入重复次数", trigger: "blur" },
+        ],
+        tdpz_chuankou: [
+          { required: true, message: "请输入串口号", trigger: "blur" },
+        ],
+        tdpz_btl: [
+          { required: true, message: "请输入波特率", trigger: "blur" },
+        ],
+        tdpz_tzw: [
+          { required: true, message: "请输入停止位", trigger: "blur" },
+        ],
+        tdpz_sjw: [
+          { required: true, message: "请输入数据位", trigger: "blur" },
+        ],
+        tdpz_jojy: [
+          { required: true, message: "请输入奇偶校验", trigger: "blur" },
+        ],
+      },
+      // 串口与网口的显隐
+      optts1: [
+        {
+          value: "com1",
+          label: "com1",
+        },
+        {
+          value: "com2",
+          label: "com2",
+        },
+        {
+          value: "com3",
+          label: "com3",
+        },
+        {
+          value: "com4",
+          label: "com4",
+        },
+        {
+          value: "com5",
+          label: "com5",
+        },
+        {
+          value: "com6",
+          label: "com6",
+        },
+        {
+          value: "com7",
+          label: "com7",
+        },
+        {
+          value: "com8",
+          label: "com8",
+        },
+        {
+          value: "com9",
+          label: "com9",
+        },
+        {
+          value: "com10",
+          label: "com10",
+        },
+        {
+          value: "com11",
+          label: "com11",
+        },
+        {
+          value: "com12",
+          label: "com12",
+        },
+        {
+          value: "com13",
+          label: "com13",
+        },
+        {
+          value: "com14",
+          label: "com14",
+        },
+        {
+          value: "com15",
+          label: "com15",
+        },
+        {
+          value: "com16",
+          label: "com16",
+        },
+        {
+          value: "com17",
+          label: "com17",
+        },
+        {
+          value: "com18",
+          label: "com18",
+        },
+        {
+          value: "com19",
+          label: "com19",
+        },
+        {
+          value: "com20",
+          label: "com20",
+        },
+        {
+          value: "com21",
+          label: "com21",
+        },
+        {
+          value: "com22",
+          label: "com22",
+        },
+        {
+          value: "com23",
+          label: "com23",
+        },
+        {
+          value: "com24",
+          label: "com24",
+        },
+        {
+          value: "com25",
+          label: "com25",
+        },
+        {
+          value: "com26",
+          label: "com26",
+        },
+        {
+          value: "com27",
+          label: "com27",
+        },
+        {
+          value: "com28",
+          label: "com28",
+        },
+        {
+          value: "com29",
+          label: "com29",
+        },
+        {
+          value: "com30",
+          label: "com30",
+        },
+        {
+          value: "com31",
+          label: "com31",
+        },
+        {
+          value: "com32",
+          label: "com32",
+        },
+        {
+          value: "com33",
+          label: "com33",
+        },
+        {
+          value: "com34",
+          label: "com34",
+        },
+        {
+          value: "com35",
+          label: "com35",
+        },
+        {
+          value: "com36",
+          label: "com36",
+        },
+        {
+          value: "com37",
+          label: "com37",
+        },
+        {
+          value: "com38",
+          label: "com38",
+        },
+        {
+          value: "com39",
+          label: "com39",
+        },
+        {
+          value: "com40",
+          label: "com40",
+        },
+        {
+          value: "com41",
+          label: "com41",
+        },
+        {
+          value: "com42",
+          label: "com42",
+        },
+        {
+          value: "com43",
+          label: "com43",
+        },
+        {
+          value: "com44",
+          label: "com44",
+        },
+        {
+          value: "com45",
+          label: "com45",
+        },
+        {
+          value: "com46",
+          label: "com46",
+        },
+        {
+          value: "com47",
+          label: "com47",
+        },
+        {
+          value: "com48",
+          label: "com48",
+        },
+        {
+          value: "com49",
+          label: "com49",
+        },
+        {
+          value: "com50",
+          label: "com50",
+        },
+      ],
+      optts2: [
+        {
+          value: "1200",
+          label: "1200",
+        },
+        {
+          value: "2400",
+          label: "2400",
+        },
+        {
+          value: "4800",
+          label: "4800",
+        },
+        {
+          value: "9600",
+          label: "9600",
+        },
+        {
+          value: "115200",
+          label: "115200",
+        },
+      ],
+      optts3: [
+        {
+          value: "8",
+          label: "8",
+        },
+        {
+          value: "7",
+          label: "7",
+        },
+      ],
+      optts4: [
+        {
+          value: "1",
+          label: "1",
+        },
+        {
+          value: "2",
+          label: "2",
+        },
+      ],
+      optts5: [
+        {
+          value: "奇校验",
+          label: "奇校验",
+        },
+        {
+          value: "偶校验",
+          label: "偶校验",
+        },
+        {
+          value: "无校验（none）",
+          label: "无校验（none）",
+        },
+      ],
+
+      // 网关配置的出现
+      outerVisible: false,
+      gateWay: {
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+      },
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+
+  methods: {
+    //ip地址验证
+    validateIpAddress(rule, value, callback) {
+      if (
+        this.tdpz_ip1 +
+          "." +
+          this.tdpz_ip2 +
+          "." +
+          this.tdpz_ip3 +
+          "." +
+          this.tdpz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.tdpz_ip1 +
+            "." +
+            this.tdpz_ip2 +
+            "." +
+            this.tdpz_ip3 +
+            "." +
+            this.tdpz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    // 提交时的校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["FormData"].validate((valid) => {
+        if (valid) {
+          this.saveGate();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      console.log(data);
+      // console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.add_passage = false;
+        this.menuShow = false;
+        this.GetUserAnswer();
+      }
+      if (node.level == 3 && data.label == "I/O点") {
+        this.nodekey = data.id;
+        this.menuShow = false;
+        this.menuShow = true;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为新增网关
+    selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+        this.menuShow = false;
+        this.outerVisible = false;
+      }
+      this.menuShow = false;
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick(key) {
+      // console.log
+      this.foo();
+    },
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    Merge(value, value1, value2, value3, value4) {
+      value = value1 + "." + value2 + "." + value3 + "." + value4;
+      return value;
+    },
+    async saveGate() {
+      var obj = {
+        tdpz_tdmc: this.FormData.tdpz_tdmc,
+        tdpz_td: this.FormData.tdpz_td,
+        tdpz_qdmc: this.FormData.tdpz_qdmc,
+        tdpz_port: this.FormData.tdpz_port,
+        tdpz_cssj: this.FormData.tdpz_cssj,
+        tdpz_jgsj: this.FormData.tdpz_jgsj,
+        tdpz_ip:
+          this.tdpz_ip1 +
+          "." +
+          this.tdpz_ip2 +
+          "." +
+          this.tdpz_ip3 +
+          "." +
+          this.tdpz_ip4,
+        tdpz_lxsj: this.FormData.tdpz_lxsj,
+        tdpz_cfcs: this.FormData.tdpz_cfcs,
+        tdpz_watchtime: String(Number(this.FormData.tdpz_watchtime)),
+        tdpz_cjsylxdz: String(Number(this.FormData.tdpz_cjsylxdz)),
+        tdpz_dxzkb: this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2,
+        tdpz_050F: this.FormData.tdpz_050F,
+        tdpz_0610: this.FormData.tdpz_0610,
+      };
+      // let datas = sessionStorage.getItem("DB-IotLite_yx");
+      // datas = { ...JSON.parse(datas), ...obj };
+      console.log(this.FormData);
+      let datas = { ...this.FormData, ...obj };
+      console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(datas),
+        step: "2",
+      });
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res.data.data.step);
+        // sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas));
+
+        this.add_passage = false;
+        // console.log(res.data.data.mark_value);
+        // this.$nextTick(() => {
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 1000,
+            label: this.FormData.tdpz_tdmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        this.$router.push(`/dbcollectdevice?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      console.log(data);
+      if (node.level == 2) {
+        this.FormData.tdpz_qdmc = data.label;
+        this.diag_drive = false;
+        console.log(result);
+      }
+    },
+    async GetUserAnswer() {
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+      });
+      console.log(answer);
+      if (answer.data.data && answer.data.state) {
+        let obj = JSON.parse(answer.data.data.mark_value);
+        console.log(obj);
+        // this.FormData.
+        if (obj.tdpz_dxzkb) {
+          this.tdpz_dxzkb1 = obj.tdpz_dxzkb.split(":")[0];
+          this.tdpz_dxzkb2 = obj.tdpz_dxzkb.split(":")[1];
+          this.FormData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        }
+        this.FormData.tdpz_watchtime = Boolean(Number(obj.tdpz_watchtime));
+        if (obj.tdpz_cjsylxdz) {
+          this.FormData.tdpz_cjsylxdz = Boolean(Number(obj.tdpz_cjsylxdz));
+        }
+        if (obj.tdpz_ip) {
+          this.FormData.tdpz_ip = obj.tdpz_ip;
+          this.tdpz_ip1 = obj.tdpz_ip.split(".")[0];
+          this.tdpz_ip2 = obj.tdpz_ip.split(".")[1];
+          this.tdpz_ip3 = obj.tdpz_ip.split(".")[2];
+          this.tdpz_ip4 = obj.tdpz_ip.split(".")[3];
+        }
+        this.FormData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.FormData.tdpz_td = obj.tdpz_td;
+        this.FormData.tdpz_qdmc = obj.tdpz_qdmc;
+        if (obj.tdpz_050F) {
+          this.FormData.tdpz_050F = obj.tdpz_050F;
+        }
+        if (obj.tdpz_0610) {
+          this.FormData.tdpz_0610 = obj.tdpz_0610;
+        }
+        this.FormData.tdpz_port = obj.tdpz_port;
+        this.FormData.tdpz_cssj = obj.tdpz_cssj;
+        this.FormData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.FormData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.FormData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.FormData.ippz_wangkou = obj.ippz_wangkou;
+        this.FormData.ippz_mrwg = obj.ippz_mrwg;
+        this.FormData.ippz_ip = obj.ippz_ip;
+        this.FormData.ippz_zwym = obj.ippz_zwym;
+        this.FormData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.FormData.ippz_dns_by = obj.ippz_dns_by;
+        this.FormData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.FormData.wgpz_wgid = obj.wgpz_wgid;
+        this.FormData.wgpz_wglx = obj.wgpz_wglx;
+        this.FormData.sbpz_sbid = obj.sbpz_sbid;
+        this.FormData.sbpz_sbmc = obj.sbpz_sbmc;
+        this.FormData.sbpz_mac = obj.sbpz_mac;
+        this.FormData.sbpz_jysb = obj.sbpz_jysb;
+        this.FormData.sbpz_jdzxz = obj.sbpz_jdzxz;
+        this.FormData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.FormData.cjdpz_mc = obj.cjdpz_mc;
+        this.FormData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.FormData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.FormData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.FormData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.FormData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.FormData.cjdpz_beilv = obj.cjdpz_beilv;
+        this.FormData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.FormData.mqtt_ip = obj.mqtt_ip;
+        this.FormData.mqtt_port = obj.mqtt_port;
+        this.FormData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.FormData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.FormData.mqtt_qos = obj.mqtt_qos;
+        this.FormData.mqtt_scms = obj.mqtt_scms;
+        this.FormData.mqtt_sczq = obj.mqtt_sczq;
+        this.FormData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.FormData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.FormData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        data: JSON.stringify(this.trees),
+        type: "1",
+      });
+      console.log(result);
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // let datas = sessionStorage.getItem("DB-IotLite_yx");
+      // console.log(JSON.parse(datas));
+      // datas = { ...JSON.parse(datas), ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.FormData),
+        step: "1",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.FormData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
+      } else {
+        this.$message({
+          message: `修改失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    console.log(this.$route.query.user_id);
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "1",
+      }).then((res) => {
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+        // alert(JSON.stringify(this.trees));
+        // console.log(this.$router.query.firstlabel);
+        // this.trees[0] = this.$router.query.firstlabel;
+      });
+    }
+    this.loading = true;
+    this.GetUserAnswer();
+    this.loading = false;
+    // let res2 = GetUserAnswer()
+  },
+  mounted() {
+    console.log(this.$route.query.firstlabel);
+    // console.log(this.FormData.wgpz_wgid);
+    // this.trees[0].label = this.$route.query.firstlabel;
+    // this.sendTree();
+  },
+  watch: {
+    "FormData.tdpz_watchtime"(newval) {
+      console.log(newval);
+      if (newval) {
+        this.isdisabled = true;
+      } else {
+        this.isdisabled = false;
+      }
+    },
+    // "FormData.tdpz_td"(newval) {
+    //   console.log(newval);
+    //   if (newval =="网口") {
+    //     this.isDuan = true;
+    //   } else {
+    //     this.isDuan = false;
+    //   }
+    // }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/ .tree_menu {
+  position: absolute;
+  width: 286px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+
+  .el-input__inner {
+    height: 30px !important;
+  }
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  color: #fff !important;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 38px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      color: #fff !important;
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 4px;
+      left: 78px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    color: #fff !important;
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.el-dialog__footer {
+  padding: 18px 1.25rem 50px;
+}
+
+.dialog-footer {
+  position: absolute;
+  left: 50%;
+  bottom: 45px;
+  transform: translateX(-50%);
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1408px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  // h3 {
+  //   padding-bottom: 10px;
+  //   background-color: #fff;
+  // }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/.history/src/components/TreeView_20231208084156.vue b/.history/src/components/TreeView_20231208084156.vue
new file mode 100644
index 0000000..fe6e0c9
--- /dev/null
+++ b/.history/src/components/TreeView_20231208084156.vue
@@ -0,0 +1,1619 @@
+<!-- 网关通道 -->
+<template>
+  <div>
+    <!-- v-click-outside="closeMenu" -->
+    <div>
+      <div class="tree_menu" v-show="dialogVisible">
+        <el-tree
+          :data="trees"
+          node-key="id"
+          :props="defaultProps"
+          default-expand-all
+          @node-contextmenu="rightClick"
+          @node-click="treeNodeClick"
+          ref="tree"
+        >
+        </el-tree>
+        <!-- 树形控件右键组件 -->
+        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+          <el-menu
+            class="el-menu-vertical-demo"
+            @select="selectMenuNode"
+            default-active="#0078FE"
+          >
+            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+              <span slot="title">新建通道</span>
+            </el-menu-item>
+            <el-menu-item index="2" style="font-size: 12px">
+              <span slot="title">取 消</span>
+            </el-menu-item>
+          </el-menu>
+        </div>
+      </div>
+    </div>
+    <div class="pas_params">
+      <el-dialog
+        title="通道参数设置"
+        :visible.sync="add_passage"
+        width="765px"
+        v-loading="loading"
+      >
+        <el-form
+          :model="FormData"
+          :label-position="labelPosition"
+          :rules="rules"
+          ref="FormData"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="通道名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_tdmc"
+              >
+                <el-select
+                  v-model="FormData.tdpz_tdmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="通道:"
+                :label-width="formLabelWidth"
+                prop="tdpz_td"
+              >
+                <el-select
+                  v-model="FormData.tdpz_td"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="驱动名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_qdmc"
+              >
+                <el-row>
+                  <el-col :span="18">
+                    <el-input
+                      v-model="FormData.tdpz_qdmc"
+                      placeholder=""
+                      disabled
+                      style="width: 200px; height: 30px"
+                    ></el-input>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
+                  </el-col>
+                </el-row>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="FormData.tdpz_td == '串口'">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="串口号:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_chuankou"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts1"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="波特率:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_btl"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts2"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="数据位:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_sjw"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts3"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="停止位:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_tzw"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts4"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="奇偶校验:" :label-width="formLabelWidth">
+                  <el-select
+                    v-model="formData.tdpz_jojy"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in optts5"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div v-else>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="IP地址:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_ip"
+                >
+                  <el-row>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip1"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">. </el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip2"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip3"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="1" style="color: #fff">.</el-col>
+                    <el-col :span="5">
+                      <el-input
+                        v-model="tdpz_ip4"
+                        style="width: 43px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="端口号:"
+                  :label-width="formLabelWidth"
+                  prop="tdpz_port"
+                >
+                  <el-input
+                    v-model="FormData.tdpz_port"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="超过时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_cssj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_cssj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="间隔时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_jgsj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_jgsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="轮询时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_lxsj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_lxsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="重复次数:"
+                :label-width="formLabelWidth"
+                prop="tdpz_cfcs"
+              >
+                <el-input
+                  v-model="FormData.tdpz_cfcs"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div class="super_parmams">
+          <h3>高级参数</h3>
+          <div>
+            <i class="el-icon-caret-bottom" v-if="is_retract"></i>
+            <i class="el-icon-caret-top" v-else="is_retract"></i>
+            <el-button
+              type="text"
+              plain
+              @click="getRetract"
+              style="
+                width: 28px;
+                border: none;
+                color: rgba(16, 16, 16, 1);
+                font-size: 14px;
+                text-align: left;
+              "
+            >
+              收起</el-button
+            >
+          </div>
+        </div>
+        <div class="super_con" v-show="is_retract">
+          <el-form
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="ruleForm"
+          >
+            <el-row>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox v-model="FormData.tdpz_watchtime"
+                    >watch time(s)</el-checkbox
+                  >
+                  <el-input
+                    v-model="input1"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                    :disabled="isdisabled"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item>
+                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
+                    >采集使用连续地址</el-checkbox
+                  >
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="读写占空比:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="10">
+                      <el-input
+                        v-model="tdpz_dxzkb1"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                    <el-col :span="4">: </el-col>
+                    <el-col :span="10">
+                      <el-input
+                        v-model="tdpz_dxzkb2"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="05/0F:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="05"
+                        >05</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
+                        >0F</el-radio
+                      ></el-col
+                    >
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="06/10:" :label-width="formLabelWidth">
+                  <el-row>
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="06"
+                        >06</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="10"
+                        >10</el-radio
+                      ></el-col
+                    >
+                  </el-row>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保 存</el-button>
+          <el-button @click="add_passage = false">取 消</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <div class="drvieName_All" v-show="diag_drive">
+      <div class="title">
+        <p class="title_l">协议选择</p>
+        <i class="el-icon-close title_r" @click="diag_drive = false"></i>
+      </div>
+      <el-divider></el-divider>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
+    </div>
+    <div class="gateway">
+      <el-dialog title="新建网关" :visible.sync="outerVisible" width="382px">
+        <el-form
+          :model="FormData"
+          :rules="rulesGate"
+          ref="gateWay"
+          label-width="85px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="网关名称:" prop="wgpz_wgmc">
+            <el-select
+              v-model="FormData.wgpz_wgmc"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关ID:" prop="wgpz_wgid">
+            <el-select
+              v-model="FormData.wgpz_wgid"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="网关类型:" prop="wgpz_wglx">
+            <el-select
+              v-model="FormData.wgpz_wglx"
+              placeholder="请选择"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in opts3"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer-outer">
+          <el-button type="primary" @click="submitGate">保存</el-button>
+          <el-button @click="outerVisible = false">取 消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+// import _ from 'lodash';
+import { SaveUserAnswer, GetUserAnswer, GetTree, SendTree } from "@/api/user";
+
+export default {
+  name: "TestTreeView",
+
+  data() {
+    return {
+      formData: {
+        tdpz_chuankou: "",
+        tdpz_btl: "",
+        tdpz_tzw: "",
+        tdpz_sjw: "8",
+        tdpz_jojy: "",
+      },
+      loading: false,
+      flag: false,
+      isDuan: true,
+      user_id: "",
+      FormData: {
+        ippz_wangkou: "",
+        ippz_zwym: "",
+        ippz_mrwg: "",
+        ippz_dns_sx: "",
+        ippz_dns_by: "",
+        ippz_ip: "",
+        ippz_mac: "",
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+        tdpz_tdmc: "",
+        tdpz_td: "",
+        tdpz_qdmc: "",
+        tdpz_port: "",
+        tdpz_cssj: "",
+        tdpz_jgsj: "",
+        tdpz_lxsj: "",
+        tdpz_cfcs: "",
+        tdpz_watchtime: false,
+        tdpz_cjsylxdz: true,
+        tdpz_dxzkb: "",
+        tdpz_050F: "auto",
+        tdpz_0610: "auto",
+        sbpz_sbid: "",
+        sbpz_sbmc: "",
+        sbpz_mac: "",
+        sbpz_jysb: "",
+        sbpz_jdzxz: "",
+        cjdpz_tagid: "",
+        cjdpz_mc: "",
+        cjdpz_sjq: "",
+        cjdpz_jcqdz: "",
+        cjdpz_cjsjlx: "",
+        cjdpz_zjx: "",
+        cjdpz_dxsx: "",
+        cjdpz_beilv: "",
+        mqtt_qiyong: "",
+        mqtt_ip: "",
+        mqtt_port: "",
+        mqtt_wgsn: "",
+        mqtt_sssjfbzt: "",
+        mqtt_qos: "",
+        mqtt_scms: "",
+        mqtt_sczq: "",
+        mqtt_sjgl: "",
+        mqtt_cjd_sbmc: "",
+        mqtt_cjd_tagid: "",
+      },
+      tdpz_dxzkb1: "1",
+      tdpz_dxzkb2: "1",
+      tdpz_ip1: "",
+      tdpz_ip2: "",
+      tdpz_ip3: "",
+      tdpz_ip4: "",
+      options1: [
+        {
+          value: "有线区Channel1",
+          label: "有线区Channel1",
+        },
+        {
+          value: "无线区Channel1",
+          label: "无线区Channel1",
+        },
+      ],
+      options2: [
+        {
+          value: "网口",
+          label: "网口",
+        },
+        {
+          value: "串口",
+          label: "串口",
+        },
+      ],
+      value1: "有线区Channel1",
+      value2: "网口",
+      diag_drive: false,
+      isdisabled: true,
+      radio: "1",
+      is_retract: true,
+      labelPosition: "left",
+      formLabelWidth: "116px",
+      input1: 10,
+      add_passage: false,
+      rightMenu: "",
+      dialogVisible: true,
+      menuShow: false,
+      trees: [],
+      nodekey: "",
+      datas2: [
+        {
+          label: "通用标准",
+          children: [
+            {
+              label: "ModbusTCPClient",
+            },
+            {
+              label: "ModbusRTU_over_TCP",
+            },
+            {
+              label: "OPCUAClient",
+            },
+            {
+              label: "OPCDAClient",
+            },
+            {
+              label: "MQTTClient",
+            },
+            {
+              label: "OPCXMLDAClient",
+            },
+            {
+              label: "环保212协议网口监听",
+            },
+          ],
+        },
+        {
+          label: "PLC",
+          children: [
+            {
+              label: "Slemens S7-200 Network",
+            },
+            {
+              label: "Slemens S7-300 Network",
+            },
+            {
+              label: "Slemens S7-400 Network",
+            },
+            {
+              label: "Slemens S7-1200 Network",
+            },
+            {
+              label: "Slemens S7-1500 Network",
+            },
+            {
+              label: "EtherNet/IP CIP协议(AB OMR ON)",
+            },
+            {
+              label: "MC_Qna-3E(三菱 基恩士 松下)",
+            },
+            {
+              label: "MC_A-1E_Binary",
+            },
+            {
+              label: "OMRON-FINS",
+            },
+            {
+              label: "横河PLC",
+            },
+            {
+              label: "西门子FetchWirte",
+            },
+            {
+              label: "富机 FUJI_SPH_NET",
+            },
+            {
+              label: "基恩士上位链路通讯",
+            },
+          ],
+        },
+        {
+          label: "智能建筑",
+          children: [],
+        },
+        {
+          label: "厂家定制",
+          children: [],
+        },
+        {
+          label: "电力行业标准",
+          children: [
+            {
+              label: "IEC104",
+            },
+            {
+              label: "DLT645_over_TCP",
+            },
+          ],
+        },
+        {
+          label: "CNC数控",
+          children: [],
+        },
+        {
+          label: "私有协议",
+          children: [],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      rules: {
+        tdpz_tdmc: [
+          { required: true, message: "请输入通道名称", trigger: "change" },
+        ],
+        tdpz_td: [{ required: true, message: "请输入通道", trigger: "change" }],
+        tdpz_qdmc: [
+          { required: true, message: "请输入驱动名称", trigger: "change" },
+        ],
+        tdpz_ip: [
+          {
+            required: true,
+            message: "",
+            validator: this.validateIpAddress,
+            trigger: "blur",
+          },
+        ],
+        tdpz_port: [
+          { required: true, message: "请输入端口号", trigger: "blur" },
+        ],
+        tdpz_cssj: [
+          { required: true, message: "请输入超出时间", trigger: "blur" },
+        ],
+        tdpz_jgsj: [
+          { required: true, message: "请输入间隔时间", trigger: "blur" },
+        ],
+        tdpz_lxsj: [
+          { required: true, message: "请输入轮询时间", trigger: "blur" },
+        ],
+        tdpz_cfcs: [
+          { required: true, message: "请输入重复次数", trigger: "blur" },
+        ],
+        tdpz_chuankou: [
+          { required: true, message: "请输入串口号", trigger: "blur" },
+        ],
+        tdpz_btl: [
+          { required: true, message: "请输入波特率", trigger: "blur" },
+        ],
+        tdpz_tzw: [
+          { required: true, message: "请输入停止位", trigger: "blur" },
+        ],
+        tdpz_sjw: [
+          { required: true, message: "请输入数据位", trigger: "blur" },
+        ],
+        tdpz_jojy: [
+          { required: true, message: "请输入奇偶校验", trigger: "blur" },
+        ],
+      },
+      // 串口与网口的显隐
+      optts1: [
+        {
+          value: "com1",
+          label: "com1",
+        },
+        {
+          value: "com2",
+          label: "com2",
+        },
+        {
+          value: "com3",
+          label: "com3",
+        },
+        {
+          value: "com4",
+          label: "com4",
+        },
+        {
+          value: "com5",
+          label: "com5",
+        },
+        {
+          value: "com6",
+          label: "com6",
+        },
+        {
+          value: "com7",
+          label: "com7",
+        },
+        {
+          value: "com8",
+          label: "com8",
+        },
+        {
+          value: "com9",
+          label: "com9",
+        },
+        {
+          value: "com10",
+          label: "com10",
+        },
+        {
+          value: "com11",
+          label: "com11",
+        },
+        {
+          value: "com12",
+          label: "com12",
+        },
+        {
+          value: "com13",
+          label: "com13",
+        },
+        {
+          value: "com14",
+          label: "com14",
+        },
+        {
+          value: "com15",
+          label: "com15",
+        },
+        {
+          value: "com16",
+          label: "com16",
+        },
+        {
+          value: "com17",
+          label: "com17",
+        },
+        {
+          value: "com18",
+          label: "com18",
+        },
+        {
+          value: "com19",
+          label: "com19",
+        },
+        {
+          value: "com20",
+          label: "com20",
+        },
+        {
+          value: "com21",
+          label: "com21",
+        },
+        {
+          value: "com22",
+          label: "com22",
+        },
+        {
+          value: "com23",
+          label: "com23",
+        },
+        {
+          value: "com24",
+          label: "com24",
+        },
+        {
+          value: "com25",
+          label: "com25",
+        },
+        {
+          value: "com26",
+          label: "com26",
+        },
+        {
+          value: "com27",
+          label: "com27",
+        },
+        {
+          value: "com28",
+          label: "com28",
+        },
+        {
+          value: "com29",
+          label: "com29",
+        },
+        {
+          value: "com30",
+          label: "com30",
+        },
+        {
+          value: "com31",
+          label: "com31",
+        },
+        {
+          value: "com32",
+          label: "com32",
+        },
+        {
+          value: "com33",
+          label: "com33",
+        },
+        {
+          value: "com34",
+          label: "com34",
+        },
+        {
+          value: "com35",
+          label: "com35",
+        },
+        {
+          value: "com36",
+          label: "com36",
+        },
+        {
+          value: "com37",
+          label: "com37",
+        },
+        {
+          value: "com38",
+          label: "com38",
+        },
+        {
+          value: "com39",
+          label: "com39",
+        },
+        {
+          value: "com40",
+          label: "com40",
+        },
+        {
+          value: "com41",
+          label: "com41",
+        },
+        {
+          value: "com42",
+          label: "com42",
+        },
+        {
+          value: "com43",
+          label: "com43",
+        },
+        {
+          value: "com44",
+          label: "com44",
+        },
+        {
+          value: "com45",
+          label: "com45",
+        },
+        {
+          value: "com46",
+          label: "com46",
+        },
+        {
+          value: "com47",
+          label: "com47",
+        },
+        {
+          value: "com48",
+          label: "com48",
+        },
+        {
+          value: "com49",
+          label: "com49",
+        },
+        {
+          value: "com50",
+          label: "com50",
+        },
+      ],
+      optts2: [
+        {
+          value: "1200",
+          label: "1200",
+        },
+        {
+          value: "2400",
+          label: "2400",
+        },
+        {
+          value: "4800",
+          label: "4800",
+        },
+        {
+          value: "9600",
+          label: "9600",
+        },
+        {
+          value: "115200",
+          label: "115200",
+        },
+      ],
+      optts3: [
+        {
+          value: "8",
+          label: "8",
+        },
+        {
+          value: "7",
+          label: "7",
+        },
+      ],
+      optts4: [
+        {
+          value: "1",
+          label: "1",
+        },
+        {
+          value: "2",
+          label: "2",
+        },
+      ],
+      optts5: [
+        {
+          value: "奇校验",
+          label: "奇校验",
+        },
+        {
+          value: "偶校验",
+          label: "偶校验",
+        },
+        {
+          value: "无校验（none）",
+          label: "无校验（none）",
+        },
+      ],
+
+      // 网关配置的出现
+      outerVisible: false,
+      gateWay: {
+        wgpz_wgmc: "",
+        wgpz_wgid: "",
+        wgpz_wglx: "",
+      },
+      rulesGate: {
+        wgpz_wgmc: [
+          { required: true, message: "请选择网关名称", trigger: "blur" },
+        ],
+        wgpz_wgid: [
+          { required: true, message: "请选择网关id", trigger: "blur" },
+        ],
+        wgpz_wglx: [
+          { required: true, message: "请选择网关类型", trigger: "blur" },
+        ],
+      },
+      opts1: [
+        {
+          value: "有线区网关1",
+          label: "有线区网关1",
+        },
+        {
+          value: "无线区网关1",
+          label: "无线区网关1",
+        },
+      ],
+      opts2: [
+        {
+          value: "LAN-BOX1",
+          label: "LAN-BOX1",
+        },
+        {
+          value: "WLAN-BOX1",
+          label: "WLAN-BOX1",
+        },
+      ],
+      opts3: [
+        {
+          value: "loT Lite网关",
+          label: "loT Lite网关",
+        },
+        {
+          value: "MODBUS网关",
+          label: "MODBUS网关",
+        },
+        {
+          value: "BACNET网关",
+          label: "BACNET网关",
+        },
+        {
+          value: "OPC UA网关",
+          label: "OPC UA网关",
+        },
+        {
+          value: "OPC DA网关",
+          label: "OPC DA网关",
+        },
+        {
+          value: "loT网关",
+          label: "loT网关",
+        },
+      ],
+    };
+  },
+
+  methods: {
+    //ip地址验证
+    validateIpAddress(rule, value, callback) {
+      if (
+        this.tdpz_ip1 +
+          "." +
+          this.tdpz_ip2 +
+          "." +
+          this.tdpz_ip3 +
+          "." +
+          this.tdpz_ip4 ===
+        "..."
+      ) {
+        callback(new Error("请输入IP地址"));
+      } else if (
+        !/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+          this.tdpz_ip1 +
+            "." +
+            this.tdpz_ip2 +
+            "." +
+            this.tdpz_ip3 +
+            "." +
+            this.tdpz_ip4
+        )
+      ) {
+        callback(new Error("请输入有效的IP地址"));
+      } else {
+        callback();
+      }
+    },
+    // 提交时的校验
+    submitForm: _.debounce(function (e) {
+      this.$refs["FormData"].validate((valid) => {
+        if (valid) {
+          this.saveGate();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    }, 1000),
+    async rightClick(e, data, node) {
+      console.log(data);
+      // console.log(node);
+      if (data.editing) {
+        this.outerVisible = true;
+        this.add_passage = false;
+        this.menuShow = false;
+        this.GetUserAnswer();
+      }
+      if (node.level == 3 && data.label == "I/O点") {
+        this.nodekey = data.id;
+        this.menuShow = false;
+        this.menuShow = true;
+        e.preventDefault(); //关闭浏览器右键默认事件
+        this.rightMenu = { top: e.pageY + "px", left: e.pageX + "px" };
+        document.addEventListener("click", (ev) => {
+          ev.stopImmediatePropagation();
+          if (ev.target !== document.querySelector(".el-menu-item.is-active")) {
+            this.foo();
+          }
+        });
+      }
+    },
+    // 点击时候的判断,判断是否为新增网关
+    selectMenuNode(index, indexPath) {
+      console.log(index);
+      if (index == 1) {
+        this.add_passage = true;
+        this.menuShow = false;
+        this.outerVisible = false;
+      }
+      this.menuShow = false;
+    },
+    foo() {
+      // 取消鼠标监听事件 菜单栏
+      this.menuShow = false;
+      document.removeEventListener("click", this.foo); // 关掉监听，
+    },
+    treeNodeClick(key) {
+      // console.log
+      this.foo();
+    },
+    // 收起点击事件的判断
+    getRetract() {
+      if (this.is_retract == true) {
+        this.is_retract = false;
+      } else {
+        this.is_retract = true;
+      }
+    },
+    getDriveName() {
+      this.diag_drive = true;
+    },
+    Merge(value, value1, value2, value3, value4) {
+      value = value1 + "." + value2 + "." + value3 + "." + value4;
+      return value;
+    },
+    async saveGate() {
+      var obj = {
+        tdpz_tdmc: this.FormData.tdpz_tdmc,
+        tdpz_td: this.FormData.tdpz_td,
+        tdpz_qdmc: this.FormData.tdpz_qdmc,
+        tdpz_port: this.FormData.tdpz_port,
+        tdpz_cssj: this.FormData.tdpz_cssj,
+        tdpz_jgsj: this.FormData.tdpz_jgsj,
+        tdpz_ip:
+          this.tdpz_ip1 +
+          "." +
+          this.tdpz_ip2 +
+          "." +
+          this.tdpz_ip3 +
+          "." +
+          this.tdpz_ip4,
+        tdpz_lxsj: this.FormData.tdpz_lxsj,
+        tdpz_cfcs: this.FormData.tdpz_cfcs,
+        tdpz_watchtime: String(Number(this.FormData.tdpz_watchtime)),
+        tdpz_cjsylxdz: String(Number(this.FormData.tdpz_cjsylxdz)),
+        tdpz_dxzkb: this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2,
+        tdpz_050F: this.FormData.tdpz_050F,
+        tdpz_0610: this.FormData.tdpz_0610,
+      };
+      // let datas = sessionStorage.getItem("DB-IotLite_yx");
+      // datas = { ...JSON.parse(datas), ...obj };
+      console.log(this.FormData);
+      let datas = { ...this.FormData, ...obj };
+      console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        // user_id: "USER202307301114011710",
+        user_id: this.user_id,
+        mark_value: JSON.stringify(datas),
+        step: "2",
+      });
+      console.log(res);
+      if (res.data.state) {
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+        console.log(res.data.data.step);
+        // sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(datas));
+
+        this.add_passage = false;
+        // console.log(res.data.data.mark_value);
+        // this.$nextTick(() => {
+        this.$refs["tree"].append(
+          {
+            id: this.nodekey + 1000,
+            label: this.FormData.tdpz_tdmc,
+          },
+          this.nodekey
+        );
+        // console.log(this.trees);
+        this.sendTree();
+        this.$router.push(`/dbcollectdevice?user_id=${this.user_id}`);
+      } else {
+        this.$message({
+          message: `保存失败`,
+          type: "error",
+        });
+      }
+    },
+    handleDetailClick(data, node, value) {
+      console.log(data.label);
+      console.log(data);
+      if (node.level == 2) {
+        this.FormData.tdpz_qdmc = data.label;
+        this.diag_drive = false;
+        console.log(result);
+      }
+    },
+    async GetUserAnswer() {
+      let answer = await GetUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+      });
+      console.log(answer);
+      if (answer.data.data && answer.data.state) {
+        let obj = JSON.parse(answer.data.data.mark_value);
+        // console.log(obj);
+        // this.FormData.
+        if (obj.tdpz_dxzkb) {
+          this.tdpz_dxzkb1 = obj.tdpz_dxzkb.split(":")[0];
+          this.tdpz_dxzkb2 = obj.tdpz_dxzkb.split(":")[1];
+          this.FormData.tdpz_dxzkb = obj.tdpz_dxzkb;
+        }
+        this.FormData.tdpz_watchtime = Boolean(Number(obj.tdpz_watchtime));
+        if (obj.tdpz_cjsylxdz) {
+          this.FormData.tdpz_cjsylxdz = Boolean(Number(obj.tdpz_cjsylxdz));
+        }
+        if (obj.tdpz_ip) {
+          this.FormData.tdpz_ip = obj.tdpz_ip;
+          this.tdpz_ip1 = obj.tdpz_ip.split(".")[0];
+          this.tdpz_ip2 = obj.tdpz_ip.split(".")[1];
+          this.tdpz_ip3 = obj.tdpz_ip.split(".")[2];
+          this.tdpz_ip4 = obj.tdpz_ip.split(".")[3];
+        }
+        this.FormData.tdpz_tdmc = obj.tdpz_tdmc;
+        this.FormData.tdpz_td = obj.tdpz_td;
+        this.FormData.tdpz_qdmc = obj.tdpz_qdmc;
+        if (obj.tdpz_050F) {
+          this.FormData.tdpz_050F = obj.tdpz_050F;
+        }
+        if (obj.tdpz_0610) {
+          this.FormData.tdpz_0610 = obj.tdpz_0610;
+        }
+        this.FormData.tdpz_port = obj.tdpz_port;
+        this.FormData.tdpz_cssj = obj.tdpz_cssj;
+        this.FormData.tdpz_jgsj = obj.tdpz_jgsj;
+        this.FormData.tdpz_lxsj = obj.tdpz_lxsj;
+        this.FormData.tdpz_cfcs = obj.tdpz_cfcs;
+        this.FormData.ippz_wangkou = obj.ippz_wangkou;
+        this.FormData.ippz_mrwg = obj.ippz_mrwg;
+        this.FormData.ippz_ip = obj.ippz_ip;
+        this.FormData.ippz_zwym = obj.ippz_zwym;
+        this.FormData.ippz_dns_sx = obj.ippz_dns_sx;
+        this.FormData.ippz_dns_by = obj.ippz_dns_by;
+        this.FormData.wgpz_wgmc = obj.wgpz_wgmc;
+        this.FormData.wgpz_wgid = obj.wgpz_wgid;
+        this.FormData.wgpz_wglx = obj.wgpz_wglx;
+        this.FormData.sbpz_sbid = obj.sbpz_sbid;
+        this.FormData.sbpz_sbmc = obj.sbpz_sbmc;
+        this.FormData.sbpz_mac = obj.sbpz_mac;
+        this.FormData.sbpz_jysb = obj.sbpz_jysb;
+        this.FormData.sbpz_jdzxz = obj.sbpz_jdzxz;
+        this.FormData.cjdpz_tagid = obj.cjdpz_tagid;
+        this.FormData.cjdpz_mc = obj.cjdpz_mc;
+        this.FormData.cjdpz_sjq = obj.cjdpz_sjq;
+        this.FormData.cjdpz_jcqdz = obj.cjdpz_jcqdz;
+        this.FormData.cjdpz_cjsjlx = obj.cjdpz_cjsjlx;
+        this.FormData.cjdpz_zjx = obj.cjdpz_zjx;
+        this.FormData.cjdpz_dxsx = obj.cjdpz_dxsx;
+        this.FormData.cjdpz_beilv = obj.cjdpz_beilv;
+        this.FormData.mqtt_qiyong = obj.mqtt_qiyong;
+        this.FormData.mqtt_ip = obj.mqtt_ip;
+        this.FormData.mqtt_port = obj.mqtt_port;
+        this.FormData.mqtt_wgsn = obj.mqtt_wgsn;
+        this.FormData.mqtt_sssjfbzt = obj.mqtt_sssjfbzt;
+        this.FormData.mqtt_qos = obj.mqtt_qos;
+        this.FormData.mqtt_scms = obj.mqtt_scms;
+        this.FormData.mqtt_sczq = obj.mqtt_sczq;
+        this.FormData.mqtt_sjgl = obj.mqtt_sjgl;
+        this.FormData.mqtt_cjd_sbmc = obj.mqtt_cjd_sbmc;
+        this.FormData.mqtt_cjd_tagid = obj.mqtt_cjd_tagid;
+      }
+    },
+    async sendTree() {
+      let result = await SendTree({
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        data: JSON.stringify(this.trees),
+        type: "1",
+      });
+      console.log(result);
+    },
+
+    //网关配置的信息
+    async submitGate() {
+      this.$refs["gateWay"].validate((valid) => {
+        if (valid) {
+          // console.log('submit!');
+          this.saveGates();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //
+
+    async saveGates() {
+      this.outerVisible = false;
+      // this.innerVisible = false;
+      // let datas = sessionStorage.getItem("DB-IotLite_yx");
+      // console.log(JSON.parse(datas));
+      // datas = { ...JSON.parse(datas), ...this.gateWay };
+      // console.log(datas);
+      let res = await SaveUserAnswer({
+        mark: "DB-IotLite_yx",
+        user_id: this.user_id,
+        // user_id: "USER202307301114011710",
+        mark_value: JSON.stringify(this.FormData),
+        step: "1",
+      });
+      if (res.data.state) {
+        this.$message({
+          message: "修改成功",
+          type: "success",
+        });
+        this.trees[0].label = this.FormData.wgpz_wgid;
+        this.sendTree();
+        // sessionStorage.setItem("DB-IotLite_yx", JSON.stringify(this.gateWay));
+      } else {
+        this.$message({
+          message: `修改失败,原因是${res.data.message}`,
+          type: "error",
+        });
+      }
+      console.log(res);
+    },
+  },
+  created() {
+    console.log(this.$route.query.user_id);
+    this.user_id = this.$route.query.user_id;
+    if (this.user_id != "undefined") {
+      GetTree({
+        user_id: this.user_id,
+        type: "1",
+      }).then((res) => {
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
+        this.trees = JSON.parse(res.data.data.data);
+        // alert(JSON.stringify(this.trees));
+        // console.log(this.$router.query.firstlabel);
+        // this.trees[0] = this.$router.query.firstlabel;
+      });
+    }
+    this.loading = true;
+    this.GetUserAnswer();
+    this.loading = false;
+    // let res2 = GetUserAnswer()
+  },
+  mounted() {
+    console.log(this.$route.query.firstlabel);
+    // console.log(this.FormData.wgpz_wgid);
+    // this.trees[0].label = this.$route.query.firstlabel;
+    // this.sendTree();
+  },
+  watch: {
+    "FormData.tdpz_watchtime"(newval) {
+      console.log(newval);
+      if (newval) {
+        this.isdisabled = true;
+      } else {
+        this.isdisabled = false;
+      }
+    },
+    // "FormData.tdpz_td"(newval) {
+    //   console.log(newval);
+    //   if (newval =="网口") {
+    //     this.isDuan = true;
+    //   } else {
+    //     this.isDuan = false;
+    //   }
+    // }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/ .tree_menu {
+  position: absolute;
+  width: 286px;
+  left: 64px;
+  top: 104px;
+  width: 286px;
+  height: 753px;
+  line-height: 20px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  text-align: center;
+  border: 1px solid rgba(220, 220, 220, 1);
+
+  .el-input__inner {
+    height: 30px !important;
+  }
+}
+
+.tree_rightmenu {
+  position: fixed;
+  width: 120px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  z-index: 1000;
+}
+
+.super_parmams {
+  display: flex;
+  color: #fff !important;
+  justify-content: space-between;
+  align-items: center;
+  width: 668px;
+
+  i {
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+  }
+}
+
+/deep/ .pas_params {
+  .el-col-12:last-child {
+    padding-right: 150px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 38px;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    text-align: left;
+    padding: 0px 8px;
+  }
+
+  .el-row {
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-1 {
+      color: #fff !important;
+      text-align: center;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    .el-col-6 {
+      height: 40px;
+      top: 4px;
+      left: 78px;
+      position: relative;
+      width: 50px;
+    }
+  }
+}
+
+.super_con {
+  .el-col-12:last-child {
+    padding-right: 28px;
+  }
+
+  .el-col-12:first-child {
+    padding-right: 42px;
+  }
+
+  .el-input__inner {
+    text-align: left;
+    padding: 0 8px;
+  }
+
+  .el-row {
+    color: #fff !important;
+    display: flex;
+    align-items: flex-end;
+
+    .el-col-4 {
+      padding-left: 5px;
+      width: 14px;
+      text-align: center;
+      line-height: 4px;
+      height: 20px;
+    }
+  }
+}
+
+.el-dialog__footer {
+  padding: 18px 1.25rem 50px;
+}
+
+.dialog-footer {
+  position: absolute;
+  left: 50%;
+  bottom: 45px;
+  transform: translateX(-50%);
+}
+
+/deep/ .drvieName_All {
+  position: absolute;
+  left: 1408px;
+  top: 140px;
+  width: 435px;
+  max-height: 720px;
+  z-index: 10000;
+  border: 1px solid #f5f5f5;
+
+  .title {
+    background-color: #fff;
+    padding: 5px 6px 5px 25px;
+    display: flex;
+    justify-content: space-between;
+
+    .title_l {
+      width: 103px;
+      height: 26px;
+      color: rgba(16, 16, 16, 1);
+      font-size: 18px;
+      text-align: left;
+    }
+
+    .title_r {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      cursor: pointer;
+      color: rgba(111, 103, 103, 1);
+    }
+  }
+
+  // h3 {
+  //   padding-bottom: 10px;
+  //   background-color: #fff;
+  // }
+
+  .el-divider--horizontal {
+    margin: 0px;
+  }
+}
+</style>
diff --git a/src/components/ChiClone.vue b/src/components/ChiClone.vue
index 51c7764..ee30995 100644
--- a/src/components/ChiClone.vue
+++ b/src/components/ChiClone.vue
@@ -833,7 +833,7 @@ export default {
       // this.innerVisible = false;
       // console.log(JSON.parse(datas));
       let datas = { ...this.formData, ...this.tableData[0] };
-      alert(JSON.stringify(datas));
+      // alert(JSON.stringify(datas));
       let res = await SaveUserAnswer({
         mark: "CHGYWG_yx",
         user_id: this.user_id,
diff --git a/src/components/ChiCollection.vue b/src/components/ChiCollection.vue
index 758d8d5..15c5aa3 100644
--- a/src/components/ChiCollection.vue
+++ b/src/components/ChiCollection.vue
@@ -1213,7 +1213,7 @@ export default {
           message: "保存成功",
           type: "success",
         });
-        console.log(res);
+        // console.log(res);
         // sessionStorage.setItem("CHGYWG_yx", JSON.stringify(this.tableData[0]));
       } else {
         this.$message({
@@ -1228,12 +1228,12 @@ export default {
         mark: "CHGYWG_yx",
         user_id: this.user_id,
       });
-      console.log(data, "斥候有线网关的采集点页面");
+      // console.log(data, "斥候有线网关的采集点页面");
       this.loading = false;
       if (data.data && data.state) {
         // console.log(JSON.parse(data.data.mark_value));
         let obj = JSON.parse(data.data.mark_value);
-        alert(obj.sbpz_qyhmcj);
+        // alert(obj.sbpz_qyhmcj);
         // alert(obj.sbpz_qyplcj);
         if (obj.cjdpz_tagid) {
           this.tableData[0].cjdpz_tagid = obj.cjdpz_tagid;
diff --git a/src/components/DeviceWirle.vue b/src/components/DeviceWirle.vue
index ccffa0d..3bbee6a 100644
--- a/src/components/DeviceWirle.vue
+++ b/src/components/DeviceWirle.vue
@@ -531,7 +531,7 @@ export default {
         mark_value: JSON.stringify(datas),
         step: "3",
       });
-      console.log(res.data);
+      // console.log(res.data);
       if (res.data.state) {
         this.$message({
           message: "保存成功",
@@ -565,9 +565,9 @@ export default {
       });
       console.log(answer);
       if (answer.data.data && answer.data.state) {
-        console.log(answer);
+        // console.log(answer);
         let obj = JSON.parse(answer.data.data.mark_value);
-        console.log(obj);
+        // console.log(obj);
         if (obj.sbpz_sbid) {
           this.formData.sbpz_sbid = obj.sbpz_sbid;
           this.formData.sbpz_jdzxz = Boolean(Number(obj.sbpz_jdzxz));
@@ -576,7 +576,7 @@ export default {
           this.formData.sbpz_sbdz = obj.sbpz_sbdz;
         }
         this.formData.wgpz_wgid = obj.wgpz_wgid;
-        console.log(this.formData.wgpz_wgid);
+        // console.log(this.formData.wgpz_wgid);
         this.formData.wgpz_wgmc = obj.wgpz_wgmc;
         this.formData.wgpz_wglx = obj.wgpz_wglx;
         this.formData.ippz_lwfs = obj.ippz_lwfs;
@@ -636,7 +636,7 @@ export default {
         data: JSON.stringify(this.trees),
         type: "2",
       });
-      console.log(result);
+      // console.log(result);
     },
     //网关配置的信息
     async submitGate() {
@@ -691,8 +691,8 @@ export default {
         user_id: this.user_id,
         type: "2",
       }).then((res) => {
-        console.log(res);
-        console.log(JSON.parse(res.data.data.data));
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
         this.trees = JSON.parse(res.data.data.data);
       });
     }
diff --git a/src/components/GateWay.vue b/src/components/GateWay.vue
index 23cf9ee..f5852c9 100644
--- a/src/components/GateWay.vue
+++ b/src/components/GateWay.vue
@@ -467,7 +467,7 @@ export default {
         mark_value: JSON.stringify(datas),
         step: this.step
       });
-      console.log(res);
+      // console.log(res);
       if (res.data.state) {
         this.$message({
           message: "保存成功",
@@ -479,7 +479,7 @@ export default {
           type: "error",
         });
       }
-      console.log(res);
+      // console.log(res);
     },
     CopyText() {
       this.$message({
@@ -495,7 +495,7 @@ export default {
         // user_id: "USER202307301114011710",
       });
       this.loading = false;
-      console.log(res2);
+      // console.log(res2);
       // alert(JSON.stringify(res2));
 
       if (res2.data.data && res2.data.state) {
@@ -503,7 +503,7 @@ export default {
           this.step = res2.data.data.step;
         }
         let res3 = JSON.parse(res2.data.data.mark_value);
-        console.log(res3);
+        // console.log(res3);
         if (res3.ippz_mac) {
           this.formData.ippz_mac = res3.ippz_mac;
         }
diff --git a/src/components/SerialPort.vue b/src/components/SerialPort.vue
index 98ece29..0e56c68 100644
--- a/src/components/SerialPort.vue
+++ b/src/components/SerialPort.vue
@@ -1222,7 +1222,7 @@ export default {
         tdpz_050F: this.formData.tdpz_050F,
         tdpz_0610: this.formData.tdpz_0610,
       };
-      console.log(obj);
+      // console.log(obj);
       // alert(obj.tdpz_dxzkb);
       this.add_passage = false;
       // console.log(this.formData);
diff --git a/src/components/TreeView.vue b/src/components/TreeView.vue
index 728c695..fe6e0c9 100644
--- a/src/components/TreeView.vue
+++ b/src/components/TreeView.vue
@@ -1288,7 +1288,7 @@ export default {
       console.log(answer);
       if (answer.data.data && answer.data.state) {
         let obj = JSON.parse(answer.data.data.mark_value);
-        console.log(obj);
+        // console.log(obj);
         // this.FormData.
         if (obj.tdpz_dxzkb) {
           this.tdpz_dxzkb1 = obj.tdpz_dxzkb.split(":")[0];
@@ -1418,8 +1418,8 @@ export default {
         user_id: this.user_id,
         type: "1",
       }).then((res) => {
-        console.log(res);
-        console.log(JSON.parse(res.data.data.data));
+        // console.log(res);
+        // console.log(JSON.parse(res.data.data.data));
         this.trees = JSON.parse(res.data.data.data);
         // alert(JSON.stringify(this.trees));
         // console.log(this.$router.query.firstlabel);