From 5c5db9bbd8ffe3517d53a9bf9a9618a32b00747a Mon Sep 17 00:00:00 2001
From: yanfeiyong <2060201549@qq.com>
Date: Wed, 26 Feb 2025 19:52:21 +0800
Subject: [PATCH] =?UTF-8?q?web=E8=B5=84=E4=BA=A7=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E7=9A=84=E7=BB=84=E4=BB=B6=E6=B8=B2=E6=9F=93=E6=95=B4=E7=90=86?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/assetsManagement/index.js      |  831 ++++-----
 .../components/assetsManagement/index.vue     | 1606 ++++++++++++++++-
 2 files changed, 1970 insertions(+), 467 deletions(-)

diff --git a/src/views/auditPages/components/assetsManagement/index.js b/src/views/auditPages/components/assetsManagement/index.js
index 6ca2238..13f1797 100644
--- a/src/views/auditPages/components/assetsManagement/index.js
+++ b/src/views/auditPages/components/assetsManagement/index.js
@@ -1,5 +1,5 @@
 // import { directive } from "vue/types/umd";
-
+// 基本信息
 const list = [
     {
         key: "xtmc",
@@ -20,10 +20,10 @@ const list = [
         prop: "xtym",
     },
     {
-        key: "xtym",
+        key: "fwwz",
         label: "访问网址",
-        type: "input",
-        prop: "xtym",
+        type: "custom",
+        prop: "fwwz",
     },
     {
         key: "jsyydw",
@@ -38,24 +38,12 @@ const list = [
         prop: "hlwkfyt",
         dict: "zc_hlwkfyt"
     },
-    {
-        key: "jsyydw",
-        label: "建设（运营）单位",
-        type: "input",
-        prop: "jsyydw",
-    },
     {
         key: "ipAddress",
         label: "Ip/Port",
-        type: "input",
+        type: "ip-port",
         prop: "ipAddress",
     },
-    {
-        key: "ipPort",
-        label: "",
-        type: "input",
-        prop: "ipPort",
-    },
     {
         key: "isZjhlwip",
         label: "是否自建互联网专线IP",
@@ -78,27 +66,21 @@ const list = [
     {
         key: "ymdqsj",
         label: "关联IP",
-        type: "date",
+        type: "input",
         prop: "ymdqsj",
     },
     {
         key: "ymtxrXm",
         label: "到期提醒人",
-        type: "input",
+        type: "input2",
         prop: "ymtxrXm",
     },
-    {
-        key: "ymtxrLxfs",
-        label: "",
-        type: "input",
-        prop: "ymtxrLxfs",
-    },
     {
         key: "xtzyx",
         label: "系统重要性",
         type: "select",
         prop: "xtzyx",
-        dict: "zc_xtzc"
+        dict: "zc_xtzyx"
     },
     {
         key: "gjxt",
@@ -186,6 +168,7 @@ const list = [
         label: "地理位置",
         type: "cascader",
         prop: "dlwz",
+        options: "options"
     },
     {
         key: "jd",
@@ -198,18 +181,21 @@ const list = [
         label: "纬度",
         type: "input",
         prop: "wd",
-    },
+    }];
+const list01 = [
     {
         key: "xttz",
         label: "系统特征",
         type: "checkbox",
         prop: "xttz",
-        // dict: "zc_xttz"
-    },
+        dict: "tc_xttz"
+    }
+];
+const list02 = [
     {
         key: "yhgm",
         label: "用户规模",
-        type: "checkbox",
+        type: "select",
         prop: "yhgm",
         dict: "zc_yhgm"
     },
@@ -269,19 +255,11 @@ const list = [
         label: "系统标签",
         type: "input",
         prop: "xtbq"
-    },
-    {
-        key: "tgdw",
-        label: "托管单位",
-        type: "input",
-        prop: "tgdw"
-    },
-    {
-        key: "yfws",
-        label: "云服务商",
-        type: "input",
-        prop: "yfws"
-    },
+    }
+];
+
+// 系统防护信息
+const list2 = [
     {
         key: "xtfhqkFcg",
         label: "防篡改",
@@ -309,7 +287,10 @@ const list = [
         type: "checkbox-group",
         prop: "xtfhqkFls",
         dict: "xtfhqk_fls"
-    },
+    }];
+
+//相关业务
+const list3 = [
     {
         key: "xgywFgfw",
         label: "覆盖范围",
@@ -357,86 +338,56 @@ const list = [
         label: "业务描述",
         type: "textarea",
         prop: "xgywYwms",
-    },
+    }];
+//联系人
+const list4 = [
     {
-        key: "fgfzrxm",
+        key: "fgfzr",
         label: "分管责任人",
-        type: "input",
-        prop: "fgfzrxm"
-    },
-    {
-        key: "fgfzrlxfs",
-        label: "",
-        type: "input",
-        prop: "fgfzrlxfs",
-    },
-    {
-        key: "fgfzryx",
-        label: "",
-        type: "input",
-        prop: "fgfzryx",
+        items: [
+            { key: "fgfzrxm", label: "姓名", type: "input", prop: "fgfzrxm" },
+            { key: "fgfzrlxfs", label: "联系方式", type: "input", prop: "fgfzrlxfs" },
+            { key: "fgfzryx", label: "邮箱", type: "input", prop: "fgfzryx" }
+        ]
     },
     {
-        key: "bmfzrxm",
+        key: "bmfzr",
         label: "部门负责人",
-        type: "input",
-        prop: "bmfzrxm"
-    },
-    {
-        key: "bmfzrlxfs",
-        label: "",
-        type: "input",
-        prop: "bmfzrlxfs",
-    },
-    {
-        key: "bmfzryx",
-        label: "",
-        type: "input",
-        prop: "bmfzryx",
+        items: [
+            { key: "bmfzrxm", label: "姓名", type: "input", prop: "bmfzrxm" },
+            { key: "bmfzrlxfs", label: "联系方式", type: "input", prop: "bmfzrlxfs" },
+            { key: "bmfzryx", label: "邮箱", type: "input", prop: "bmfzryx" }
+        ]
     },
     {
-        key: "dylxrlxfs",
+        key: "dylxr",
         label: "第一联系人",
-        type: "input",
-        prop: "dylxrlxfs",
-    },
-    {
-        key: "dylxrlxfs",
-        label: "",
-        type: "input",
-        prop: "dylxrlxfs",
-    },
-    {
-        key: "dylxryx",
-        label: "",
-        type: "input",
-        prop: "dylxryx",
+        items: [
+            { key: "dylxrxm", label: "姓名", type: "input", prop: "dylxrxm" },
+            { key: "dylxrlxfs", label: "联系方式", type: "input", prop: "dylxrlxfs" },
+            { key: "dylxryx", label: "邮箱", type: "input", prop: "dylxryx" }
+        ]
     },
     {
-        key: "qtlxrlxfs",
+        key: "qt",
         label: "其他联系人",
-        type: "input",
-        prop: "qtlxrlxfs",
-    },
-    {
-        key: "qtlxrlxfs",
-        label: "",
-        type: "input",
-        prop: "qtlxrlxfs",
-    },
-    {
-        key: "qtlxryx",
-        label: "",
-        type: "input",
-        prop: "qtlxryx",
-    },
+        items: [
+            { key: "qtlxrxm", label: "姓名", type: "input", prop: "qtlxrxm" },
+            { key: "qtlxrlxfs", label: "联系方式", type: "input", prop: "qtlxrlxfs" },
+            { key: "qtlxryx", label: "邮箱", type: "input", prop: "qtlxryx" }
+        ]
+    }
+];
+//ICP备案信息
+const list5 = [
     {
         key: "ipcSfba",
         label: "是否备案",
         type: "select",
         prop: "ipcSfba",
         dict: "is_no"
-    },
+    }];
+const list501 = [
     {
         key: "ipcBayxx",
         label: "备案有效性",
@@ -499,14 +450,18 @@ const list = [
         label: "审核时间",
         type: "date",
         prop: "shsj",
-    },
+    }];
+//公安机关备案信息   
+const list6 = [
     {
         key: "gajgSfba",
         label: "是否备案",
         type: "select",
         prop: "gajgSfba",
         dict: "is_no"
-    },
+    }];
+//公安机关备案信息（是）
+const list7 = [
     {
         key: "gajgBajg",
         label: "备案机关",
@@ -524,7 +479,9 @@ const list = [
         label: "备案日期",
         type: "date",
         prop: "gajgBarq",
-    },
+    }];
+//系统架构
+const list8 = [
     {
         key: "xtjgKfs",
         label: "开发商",
@@ -578,15 +535,20 @@ const list = [
     {
         key: "xtjgGchl",
         label: "系统设备国产化率",
-        type: "input",
+        type: "number",
         prop: "xtjgGchl"
-    },
+    }]
+//等保信息
+const list9 = [
     {
         key: "dbxxSfdbxt",
         label: "是否等保系统",
         type: "select",
-        prop: "dbxxSfdbxt"
-    },
+        prop: "dbxxSfdbxt",
+        dict: "is_no"
+    }];
+//等保信息（是）
+const list10 = [
     {
         key: "dbxxDbcpbah",
         label: "等保测评备案号",
@@ -638,7 +600,9 @@ const list = [
         type: "select",
         prop: "dbxxSfydsfcp",
         dict: "is_no"
-    },
+    }];
+//如果----是---第三方测评
+const list11 = [
     {
         key: "sfCpjgmc",
         label: "测评机构名称",
@@ -724,7 +688,9 @@ const list = [
         label: "测评结论",
         type: "textarea",
         prop: "sfCpjl",
-    },
+    }];
+//密评信息
+const list12 = [
     {
         key: "mpSfmpxt",
         label: "是否密评系统",
@@ -735,259 +701,223 @@ const list = [
     {
         key: "mpMpdf",
         label: "密评得分",
-        type: "input",
+        type: "number",
         prop: "mpMpdf",
+    }];
+//供应链信息
+const list13 = [
+    {
+        key: "name",
+        label: "测评单位名称",
+        type: "input",
+        prop: "name"
     },
-    //   供应链
     {
-        key: "chepingUnit",
-        label: "测评单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "测评单位名称",
-                type: "input",
-                prop: "name"
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm"
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr"
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh"
-            }
-        ]
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm"
     },
     {
-        key: "yjgysUnit",
-        label: "硬件供应商单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "硬件供应商单位名称",
-                type: "input",
-                prop: "name"
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm"
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr"
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh"
-            }
-        ]
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr"
     },
     {
-        key: "jfywUnit",
-        label: "机房运维单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "机房运维单位名称",
-                type: "input",
-                prop: "name"
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm"
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr"
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh"
-            }
-        ]
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh"
+    }
+];
+const list1301 = [
+    {
+        key: "name2",
+        label: "硬件供应商单位名称",
+        type: "input",
+        prop: "name2"
     },
     {
-        key: "xtsjUnit",
-        label: "系统设计单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "系统设计单位名称",
-                type: "input",
-                prop: "name"
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm"
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr"
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh"
-            }
-        ]
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm"
     },
     {
-        key: "xtjsUnit",
-        label: "系统建设单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "系统建设单位名称",
-                type: "input",
-                prop: "name",
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm",
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr"
+    },
+    {
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh"
+    }
+];
+const list1302 = [
+    {
+        key: "name3",
+        label: "机房运维单位名称",
+        type: "input",
+        prop: "name3"
+    },
+    {
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm"
+    },
+    {
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr"
+    },
+    {
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh"
+    }
+];
+const list1303 = [
+    {
 
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr",
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh"
-            },
-            {
-                key: "gyszcdz",
-                label: "供应商注册地址",
-                type: "input",
-                prop: "gyszcdz",
-            },
-            {
-                key: "sfwtc",
-                label: "注册地是否为太仓",
-                type: "select",
-                prop: "sfwtc",
-                dict: "is_no"
-            }
-        ]
+        key: "name3",
+        label: "系统设计单位名称",
+        type: "input",
+        prop: "name3"
     },
     {
-        key: "xtyyUnit",
-        label: "系统运营单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "系统运营单位名称",
-                type: "input",
-                prop: "name",
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm"
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr",
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh",
-            },
-            {
-                key: "gyszcdz",
-                label: "供应商注册地址",
-                type: "input",
-                prop: "gyszcdz",
-            },
-            {
-                key: "sfwtc",
-                label: "注册地是否为太仓",
-                type: "select",
-                prop: "sfwtc",
-                dict: "is_no"
-            }
-        ]
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm"
+    },
+    {
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr"
+    },
+    {
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh"
+    }
+];
+const list1304 = [
+    {
+
+        key: "name",
+        label: "系统建设单位名称",
+        type: "input",
+        prop: "name",
+    },
+    {
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm",
+
+    },
+    {
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr",
+    },
+    {
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh"
+    },
+    {
+        key: "gyszcdz",
+        label: "供应商注册地址",
+        type: "input",
+        prop: "gyszcdz",
+    },
+    {
+        key: "sfwtc",
+        label: "注册地是否为太仓",
+        type: "select",
+        prop: "sfwtc",
+        dict: "is_no"
+    }
+];
+const list1305 = [
+    {
+        key: "name",
+        label: "系统运营单位名称",
+        type: "input",
+        prop: "name",
+    },
+    {
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm"
+    },
+    {
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr",
+    },
+    {
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh",
+    },
+    {
+        key: "gyszcdz",
+        label: "供应商注册地址",
+        type: "input",
+        prop: "gyszcdz",
     },
     {
-        key: "aqfwUnit",
+        key: "sfwtc",
+        label: "注册地是否为太仓",
+        type: "select",
+        prop: "sfwtc",
+        dict: "is_no"
+    }
+]
+const list1306 = [
+    {
+        key: "name4",
         label: "安全服务单位",
-        type: "array",
-        items: [
-            {
-                key: "name",
-                label: "安全服务单位",
-                type: "input",
-                prop: "name"
-            },
-            {
-                key: "tyshxydm",
-                label: "统一社会信用代码",
-                type: "input",
-                prop: "tyshxydm"
-            },
-            {
-                key: "lxr",
-                label: "联系人",
-                type: "input",
-                prop: "lxr"
-            },
-            {
-                key: "lxdh",
-                label: "联系电话",
-                type: "input",
-                prop: "lxdh"
-            }
-        ]
+        type: "input",
+        prop: "name4"
     },
     {
-        key: "fwqxx",
-        label: "服务器信息",
-        type: "array",
-        items: [
+        key: "tyshxydm",
+        label: "统一社会信用代码",
+        type: "input",
+        prop: "tyshxydm"
+    },
+    {
+        key: "lxr",
+        label: "联系人",
+        type: "input",
+        prop: "lxr"
+    },
+    {
+        key: "lxdh",
+        label: "联系电话",
+        type: "input",
+        prop: "lxdh"
+    }
+];
+// 基础网络里的 服务器信息
+const list14 = [
             {
                 key: "sblx",
                 label: "设备类型",
@@ -1056,13 +986,9 @@ const list = [
                 type: "input",
                 prop: "yjbsxx",
             }
-        ]
-    },
-    {
-        key: "wlsb",
-        label: "网络设备",
-        type: "array",
-        items: [
+        ];
+//基础网络-网络设备
+const list15 = [
             {
                 key: "sblx",
                 label: "设备类型",
@@ -1118,13 +1044,9 @@ const list = [
                 type: "input",
                 prop: "yjbsxx",
             }
-        ]
-    },
-    {
-        key: "aqsb",
-        label: "安全设备",
-        type: "array",
-        items: [
+        ];
+//基础网络-安全设备
+const list16 = [
             {
                 key: "sblx",
                 label: "设备类型",
@@ -1180,72 +1102,66 @@ const list = [
                 type: "input",
                 prop: "yjbsxx",
             }
-        ]
-    },
-    {
-        key: "xjgywxt",
-        label: "新监管业务形态",
-        type: "radio",
-        prop: "xjgywxt.remark",
-        options: [
-            { label: "云平台", value: "1" },
-            { label: "大数据", value: "2" },
-            { label: "物联网", value: "3" },
-            { label: "移动APP", value: "4" },
-            { label: "工业控制", value: "5" },
-            { label: "CDN", value: "6" }
-        ],
-        onChange: "changeRadio",
-        style: "margin-left: 170px;"
-    },
-    // radio云平台
-    {
-        key: "ypt",
-        label: "云平台",
-        type: "group",
-        condition: "ruleForm.xjgywxt.remark == '1'",
-        items: [
+        ];
+// 新监管业务形态
+const list17 = [
+    {
+      key: "xjgywxt.remark",
+      type: "radio",
+      prop: "xjgywxt.remark",
+      options: [
+        { label: "云平台", value: "1" },
+        { label: "大数据", value: "2" },
+        { label: "物联网", value: "3" },
+        { label: "移动APP", value: "4" },
+        { label: "工业控制", value: "5" },
+        { label: "CDN", value: "6" }
+      ],
+    }
+  ];
+// 上面 -（云平台）
+const list18 = [
             {
-                key: "yptFws",
+                key: "xjgywxt.yptFws",
                 label: "云平台服务商",
                 type: "input",
                 prop: "xjgywxt.yptFws",
             },
             {
-                key: "yptSfzh",
+                key: "xjgywxt.yptSfzh",
                 label: "是否租户级安全",
                 type: "select",
                 prop: "xjgywxt.yptSfzh",
                 dict: "is_no"
             },
             {
-                key: "yptLx",
+                key: "xjgywxt.yptLx",
                 label: "云平台类型",
                 type: "input",
                 prop: "xjgywxt.yptLx",
             },
             {
-                key: "yptYjzydx",
+                key: "xjgywxt.yptYjzydx",
                 label: "硬件资源大小",
                 type: "input",
                 prop: "xjgywxt.yptYjzydx",
             },
             {
-                key: "yptPtjg",
+                key: "xjgywxt.yptPtjg",
                 label: "平台架构",
                 type: "input",
                 prop: "xjgywxt.yptPtjg",
 
             },
             {
-                key: "yptIp",
+                key: "xjgywxt.yptIp",
                 label: "互联网IP段",
                 type: "input",
                 prop: "xjgywxt.yptIp",
 
             },
             {
-                key: "yptJflxr",
+                key: "xjgywxt.yptJflxr",
                 label: "机房联系人",
                 type: "input",
                 prop: "xjgywxt.yptJflxr",
@@ -1257,37 +1173,32 @@ const list = [
                 prop: "xjgywxt.yptJflxrdh",
             },
             {
-                key: "yptJfEmail",
+                key: "xjgywxt.yptJfEmail",
                 label: "机房联系人邮箱",
                 type: "input",
                 prop: "xjgywxt.yptJfEmail",
             },
             {
-                key: "yptJfdz",
+                key: "xjgywxt.yptJfdz",
                 label: "机房地址",
                 type: "input",
                 prop: "xjgywxt.yptJfdz",
             },
             {
-                key: "yptYwfw",
+                key: "xjgywxt.yptYwfw",
                 label: "业务范围",
                 type: "input",
                 prop: "xjgywxt.yptYwfw",
             },
             {
-                key: "yptYwms",
+                key: "xjgywxt.yptYwms",
                 label: "业务描述",
                 type: "textarea",
                 prop: "xjgywxt.yptYwms",
             }
-        ]
-    },
-    {
-        key: "dsj",
-        label: "大数据",
-        type: "group",
-        condition: "ruleForm.xjgywxt.remark == '2'",
-        items: [
+        ];
+// 上面 -- （大数据）
+const list19 = [
             {
                 key: "dsjPtfws",
                 label: "平台服务商",
@@ -1334,13 +1245,8 @@ const list = [
                 dict: "is_no"
             }
         ]
-    },
-    {
-        key: "wulianwang",
-        label: "物联网",
-        type: "group",
-        condition: "ruleForm.xjgywxt.remark == '3'",
-        items: [
+// 上面value == 3 时  （物联网）
+const list20 = [
             {
                 key: "wlwsbXtjcs",
                 label: "系统集成商名称",
@@ -1447,13 +1353,8 @@ const list = [
                 prop: "xjgywxt.sxtGdbb",
             }
         ]
-    },
-    {
-        key: "yidongapp",
-        label: "移动APP",
-        type: "group",
-        condition: "ruleForm.xjgywxt.remark == '4'",
-        items: [
+// 上面value == 4 时  （移动App）
+const list21 = [
             {
                 key: "appXt",
                 label: "移动APP系统",
@@ -1498,13 +1399,8 @@ const list = [
                 dict: "is_no"
             }
         ]
-    },
-    {
-        key: "gongyeKongzhi",
-        label: "工业控制",
-        type: "group",
-        condition: "ruleForm.xjgywxt.remark == '5'",
-        items: [
+// 上面value == 5 时  （工业控制）
+const list22 = [
             {
                 key: "gykzJcs",
                 label: "系统集成商名称",
@@ -1607,13 +1503,8 @@ const list = [
                 prop: "xjgywxt.gykzMs",
             }
         ]
-    },
-    {
-        key: "cdn",
-        label: "CDN",
-        type: "group",
-        condition: "ruleForm.xjgywxt.remark == '6'",
-        items: [
+// 上面value == 6 时  （CDN）
+const list23 = [
             {
                 key: "cdnGys",
                 label: "CDN供应商",
@@ -1658,12 +1549,17 @@ const list = [
                 prop: "xjgywxt.cdnJsxx",
             }
         ]
-    },
+//Whois信息   
+const list24 = [
     {
         key: "whoisYxx",
-        label: "有效性质",
+        label:"有效性质",
         type: "radio",
         prop: "whoisYxx",
+        options: [
+          { label: "是", value: "1" },
+          { label: "否", value: "2" }
+        ],
     },
     {
         key: "whoisZcm",
@@ -1724,7 +1620,9 @@ const list = [
         label: "到期时间",
         type: "date",
         prop: "whoisDqsj"
-    },
+    }];
+//数据资产
+const list25 = [
     {
         key: "sjzcSjkmc",
         label: "数据库名称",
@@ -1829,29 +1727,41 @@ const list = [
         label: "数据描述",
         type: "textarea",
         prop: "sjzcSjms",
-    },
-    {
-        key: "ywxttpwj",
-        label: "业务系统拓扑图文件",
-        type: "upload",
-        prop: "ywxttpwj",
-    },
-    {
-        key: "ywxttpt",
-        label: "业务系统拓扑图图片",
-        type: "upload",
-        prop: "ywxttpt",
-    },
-    {
-        key: "bfyy",
-        label: "关停原因",
-        type: "display",
-        prop: "bfyy",
-        condition: "ruleForm.bfyy"
     }
 
 ];
+const list26 = [
+    {
+      key: "ywxttpwj",
+      label: "",
+      type: "file",
+      prop: "ywxttpwj",
+      accept: "xls,xlsx,doc,docx,pdf,rar,zip,pcap,txt",
+      limit: 1,
+      fileSize: 30,
+      description: "附件上传，支持xls、xlsx、doc、docx、pdf、rar、zip、pcap、txt、最多上传1个文件，每个不超过30M"
+    },
+    {
+      key: "ywxttpt",
+      label: "",
+      type: "image",
+      prop: "ywxttpt",
+      accept: "jpg,jpeg,png",
+      limit: 1,
+      fileSize: 30,
+      description: "图片上传，支持jpg、jpeg、png、最多上传1张图片，每个不超过30M"
+    },
+    // {
+    //   key: "bfyy",
+    //   label: "关停原因",
+    //   type: "textarea",
+    //   prop: "bfyy",
+    //   condition: "ruleForm.bfyy"
+    // }
+  ]
 const listRules = {
+    //供应链的表单验证
+    name: [{ required: true, message: "请填写", trigger: "blur" }],
     xtmc: [{ required: true, message: "请填写", trigger: "blur" }],
     dwmc: [{ required: true, message: "请填写", trigger: "blur" }],
     hlwkfyt: [{ required: true, message: "请填写", trigger: "change" }],
@@ -1929,7 +1839,7 @@ const listRules = {
         message: '请输入正确的邮箱地址',
         trigger: ['blur', 'change']
     }],
-    ipcBayxx: [{ required: true, message: "请填写", trigger: "change" }],
+    ipcSfba: [{ required: true, message: "请填写", trigger: "change" }],
     ipcIpcbabh: [{ required: true, message: "请填写", trigger: "blur" }],
     ipcBaym: [{ required: true, message: "请填写", trigger: "blur" }],
     ipcBalxrdh: [
@@ -2053,5 +1963,6 @@ const listRules = {
     sjzcSjfjfl: [{ required: true, message: "请填写", trigger: "change" }],
     sjzcSjzycd: [{ required: true, message: "请填写", trigger: "change" }],
 };
+
 console.log(list);
-export  { list, listRules };
+export { list,list01,list02, list2, list3, list4, list5, list501, list6, list7, list8, list9, list10, list11, list12, list13,list1301,list1302,list1303,list1304,list1305,list1306, list14, list15, list16, list17, list18, list19, list20, list21, list22, list23, list24, list25,list26, listRules };
diff --git a/src/views/auditPages/components/assetsManagement/index.vue b/src/views/auditPages/components/assetsManagement/index.vue
index 4e42169..ab3dbc1 100644
--- a/src/views/auditPages/components/assetsManagement/index.vue
+++ b/src/views/auditPages/components/assetsManagement/index.vue
@@ -14,6 +14,7 @@
       label-position="right"
       :disabled="disabled"
     >
+    <!-- 基本信息 -->
       <form-title title="基本信息"></form-title>
       <div class="grid-container">
         <el-form-item
@@ -23,6 +24,7 @@
           :prop="item.prop"
           :class="item.type == 'textarea' ? 'full-width' : ''"
         >
+        <!-- 单位名称的 -->
           <el-select
             v-if="item.type == 'autocomplete'"
             v-model="ruleForm[item.key]"
@@ -40,11 +42,67 @@
             >
             </el-option>
           </el-select>
+          <!-- 访问地址(自定义) -->
+          <el-row v-else-if="item.type == 'custom' && item.key == 'fwwz'">
+            <el-col :span="23">
+              <el-input
+                placeholder="请输入内容"
+                v-model="ruleForm[item.key]"
+                class="input-with-select"
+              >
+                <template slot="prepend">
+                  <el-select v-model="select">
+                    <el-option label="http" value="http"></el-option>
+                    <el-option label="https" value="https"></el-option>
+                  </el-select>
+                  <span class="wangzhispan">://</span>
+                </template>
+              </el-input>
+            </el-col>
+            <el-col :span="1">
+              <el-popover
+                placement="top"
+                width="250"
+                trigger="hover"
+              >
+                <div>说明：请仔细填写访问地址，确保网站地址能被访问</div>
+                <i slot="reference" class="el-icon-document-copy" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
+              </el-popover>
+            </el-col>
+          </el-row>
+          <!-- 自定义到期提醒人渲染 -->
+          <el-row v-else-if="item.type == 'input2'">
+            <el-col :span="6">
+              <el-form-item>
+                <el-input v-model="ruleForm.ymtxrXm" style="width: 90%;" placeholder="请输入姓名"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item prop = "ymtxrLxfs">
+                <el-input v-model="ruleForm.ymtxrLxfs" style="width: 100%;" placeholder="请输入11位移动电话号码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+            <!-- 自定义 Ip/Port 渲染 -->
+          <el-row v-else-if="item.type == 'ip-port'">
+            <el-col :span="19">
+              <el-form-item>
+                <el-input v-model="ruleForm.ipAddress" style="width: 100%;" placeholder="请输入IP地址"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col class="line" :span="1">:</el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-input v-model="ruleForm.ipPort" style="width: 100%;" placeholder="端口号"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
           <!-- 输入框 -->
           <el-input
             v-if="item.type == 'input'"
             v-model="ruleForm[item.key]"
             :placeholder="'请输入' + item.label"
+            @change="item.key === 'xtbsfs' ? xtbsfsChange : null"
           ></el-input>
           <!-- 选择框 -->
           <el-select
@@ -78,9 +136,1389 @@
             :rows="5"
             v-model="ruleForm[item.key]"
           ></el-input>
+          <!-- 级联选择器 -->
+          <el-cascader
+            v-if="item.type == 'cascader'"
+            :size="item.size"
+            :props="item.props"
+            :options="item.options"
+            v-model="ruleForm[item.key]"
+          >
+          </el-cascader>
+        </el-form-item>
+        <!-- 根据 xtbsfs(部署方式的选项值) 值渲染的表单项 -->
+        <!-- <el-form-item
+          v-if="ruleForm.xtbsfs == 3"
+          label="托管单位"
+          prop="tgdw"
+        >
+          <el-input
+            v-model="ruleForm.tgdw"
+            style="width: 100%;"
+            placeholder="请输入托管单位"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          v-if="ruleForm.xtbsfs == 4"
+          label="云服务商"
+          prop="yfws"
+        >
+          <el-input
+            v-model="ruleForm.yfws"
+            style="width: 100%;"
+            placeholder="请输入云服务商"
+          ></el-input>
+        </el-form-item> -->
+      </div>
+<!-- 系统特征的内容 -->
+      <div>
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list01"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+         <!-- 复选框 -->
+          <el-checkbox-group
+            v-if="item.type == 'checkbox'"
+            v-model="ruleForm[item.key]"
+          >
+            <el-checkbox
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            >
+            </el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+      </div>
+<!-- 基本信息的剩余部分 -->
+      <div class = "grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list02"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+
+           <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+            @change="item.key === 'xtbsfs' ? xtbsfsChange : null"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <!-- 根据 xtbsfs(部署方式的选项值) 值渲染的表单项 -->
+        <el-form-item
+          v-if="ruleForm.xtbsfs == 3"
+          label="托管单位"
+          prop="tgdw"
+        >
+          <el-input
+            v-model="ruleForm.tgdw"
+            style="width: 100%;"
+            placeholder="请输入托管单位"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          v-if="ruleForm.xtbsfs == 4"
+          label="云服务商"
+          prop="yfws"
+        >
+          <el-input
+            v-model="ruleForm.yfws"
+            style="width: 100%;"
+            placeholder="请输入云服务商"
+          ></el-input>
+        </el-form-item>
+      </div>
+
+      <!-- 收起更多按钮 -->
+      <el-row v-if="pageType !== 'look'">
+            <el-col :span="24" style="text-align: right;margin: 10px 0;">
+              <el-button @click="isMore = !isMore" :disabled="false">{{ isMore ? '收起' : '更多' }}</el-button>
+            </el-col>
+      </el-row>
+
+      <!-- 隐藏部分 -->
+      <div v-if="isMore">
+      <!-- 系统防护信息 -->
+      <form-title title="系统防护信息"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list2"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+        </el-form-item>
+      </div>
+
+      <!-- 相关业务 -->
+      <form-title title="相关业务"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list3"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+            <!-- 输入框 -->
+            <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+            
+          </el-select>
+          <!-- 多行文本框 -->
+          <el-input
+            v-if="item.type == 'textarea'"
+            type="textarea"
+            resize="none"
+            placeholder="请输入系统简介"
+            :rows="5"
+            v-model="ruleForm[item.key]"
+          ></el-input>
+        </el-form-item>
+      </div>
+
+  <!-- 联系人 -->
+  <form-title title="联系人"></form-title>
+  <div>
+    <el-form-item
+      :label="item.label"
+      v-for="(item, index) in list4"
+      :key="index"
+      :prop="item.key"
+      :class="item.type == 'textarea' ? 'full-width' : ''"
+    >
+    <div class="grid-container2">
+    <div v-for="(subItem, subIndex) in item.items" :key="subIndex">
+      <!-- 输入框 -->
+      <el-input
+        v-if="subItem.type == 'input'"
+        v-model="ruleForm[subItem.prop]"
+        :placeholder="'请输入' + subItem.label"
+      ></el-input>
+    </div>
+  </div>
+    </el-form-item>
+  </div>
+
+<!-- ICP备案 -->
+    <form-title title="ICP备案"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list5"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'ipcSfba' ? sfbaICPChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <!-- 如果备案选择 是 -->
+      <div class="grid-container" v-if="ruleForm.ipcSfba == 1">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list501"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </div>
+
+<!-- 公安机关备案信息 -->
+    <form-title title="公安机关备案信息"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list6"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'gajgSfba' ? sfbaGajgChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+        <!-- 选择框 -->
+            <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <div class="grid-container" v-if="ruleForm.gajgSfba == 1" >
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list7"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </div>
+
+<!-- 系统架构 -->
+<form-title title="系统架构"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list8"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 百分比输入 -->
+          <el-input
+            v-if="item.type == 'number'"
+            type="number"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ><template slot="append">%</template></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </div>
+
+<!-- 等保信息 -->
+<form-title title="等保信息"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list9"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+        <!-- 选择框 -->
+            <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      <!-- 等保信息--是 -->
+      <div v-if="ruleForm.dbxxSfdbxt == 1" >
+        <form-title title="等保信息"></form-title>
+      <div class="grid-container" >
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list10"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </div>
+    </div>
+      <!-- 等保信息---是---且有第三方测评 -->
+          <div v-if="ruleForm.dbxxSfydsfcp == 1" >
+        <form-title title="第三方测评"></form-title>
+      <div class="grid-container" >
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list11"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+          <!-- 多行文本框 -->
+          <el-input
+            v-if="item.type == 'textarea'"
+            type="textarea"
+            resize="none"
+            placeholder="请输入系统简介"
+            :rows="5"
+            v-model="ruleForm[item.key]"
+          ></el-input>
+        </el-form-item>
+      </div>
+    </div>
+<!-- 密评信息 -->
+<form-title title="密评信息"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list12"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+        <!-- 选择框 -->
+            <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 百分比输入 -->
+           <el-input
+            v-if="item.type == 'number'"
+            type="number"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+        </el-form-item>
+      </div>
+
+<!-- 供应链信息 -->
+<form-title title="供应链信息"></form-title>
+    <!--供应链第一个模块  -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list13"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>
+      <!-- 供应链第二个模块 -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list1301"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+                <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>
+      <!-- 供应链第三个模块 -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list1302"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+                <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>
+      <!-- 供应链第四个模块 -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list1303"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+                <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>
+      <!-- 供应链第五个模块 -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list1304"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>
+      <!-- 供应链第六个模块 -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list1305"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>
+      <!-- 供应链第七个模块 -->
+      <div class="grid-container">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list1306"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+                <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
+      </div>  
+<!-- 基础网络 -->
+<form-title title="基础网络"></form-title>
+<!--服务器信息  -->
+      <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+        <span class="top-title-two-box">服务器信息</span>
+      </el-row>
+      <div class="grid-container2">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list14"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+      <!-- 输入框 -->
+                <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+       <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>    
+      </div>
+      <!--网络设备  -->
+      <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+        <span class="top-title-two-box">网络设备</span>
+      </el-row>
+      <div class="grid-container2">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list15"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+      <!-- 输入框 -->
+                <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+       <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>    
+      </div>
+      <!--安全设备  -->
+      <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+        <span class="top-title-two-box">安全设备</span>
+      </el-row>
+      <div class="grid-container2">
+        <el-form-item
+          :label="item.label"
+          v-for="(item, index) in list14"
+          :key="index"
+          :prop="item.prop"
+          @change="item.key === 'dbxxSfdbxt' ? sfdbxtChange : null"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+      <!-- 输入框 -->
+                <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+          ></el-input>
+       <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>    
+      </div>
+
+      <!-- 新监管业务心态 -->
+      <form-title title="新监管业务形态"></form-title>
+      <div  class="radiobox">
+        <el-form-item
+          v-for="(item, index) in list17"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 单选框 -->
+          <el-radio-group
+            v-if="item.type == 'radio'"
+            @input="changeRadio"
+            v-model="ruleForm[item.key]"
+            size="medium"
+            style="margin-left: 170px;"
+          >
+            <el-radio
+              v-for="option in item.options"
+              :key="option.value"
+              :label="option.value"
+              border
+            >
+              {{ option.label }}
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </div>
+    
+
+        <!-- 云平台 -->
+        <div v-if="ruleForm.xjgywxt.remark == 1">
+          <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+                <span class="top-title-two-box">云平台</span>
+          </el-row>
+          <div class="grid-container">
+            <el-form-item
+              v-for="(item, index) in list18"
+              :key="index"
+              :label="item.label"
+              :prop="item.prop"
+              @input="item.key === 'xjgywxt.remark' ? changeRadio : null"
+              :class="item.type == 'textarea' ? 'full-width' : ''"
+            >
+              <!-- 输入框 -->
+              <el-input
+                v-if="item.type == 'input'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请输入' + item.label"
+              ></el-input>
+              <!-- 选择框 -->
+              <el-select
+                v-if="item.type == 'select'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请选择' + item.label"
+              >
+                <el-option
+                  v-for="dict in dict.type[item.dict]"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+              <!-- 日期框 -->
+              <el-date-picker
+                v-if="item.type == 'date'"
+                v-model="ruleForm[item.prop]"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+              <!-- 多行文本框 -->
+              <el-input
+                v-if="item.type == 'textarea'"
+                type="textarea"
+                resize="none"
+                placeholder="请输入系统简介"
+                :rows="5"
+                v-model="ruleForm[item.prop]"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </div>
+        <!-- 大数据 -->
+        <div v-if="ruleForm.xjgywxt.remark == 2">
+          <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+                <span class="top-title-two-box">大数据</span>
+          </el-row>
+          <div class="grid-container">
+            <el-form-item
+              v-for="(item, index) in list19"
+              :key="index"
+              :label="item.label"
+              :prop="item.prop"
+              @input="item.key === 'xjgywxt.remark' ? changeRadio : null"
+              :class="item.type == 'textarea' ? 'full-width' : ''"
+            >
+              <!-- 输入框 -->
+              <el-input
+                v-if="item.type == 'input'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请输入' + item.label"
+              ></el-input>
+              <!-- 选择框 -->
+              <el-select
+                v-if="item.type == 'select'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请选择' + item.label"
+              >
+                <el-option
+                  v-for="dict in dict.type[item.dict]"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+              <!-- 日期框 -->
+              <el-date-picker
+                v-if="item.type == 'date'"
+                v-model="ruleForm[item.prop]"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+              <!-- 多行文本框 -->
+              <el-input
+                v-if="item.type == 'textarea'"
+                type="textarea"
+                resize="none"
+                placeholder="请输入系统简介"
+                :rows="5"
+                v-model="ruleForm[item.prop]"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </div>
+        <!-- 物联网 -->
+        <div v-if="ruleForm.xjgywxt.remark == 3">
+          <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+                <span class="top-title-two-box">物联网</span>
+          </el-row>
+          <div class="grid-container">
+            <el-form-item
+              v-for="(item, index) in list20"
+              :key="index"
+              :label="item.label"
+              :prop="item.prop"
+              @input="item.key === 'xjgywxt.remark' ? changeRadio : null"
+              :class="item.type == 'textarea' ? 'full-width' : ''"
+            >
+              <!-- 输入框 -->
+              <el-input
+                v-if="item.type == 'input'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请输入' + item.label"
+              ></el-input>
+              <!-- 选择框 -->
+              <el-select
+                v-if="item.type == 'select'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请选择' + item.label"
+              >
+                <el-option
+                  v-for="dict in dict.type[item.dict]"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+              <!-- 日期框 -->
+              <el-date-picker
+                v-if="item.type == 'date'"
+                v-model="ruleForm[item.prop]"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+              <!-- 多行文本框 -->
+              <el-input
+                v-if="item.type == 'textarea'"
+                type="textarea"
+                resize="none"
+                placeholder="请输入系统简介"
+                :rows="5"
+                v-model="ruleForm[item.prop]"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </div>
+        <!-- 移动APP -->
+        <div v-if="ruleForm.xjgywxt.remark == 4">
+          <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+                <span class="top-title-two-box">移动APP</span>
+          </el-row>
+          <div class="grid-container">
+            <el-form-item
+              v-for="(item, index) in list19"
+              :key="index"
+              :label="item.label"
+              :prop="item.prop"
+              @input="item.key === 'xjgywxt.remark' ? changeRadio : null"
+              :class="item.type == 'textarea' ? 'full-width' : ''"
+            >
+              <!-- 输入框 -->
+              <el-input
+                v-if="item.type == 'input'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请输入' + item.label"
+              ></el-input>
+              <!-- 选择框 -->
+              <el-select
+                v-if="item.type == 'select'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请选择' + item.label"
+              >
+                <el-option
+                  v-for="dict in dict.type[item.dict]"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+              <!-- 日期框 -->
+              <el-date-picker
+                v-if="item.type == 'date'"
+                v-model="ruleForm[item.prop]"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+              <!-- 多行文本框 -->
+              <el-input
+                v-if="item.type == 'textarea'"
+                type="textarea"
+                resize="none"
+                placeholder="请输入系统简介"
+                :rows="5"
+                v-model="ruleForm[item.prop]"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </div>
+        <!-- 工业控制 -->
+        <div v-if="ruleForm.xjgywxt.remark == 5">
+          <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+                <span class="top-title-two-box">工业控制</span>
+          </el-row>
+          <div class="grid-container">
+            <el-form-item
+              v-for="(item, index) in list19"
+              :key="index"
+              :label="item.label"
+              :prop="item.prop"
+              @input="item.key === 'xjgywxt.remark' ? changeRadio : null"
+              :class="item.type == 'textarea' ? 'full-width' : ''"
+            >
+              <!-- 输入框 -->
+              <el-input
+                v-if="item.type == 'input'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请输入' + item.label"
+              ></el-input>
+              <!-- 选择框 -->
+              <el-select
+                v-if="item.type == 'select'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请选择' + item.label"
+              >
+                <el-option
+                  v-for="dict in dict.type[item.dict]"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+              <!-- 日期框 -->
+              <el-date-picker
+                v-if="item.type == 'date'"
+                v-model="ruleForm[item.prop]"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+              <!-- 多行文本框 -->
+              <el-input
+                v-if="item.type == 'textarea'"
+                type="textarea"
+                resize="none"
+                placeholder="请输入系统简介"
+                :rows="5"
+                v-model="ruleForm[item.prop]"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </div>
+        <!-- CDN -->
+        <div v-if="ruleForm.xjgywxt.remark == 6">
+          <el-row style="margin: 7px 30px;font-weight: bold;color: black; font-size: 16px;">
+                <span class="top-title-two-box">CDN</span>
+          </el-row>
+          <div class="grid-container">
+            <el-form-item
+              v-for="(item, index) in list19"
+              :key="index"
+              :label="item.label"
+              :prop="item.prop"
+              @input="item.key === 'xjgywxt.remark' ? changeRadio : null"
+              :class="item.type == 'textarea' ? 'full-width' : ''"
+            >
+              <!-- 输入框 -->
+              <el-input
+                v-if="item.type == 'input'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请输入' + item.label"
+              ></el-input>
+              <!-- 选择框 -->
+              <el-select
+                v-if="item.type == 'select'"
+                v-model="ruleForm[item.prop]"
+                :placeholder="'请选择' + item.label"
+              >
+                <el-option
+                  v-for="dict in dict.type[item.dict]"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+              <!-- 日期框 -->
+              <el-date-picker
+                v-if="item.type == 'date'"
+                v-model="ruleForm[item.prop]"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+              <!-- 多行文本框 -->
+              <el-input
+                v-if="item.type == 'textarea'"
+                type="textarea"
+                resize="none"
+                placeholder="请输入系统简介"
+                :rows="5"
+                v-model="ruleForm[item.prop]"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </div>
+  <!-- Whois信息 -->
+      <form-title title="Whois信息"></form-title>
+      <div class="grid-container">
+        <el-form-item
+          v-for="(item, index) in list24"
+          :label="item.label"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+            @change="item.key === 'xtbsfs' ? xtbsfsChange : null"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+          <!-- radio -->
+          <el-radio-group
+            v-if="item.type == 'radio'"
+            v-model="ruleForm[item.key]"
+            size="medium"
+          >
+            <el-radio
+              v-for="option in item.options"
+              :key="option.value"
+              :label="option.value"
+            >
+              {{ option.label }}
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </div>
+
+  <!-- 数据资产 -->
+        <form-title title="数据资产"></form-title>
+        <div class="grid-container">
+        <el-form-item
+          v-for="(item, index) in list25"
+          :label="item.label"
+          :key="index"
+          :prop="item.prop"
+          :class="item.type == 'textarea' ? 'full-width' : ''"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请输入' + item.label"
+            @change="item.key === 'xtbsfs' ? xtbsfsChange : null"
+          ></el-input>
+          <!-- 选择框 -->
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="ruleForm[item.key]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="dict in dict.type[item.dict]"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <!-- 日期框 -->
+          <el-date-picker
+            v-if="item.type == 'date'"
+            v-model="ruleForm[item.key]"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+          <!-- 多行文本框 -->
+            <el-input
+            v-if="item.type == 'textarea'"
+            type="textarea"
+            resize="none"
+            placeholder="请输入系统简介"
+            :rows="5"
+            v-model="ruleForm[item.key]"
+          ></el-input>
         </el-form-item>
       </div>
-    </el-form>
+<!-- 业务系统拓扑图 -->
+<form-title title="业务系统拓扑图"></form-title>
+<div class="grid-container1">
+  <el-form-item
+    v-for="(item, index) in list26"
+    :label="item.label"
+    :key="index"
+    :prop="item.prop"
+    :class="item.type == 'textarea' ? 'full-width' : ''"
+  >
+ 
+    <!-- 文件上传 -->
+    <myUpload
+      v-if="item.type == 'file'"
+      :fileSize="item.fileSize"
+      :limit="item.limit"
+      :fileType="item.accept"
+      v-model="ruleForm[item.key]"
+    >
+      <div class="upload-file">
+        <i class="el-icon-paperclip"></i>
+        <span>{{ item.description }}</span>
+      </div>
+    </myUpload>
+    <!-- 图片上传 -->
+    <myUpload
+      v-if="item.type == 'image'"
+      :fileSize="item.fileSize"
+      :limit="item.limit"
+      :fileType="item.accept"
+      v-model="ruleForm[item.key]"
+    >
+      <div class="upload-file">
+        <i class="el-icon-paperclip"></i>
+        <span>{{ item.description }}</span>
+      </div>
+    </myUpload>
+    <!-- 多行文本框 -->
+    <!-- <el-input
+      v-if="item.type == 'textarea'"
+      type="textarea"
+      resize="none"
+      placeholder="请输入关停原因"
+      :rows="5"
+      v-model="ruleForm[item.prop]"
+      v-show="item.condition"
+    ></el-input> -->
+  </el-form-item>
+</div>
+
+
+</div>
+</el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="open = false" size="medium">返 回</el-button>
       <el-button
@@ -95,9 +1533,11 @@
 </template>
 
 <script>
+import pcas from "@/utils/pca-code.json"
 import formTitle from "../formTitle.vue";
 import { checkRole } from "@/utils/permission"; // 权限判断函数
-import { list, listRules } from "./index.js"
+import  { list,list01,list02,list2,list3,list4,list5,list501,list6,list7,list8,list9,list10,list11,list12,list13,
+list1301,list1302,list1303,list1304,list1305,list1306,list14,list15,list16,list17,list18,list19,list20,list21,list22,list23,list24,list25,list26,listRules }from "./index.js"
 import { assetUnitData, assetInfo, unitAllList } from "@/api/auditPagesApi/index";
 export default {
   components: { formTitle },
@@ -111,15 +1551,46 @@ export default {
   data() {
     return {
       loading: false,
-      options: [],
-      list: list,
+      options: [pcas],
+      isMore:false,
+      list: list,list01:list01,list02:list02,
+      list2: list2,list3: list3,list4: list4,list5: list5,list501,list6: list6,list7: list7,list8: list8,list9: list9,list10: list10,list11: list11,list12: list12,list13: list13,
+      list1301: list1301,list1302: list1302,list1303: list1303,list1304: list1304,list1305: list1305,list1306: list1306,
+      list14: list14,list15: list15,list16: list16,list17: list17,list18: list18,list19: list19,list20: list20,list21: list21,list22: list22,list23: list23,list24: list24,list25: list25,list26:list26,
       title: "",
       open: true,
-      ruleForm: {},
       rules: listRules,
       disabled: false,
+      ruleForm:{
+        // 新监管业务形态
+        xjgywxt:{
+          remark:"",
+        }
+      },
     };
   },
+  mounted(){
+    if(this.pageType == 'look') {
+      this.getInfo(this.id)
+      this.disabled = true;
+      this.isMore = true;
+      this.$nextTick(()=>{
+        const inputElements = document.querySelectorAll('.el-input__inner');
+        const textareaInputElements = document.querySelectorAll('.el-textarea__inner');
+        inputElements.forEach((input) => {
+          input.placeholder = '';
+        });
+        textareaInputElements.forEach((input) => {
+          input.placeholder = '';
+        });
+      })
+    } else if(this.pageType == 'change') {
+      this.getInfo(this.id)
+      this.disabled = false;
+      // this.disabledTwo = false;
+      this.isMore = true;
+    }
+  },
   methods: {
             /** 打开对话框 */
       openDialog(id, disabled) {
@@ -139,7 +1610,12 @@ export default {
         this.ruleForm = res.data;
         this.title = "修改资产";
         this.open = true;
-      });
+        if (!this.ruleForm.xjgywxt) {
+        this.ruleForm.xjgywxt = {
+          remark: '',
+        };
+      }
+    });
     },
     submit() {
       let index = 0;
@@ -147,7 +1623,7 @@ export default {
       let isUnit = checkRole(["unit"]);
       if (!isUnit) {
         // 只验证部分(管理端)
-        portion = ["ssdw", "appName", "tyshxydm"];
+        portion = ["xtmc", "dwmc", "tyshxydm"];
         this.$refs["ruleForm"].validateField(portion, (errors) => {
           if (errors) {
             console.log("部分字段验证失败:", errors);
@@ -189,24 +1665,140 @@ export default {
         this.ruleForm.ssdw = "";
         this.$message.error("请输入正确的企业");
       }
+    },
+        // 新监管业务形态切换
+        changeRadio(id){
+      this.ruleForm.xjgywxt = {
+        remark: id,
+      };
     },
     addItem(key) {
       if (!this.ruleForm[key]) {
         this.$set(this.ruleForm, key, []);
       }
       this.ruleForm[key].push({});
+    },
+        // 系统部署方式-选3或4  或不为3/4
+      xtbsfsChange(id){
+      if(id == 3) {
+        this.ruleForm.yfws = "";
+      } else if(id == 4) {
+        this.ruleForm.tgdw = "";
+      } else {
+        this.ruleForm.yfws = "";
+        this.ruleForm.tgdw = "";
+      }
+    },
+        // ICP备案--是否备案选否
+      sfbaICPChange(id) {
+      if(id == 2) {
+        this.ruleForm.ipcBayxx = "";
+        this.ruleForm.ipcBawzmc = "";
+        this.ruleForm.ipcBawzsy = "";
+        this.ruleForm.ipcIpcbabh = "";
+        this.ruleForm.ipcBaym = "";
+        this.ruleForm.ipcBadwmc = "";
+        this.ruleForm.ipcBadwxz = "";
+        this.ruleForm.ipcBalxr = "";
+        this.ruleForm.ipcBalxrdh = "";
+        this.ruleForm.shsj = "";
+      }
+    },
+        // 公安机关备案信息--是否备案选否
+      sfbaGajgChange(id){
+      if(id == 2) {
+        this.ruleForm.gajgBajg = "";
+        this.ruleForm.gajgBah = "";
+        this.ruleForm.gajgBarq = "";
+      }
+    },
+        // 等保信息选否
+        sfdbxtChange(id) {
+      if(id == 2) {
+        this.ruleForm.dbxxDbcpbah = "";
+        this.ruleForm.dbxxDbdj = "";
+        this.ruleForm.dbxxZgbm = "";
+        this.ruleForm.dbxxZjps = "";
+        this.ruleForm.dbxxZgbmps = "";
+        this.ruleForm.dbxxDjsj = "";
+        this.ruleForm.dbxxSfydsfcp = "";
+        this.ruleForm.dbxxCpdf = "";
+      }
+    },
+    // 新增资产确认按钮
+    newAssets(){
+      this.$refs['ruleForm'].validate((valid) => {
+        if(valid) {
+          this.ruleForm.xttz = this.xttz.join(',');
+          this.ruleForm.xtfhqkFcg = this.xtfhqkFcg.join(',');
+          this.ruleForm.xtfhqkFxl = this.xtfhqkFxl.join(',');
+          this.ruleForm.xtfhqkFzd = this.xtfhqkFzd.join(',');
+          this.ruleForm.xtfhqkFls = this.xtfhqkFls.join(',');
+          this.ruleForm.gylxxList = [...this.ruleForm.chepingUnit,...this.ruleForm.yjgysUnit,...this.ruleForm.jfywUnit,...this.ruleForm.xtsjUnit,...this.ruleForm.xtjsUnit,...this.ruleForm.xtyyUnit,...this.ruleForm.aqfwUnit]
+          this.ruleForm.jcwlList = [...this.fwqxx,...this.wlsb,...this.aqsb]
+          if(this.dlwz.length > 0) {
+            this.ruleForm.sheng = this.dlwz[0]
+            this.ruleForm.shi = this.dlwz[1]
+            this.ruleForm.qu = this.dlwz[2]
+          }
+          if(this.ruleForm.fwwz) {
+            this.ruleForm.fwwz = this.select + "-" + this.ruleForm.fwwz
+          }
+          this.loading = true;
+          if(this.pageType == 'change') {
+            assetUnitData('put',this.ruleForm).then(res=>{
+              // console.log(res,"res");
+              this.loading = false;
+              this.$modal.msgSuccess("修改成功");
+              // this.$router.go(-1);
+              this.$router.push({name:'Assets',params: this.queryData})
+            })
+          } else {
+            assetUnitData('post',this.ruleForm).then(res=>{
+              // console.log(res,"res");
+              this.loading = false;
+              this.$modal.msgSuccess("新增成功");
+              this.$router.go(-1);
+            })
+          }
+        }
+      })
+    },
+    sendBack(){
+      // this.$router.go(-1);
+      this.$router.push({name:'Assets',params: this.queryData})
     },
   },
 };
+
 </script>
 
 <style lang="scss" scoped>
+.radiobox{
+  display: flex;
+  margin-left: -170px;
+}
+.el-form-item__content{
+  margin-left: 0;
+}
 .grid-container {
   display: grid;
   /* 设置网格布局为一行两列 */
   grid-template-columns: repeat(2, 1fr);
   gap: 10px;
 }
+.grid-container1 {
+  display: grid;
+  /* 设置网格布局为一行一列 */
+  grid-template-columns: repeat(1, 1fr);
+  gap: 10px;
+}
+.grid-container2 {
+  display: grid;
+  /* 设置网格布局为一行三列 */
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
 /* 定义强制占一行的类样式 */
 .full-width {
   /* 让元素跨越两列，从而占满一行 */