<template>
  <div class="L-assets-info">
    <div class="assets-info-top">
      <el-row style="margin: 10px 0;">
        <span class="top-title-box">基本信息</span>
      </el-row>
      <div class="assets-info-box">
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="170px" class="demo-ruleForm" label-position="right" disabled>
          <el-row>
            <el-col :span="12">
              <el-form-item label="系统名称">
                <el-input v-model="ruleForm.xtmc"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="单位名称">
                <el-input v-model="ruleForm.dwmc"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="系统域名">
                <el-input v-model="ruleForm.xtym"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="访问网址" class="fangwenwangzhi">
                <el-row>
                  <el-col :span="23">
                    <el-input placeholder="请输入内容" v-model="ruleForm.fwwz" 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-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="IpPort" required class="IpPort">
                <el-row>
                  <el-col :span="19">
                    <el-form-item prop="name">
                      <el-input v-model="ruleForm.ip_address" 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 prop="name">
                      <el-input v-model="ruleForm.ip_port" style="width: 100%;" placeholder="端口号"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="域名到期时间" class="yumingdaoqishijian">
                <el-date-picker
                  v-model="ruleForm.ymdqsj"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item :label="'关联域名' + (index + 1)" v-for="(domain, index) in ruleForm.domins" :key="domain.key" :prop="'domins.' + index + '.glym'">
                <el-row>
                  <el-col :span="23">
                    <el-input v-model="domain.glym"></el-input>
                  </el-col>
                  <el-col :span="1" style="text-align: center;">
                    <i @click="addForm('domins')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
                    <i @click="removeDomain(domain,'domins')" v-else class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
                  </el-col>
                </el-row>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="到期提醒人" required class="daoqitixingren">
                <el-row>
                  <el-col :span="6">
                    <el-form-item prop="Ip">
                      <el-input v-model="ruleForm.ymtxr_xm" style="width: 100%;" placeholder="请输入姓名"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="18" style="margin-left: 10px;">
                    <el-form-item prop="Port">
                      <el-input v-model="ruleForm.ymtxr_lxfs" style="width: 100%;" placeholder="请输入11位移动电话号码"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item :label="'关联IP' + (index + 1)" v-for="(domain, index) in ruleForm.IP" :key="domain.key" :prop="'IP.' + index + '.gl_ip'">
                <el-row>
                  <el-col :span="23">
                    <el-input v-model="domain.gl_ip"></el-input>
                  </el-col>
                  <el-col :span="1" style="text-align: center;">
                    <i @click="addForm('IP')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
                    <i @click="removeDomain(domain,'IP')" v-else class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
                  </el-col>
                </el-row>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="系统类型">
                <el-select v-model="ruleForm.xtlx" placeholder="请选择系统类型">
                  <el-option
                    v-for="dict in dict.type.zc_xtlx"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="系统重要性">
                <el-select v-model="ruleForm.xtzyx" placeholder="请选择系统重要性">
                  <el-option
                    v-for="dict in dict.type.zc_xtzyx"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否关基系统">
                <el-select v-model="ruleForm.gjxt" placeholder="请选择是否关基系统">
                  <el-option
                    v-for="dict in dict.type.is_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="系统标签">
                <el-select v-model="ruleForm.xtbq" placeholder="请选择系统标签">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="机房信息">
                <el-input v-model="ruleForm.jfxx" style="width: 100%;" placeholder="请输入机房信息"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="使用时间" class="shiyongshijian">
                <el-date-picker
                  v-model="ruleForm.sysj"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否是互联网系统">
                <el-select v-model="ruleForm.hlwxt" placeholder="请选择是否是互联网系统">
                  <el-option
                    v-for="dict in dict.type.is_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="系统编号">
                <el-input v-model="ruleForm.xtbh" style="width: 100%;" placeholder="请输入系统编号"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="系统状态">
                <el-select v-model="ruleForm.xtzt" placeholder="请选择系统状态">
                  <el-option
                    v-for="dict in dict.type.zc_xtzt"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="在线状态">
                <el-select v-model="ruleForm.zxzt" placeholder="请选择在线状态">
                  <el-option
                    v-for="dict in dict.type.zc_zxzt"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="C-机密性">
                <el-select v-model="ruleForm.c_jmx" placeholder="请选择C-机密性">
                  <el-option
                    v-for="dict in dict.type.zc_c_i_a"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="I-完整性">
                <el-select v-model="ruleForm.i_wzx" placeholder="请选择I-完整性">
                  <el-option
                    v-for="dict in dict.type.zc_c_i_a"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="A-可用性">
                <el-select v-model="ruleForm.a_kyx" placeholder="请选择A-可用性">
                  <el-option
                    v-for="dict in dict.type.zc_c_i_a"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="存活率">
                <el-select v-model="ruleForm.chl" placeholder="请选择存活率">
                  <el-option
                    v-for="dict in dict.type.zc_c_i_a"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="地理位置">
                <el-cascader
                  size="large"
                  :props="props"
                  :options="options"
                  v-model="ruleForm.dlwz"
                  @change="handleChange">
                </el-cascader>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="经度">
                <el-input v-model="ruleForm.jd" placeholder="请输入经度"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="纬度">
                <el-input v-model="ruleForm.wd" placeholder="请输入纬度"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="系统特征">
                <el-checkbox-group v-model="ruleForm.xttz">
                  <el-checkbox label="党政机关门户网站、重点新闻网站" name="type"></el-checkbox>
                  <el-checkbox label="大型网络平台" name="type"></el-checkbox>
                  <el-checkbox label="系统业务覆盖单个地市级行政区30%以上人口的工作、生活" name="type"></el-checkbox>
                  <el-checkbox label="系统业务覆盖10万人以上用水、用电、用气、用油、取暖或交通出行" name="type"></el-checkbox>
                  <el-checkbox label="存储超过5万人以上个人敏感信息" name="type"></el-checkbox>
                  <el-checkbox label="存储超过100万条以上地理、人口、资源等国家基础数据" name="type"></el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="用户规模">
                <el-select v-model="ruleForm.yhgm" placeholder="请选择用户规模">
                  <el-option
                    v-for="dict in dict.type.zc_yhgm"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="互联网接入运营商">
                <el-input v-model="ruleForm.hlwjryys" style="width: 100%;" placeholder="请输入互联网接入运营商"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="资产物理接入地址">
                <el-input v-model="ruleForm.zcwljrdz" style="width: 100%;" placeholder="请输入资产物理接入地址"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否部署云平台">
                <el-select v-model="ruleForm.bsypt" placeholder="请选择是否部署云平台">
                  <el-option
                    v-for="dict in dict.type.is_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="云服务商名称">
                <el-input v-model="ruleForm.yfwsmc" style="width: 100%;" placeholder="请输入云服务商名称"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="网站访问协议/开通协议">
                <el-input v-model="ruleForm.wzfwxy" style="width: 100%;" placeholder="请输入网站访问协议/开通协议"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="系统部署方式">
                <el-select v-model="ruleForm.xtbsfs" placeholder="请选择系统部署方式">
                  <el-option
                    v-for="dict in dict.type.zc_xtbsfs"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否对公众开放">
                <el-select v-model="ruleForm.dgzkf" placeholder="请选择是否对公众开放">
                  <el-option
                    v-for="dict in dict.type.is_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="托管单位">
                <el-input v-model="ruleForm.tgdw" style="width: 100%;" placeholder="请输入托管单位"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="云服务商">
                <el-input v-model="ruleForm.yfws" style="width: 100%;" placeholder="请输入云服务商"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="互联网开放用途">
                <el-select v-model="ruleForm.hlwkfyt" placeholder="请选择互联网开放用途">
                  <el-option
                    v-for="dict in dict.type.zc_hlwkfyt"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24" style="text-align: right;margin: 10px 0;" v-if="!isMore">
              <el-button @click="isMore = true" :disabled="false">更多</el-button>
            </el-col>
          </el-row>
          <!-- 隐藏部分 -->
          <div v-if="isMore">
            <!-- 基本信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">基本信息</span>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="防篡改">
                  <el-checkbox-group v-model="ruleForm.xtfhqk_fcg">
                    <!-- <el-checkbox label="网页防篡改产品" name="type"></el-checkbox>
                    <el-checkbox label="软硬件waf" name="type"></el-checkbox>
                    <el-checkbox label="云防篡改平台服务" name="type"></el-checkbox>
                    <el-checkbox label="其他" name="type"></el-checkbox>
                    <el-checkbox label="无" name="type"></el-checkbox> -->
                    <el-checkbox
                      v-for="dict in dict.type.xtfhqk_fcg"
                      :key="dict.value"
                      :label="dict.label"
                      :name="dict.value"
                    >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="防泄露">
                  <el-checkbox-group v-model="ruleForm.xtfhqk_fxl">
                    <!-- <el-checkbox label="加密传输" name="type"></el-checkbox>
                    <el-checkbox label="加密存储" name="type"></el-checkbox>
                    <el-checkbox label="散列存储" name="type"></el-checkbox>
                    <el-checkbox label="脱敏存储/展示" name="type"></el-checkbox>
                    <el-checkbox label="存储区域隔离控制" name="type"></el-checkbox>
                    <el-checkbox label="数据库审计产品" name="type"></el-checkbox>
                    <el-checkbox label="大数据分析平台" name="type"></el-checkbox>
                    <el-checkbox label="apt" name="type"></el-checkbox>
                    <el-checkbox label="dlp" name="type"></el-checkbox>
                    <el-checkbox label="其他" name="type"></el-checkbox>
                    <el-checkbox label="无" name="type"></el-checkbox> -->
                    <el-checkbox
                      v-for="dict in dict.type.xtfhqk_fxl"
                      :key="dict.value"
                      :label="dict.label"
                      :name="dict.value"
                    >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="防中断">
                  <el-checkbox-group v-model="ruleForm.xtfhqk_fzd">
                    <!-- <el-checkbox label="备份恢复演练" name="type"></el-checkbox>
                    <el-checkbox label="应用及灾备" name="type"></el-checkbox>
                    <el-checkbox label="硬件冗余" name="type"></el-checkbox>
                    <el-checkbox label="CDN" name="type"></el-checkbox>
                    <el-checkbox label="抗ddos产品" name="type"></el-checkbox>
                    <el-checkbox label="资源可扩展" name="type"></el-checkbox>
                    <el-checkbox label="流量清洗服务" name="type"></el-checkbox>
                    <el-checkbox label="其他" name="type"></el-checkbox>
                    <el-checkbox label="无" name="type"></el-checkbox> -->
                    <el-checkbox
                      v-for="dict in dict.type.xtfhqk_fzd"
                      :key="dict.value"
                      :label="dict.label"
                      :name="dict.value"
                    >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="防勒索">
                  <el-checkbox-group v-model="ruleForm.xtfhqk_fls">
                    <!-- <el-checkbox label="数据备份" name="type"></el-checkbox>
                    <el-checkbox label="补丁更新" name="type"></el-checkbox>
                    <el-checkbox label="防病毒网关" name="type"></el-checkbox>
                    <el-checkbox label="防病毒软件" name="type"></el-checkbox>
                    <el-checkbox label="系统安全加固" name="type"></el-checkbox>
                    <el-checkbox label="区域隔离" name="type"></el-checkbox>
                    <el-checkbox label="主机审计系统" name="type"></el-checkbox>
                    <el-checkbox label="其他" name="type"></el-checkbox>
                    <el-checkbox label="无" name="type"></el-checkbox> -->
                    <el-checkbox
                      v-for="dict in dict.type.xtfhqk_fls"
                      :key="dict.value"
                      :label="dict.label"
                      :name="dict.value"
                    >
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 相关业务 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">相关业务</span>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="覆盖范围">
                  <el-select v-model="ruleForm.xgyw_fgfw" placeholder="请选择覆盖范围">
                    <el-option
                      v-for="dict in dict.type.fgfw"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="网络性质">
                  <el-select v-model="ruleForm.xgyw_wlxz" placeholder="请选择网络性质">
                    <el-option
                      v-for="dict in dict.type.wlxz"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="业务类型">
                  <el-select v-model="ruleForm.xgyw_ywlx" placeholder="请选择业务类型">
                    <el-option
                      v-for="dict in dict.type.ywlx"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="互联情况">
                  <el-select v-model="ruleForm.xgyw_hlqk" placeholder="请选择互联网情况">
                    <el-option
                      v-for="dict in dict.type.hlqk"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="服务对象">
                  <el-select v-model="ruleForm.xgyw_fwdx" placeholder="请选择服务对象">
                    <el-option
                      v-for="dict in dict.type.fwdx"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="服务范围">
                  <el-select v-model="ruleForm.xgyw_fwfw" placeholder="请选择服务范围">
                    <el-option
                      v-for="dict in dict.type.fwfw"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="业务描述">
                  <el-input type="textarea" resize="none" placeholder="请输入业务描述" :rows="5" v-model="ruleForm.xgyw_ywms"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 联系人 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">联系人</span>
              <el-row>
                <el-col :span="24">
                  <el-form-item label="分管联系人" required class="daoqitixingren">
                    <el-row>
                      <el-col :span="8">
                        <el-form-item prop="name">
                          <el-input v-model="ruleForm.fgfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="8" style="margin-left: 10px;">
                        <el-form-item prop="phoneNumber">
                          <el-input v-model="ruleForm.fgfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="8" style="margin-left: 10px;">
                        <el-form-item prop="email">
                          <el-input v-model="ruleForm.fgfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item label="部门负责人" required class="daoqitixingren">
                    <el-row>
                      <el-col :span="8">
                        <el-form-item prop="name">
                          <el-input v-model="ruleForm.bmfzrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="8" style="margin-left: 10px;">
                        <el-form-item prop="phoneNumber">
                          <el-input v-model="ruleForm.bmfzrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="8" style="margin-left: 10px;">
                        <el-form-item prop="email">
                          <el-input v-model="ruleForm.bmfzryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item label="第一联系人" required class="daoqitixingren">
                    <el-row>
                      <el-col :span="8">
                        <el-form-item prop="name">
                          <el-input v-model="ruleForm.dylxrxm" style="width: 100%;" placeholder="请输入联系人"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="8" style="margin-left: 10px;">
                        <el-form-item prop="phoneNumber">
                          <el-input v-model="ruleForm.dylxrlxfs" style="width: 100%;" placeholder="请输入联系方式"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="8" style="margin-left: 10px;">
                        <el-form-item prop="email">
                          <el-input v-model="ruleForm.dylxryx" style="width: 100%;" placeholder="请输入邮箱"></el-input>
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item :label="'其他联系人' + (index + 1)" v-for="(domain, index) in ruleForm.restContacts" :key="domain.key" :prop="'restContacts.' + index + '.value'">
                    <el-row>
                      <el-col :span="23">
                        <el-input v-model="domain.value"></el-input>
                      </el-col>
                      <el-col :span="1" style="text-align: center;">
                        <i @click="removeDomain(domain,'restContacts')" class="el-icon-remove-outline" style="margin-left: 5px;font-size: 16px;cursor: pointer;"></i>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item prop="btn">
                    <el-button @click="addForm('restContacts')">添加其他联系人</el-button>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-row>
            <!-- ICP备案 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">ICP备案</span>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="是否备案">
                  <el-select v-model="ruleForm.ipc_sfba" placeholder="请选择是否备案">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <div v-if="ruleForm.ipc_sfba == 1">
              <el-row>
                <el-col :span="12">
                  <el-form-item label="备案有效性">
                    <el-select v-model="ruleForm.ipc_bayxx" placeholder="请选择备案有效性">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="备案网站名称">
                    <el-input v-model="ruleForm.ipc_bawzmc" style="width: 100%;" placeholder="请输入备案网站名称"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="备案网站首页">
                    <el-input v-model="ruleForm.ipc_bawzsy" style="width: 100%;" placeholder="请输入备案网站首页"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="ICP备案编号">
                    <el-input v-model="ruleForm.ipc_ipcbabh" style="width: 100%;" placeholder="请输入ICP备案编号"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="备案域名">
                    <el-input v-model="ruleForm.ipc_baym" style="width: 100%;" placeholder="请输入备案域名"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="备案单位名称">
                    <el-input v-model="ruleForm.ipc_badwmc" style="width: 100%;" placeholder="请输入备案单位名称"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="备案单位性质">
                    <el-select v-model="ruleForm.ipc_badwxz" placeholder="请选择备案单位性质">
                      <el-option
                        v-for="dict in dict.type.dwlx"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="备案联系人">
                    <el-input v-model="ruleForm.ipc_balxr" style="width: 100%;" placeholder="请输入备案联系人"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="备案联系人电话">
                    <el-input v-model="ruleForm.ipc_balxrdh" style="width: 100%;" placeholder="请输入备案联系人电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="审核时间">
                    <el-date-picker
                      v-model="ruleForm.shsj"
                      type="date"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <!-- 公安机关备案信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">公安机关备案信息</span>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="是否备案">
                  <el-select v-model="ruleForm.gajg_sfba" placeholder="请选择是否备案">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 公安机关备案信息 -->
            <div v-if="ruleForm.gajg_sfba == 1">
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">公安机关备案信息</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="备案机关">
                    <el-input v-model="ruleForm.gajg_bajg" style="width: 100%;" placeholder="请输入备案机关"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="公安机关备案号">
                    <el-input v-model="ruleForm.gajg_bah" style="width: 100%;" placeholder="请输入公安机关备案号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="备案日期">
                    <el-date-picker
                      v-model="ruleForm.gajg_barq"
                      type="date"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <!-- 系统架构 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">系统架构</span>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="开发商">
                  <el-input v-model="ruleForm.xtjg_kfs" style="width: 100%;" placeholder="请输入开发商"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="系统版本">
                  <el-input v-model="ruleForm.xtjg_xtbb" style="width: 100%;" placeholder="请输入系统版本"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="技术架构">
                  <el-input v-model="ruleForm.xtjg_jsjg" style="width: 100%;" placeholder="请输入技术架构"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="服务组件">
                  <el-input v-model="ruleForm.xtjg_fwzj" style="width: 100%;" placeholder="请输入服务组件"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="Web容器名称">
                  <el-input v-model="ruleForm.xtjg_web_mc" style="width: 100%;" placeholder="请输入Web容器名称"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="Web容器版本">
                  <el-input v-model="ruleForm.xtjg_web_bb" style="width: 100%;" placeholder="请输入Web容器版本"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="是否国产化系统">
                  <el-select v-model="ruleForm.xtjg_gcxt" placeholder="请选择是否国产化系统">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否有国产设备">
                  <el-select v-model="ruleForm.xtjg_gcsb" placeholder="请选择是否有国产设备">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="系统设备国产化率">
                  <el-input placeholder="请输入内容" type="number" v-model="ruleForm.xtjg_gchl">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 等保信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">等保信息</span>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="是否等保系统">
                  <el-select v-model="ruleForm.dbxx_sfdbxt" placeholder="请选择是否等保系统">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <div v-if="ruleForm.dbxx_sfdbxt == 1">
              <!-- 等保信息 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">等保信息</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="等保测评备案号">
                    <el-input v-model="ruleForm.dbxx_dbcpbah" style="width: 100%;" placeholder="请输入等保测评备案号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="等保等级">
                    <el-select v-model="ruleForm.dbxx_dbdj" placeholder="请选择等保等级">
                      <el-option
                        v-for="dict in dict.type.dbxx_dbdj"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px">
                  <el-form-item label="主管部门">
                    <el-input v-model="ruleForm.dbxx_zgbm" style="width: 100%;" placeholder="请输入主管部门"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="专家评审">
                    <el-select v-model="ruleForm.dbxx_zjps" placeholder="请选择专家评审">
                      <el-option
                        v-for="dict in dict.type.dbxx_zjps"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="主管部门评审">
                    <el-select v-model="ruleForm.dbxx_zgbmps" placeholder="请选择主管部门评审">
                      <el-option
                        v-for="dict in dict.type.dbxx_zjps"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px">
                  <el-form-item label="定级时间">
                    <el-date-picker
                      v-model="ruleForm.dbxx_djsj"
                      type="date"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="测评得分">
                    <el-input v-model="ruleForm.dbxx_cpdf" style="width: 100%;" placeholder="请输入测评得分"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="是否有第三方测评">
                    <el-select v-model="ruleForm.dbxx_sfydsfcp" placeholder="请选择是否有第三方测评">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <!-- 第三方测评 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-two-box">第三方测评</span>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="8">
                <el-form-item label="测评机构名称">
                  <el-input v-model="ruleForm.sf_cpjgmc" style="width: 100%;" placeholder="请输入测评机构名称"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="测评机构联系人">
                  <el-input v-model="ruleForm.sf_cpjglxr" style="width: 100%;" placeholder="请输入测评机构联系人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="测评机构地址">
                  <el-input v-model="ruleForm.sf_cpjgdz" style="width: 100%;" placeholder="请输入测评机构地址"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="8">
                <el-form-item label="测评机构联系人电话">
                  <el-input v-model="ruleForm.sf_cpjglxrdh" style="width: 100%;" placeholder="请输入测评机构联系人电话"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="测评时联系人">
                  <el-input v-model="ruleForm.sf_cpslxr" style="width: 100%;" placeholder="请输入测评时联系人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="测评师姓名">
                  <el-input v-model="ruleForm.sf_cpsxm" style="width: 100%;" placeholder="请输入测评师姓名"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="8">
                <el-form-item label="测评时联系人电话">
                  <el-input v-model="ruleForm.sf_cpslxrdh" style="width: 100%;" placeholder="请输入测评时联系人电话"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="测评师电话">
                  <el-input v-model="ruleForm.sf_cpsdh" style="width: 100%;" placeholder="请输入测评师电话"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="推荐等保办">
                  <el-input v-model="ruleForm.sf_tjdbb" style="width: 100%;" placeholder="请输入推荐等保办"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="8">
                <el-form-item label="测评师证书等级">
                  <el-select v-model="ruleForm.sf_cpszsdj" placeholder="请选择测评师证书等级">
                    <el-option
                      v-for="dict in dict.type.sf_cpszsdj"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="测评等级">
                  <el-select v-model="ruleForm.sf_cpdj" placeholder="请选择测评等级">
                    <el-option
                      v-for="dict in dict.type.dbxx_dbdj"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="推荐日期">
                  <el-date-picker
                    v-model="ruleForm.sf_tjrq"
                    type="date"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="8">
                <el-form-item label="报告日期">
                  <el-date-picker
                    v-model="ruleForm.sf_bgrq"
                    type="date"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="测评结论">
                  <el-input type="textarea" resize="none" placeholder="请输入测评结论" :rows="5" v-model="ruleForm.sf_cpjl"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 密评信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">密评信息</span>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="是否密评系统">
                  <el-select v-model="ruleForm.mp_sfmpxt" placeholder="请选择是否密评系统">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="密评得分">
                  <el-input placeholder="请输入密评得分" type="number" v-model="ruleForm.mp_mpdf"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 供应链信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">供应链信息</span>
            </el-row>
            <div v-for="(domain, index) in ruleForm.chepingUnit" :key="domain.key" :prop="'chepingUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" required :label="'测评单位名称' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入测评单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item class="daoqitixingren" :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('chepingUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'chepingUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <div v-for="(domain, index) in ruleForm.yjgysUnit" :key="domain.key" :prop="'yjgysUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'硬件供应商单位名称' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入硬件供应商单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item class="daoqitixingren" :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('yjgysUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'yjgysUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <div v-for="(domain, index) in ruleForm.jfywUnit" :key="domain.key" :prop="'jfywUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'机房运维单位名称' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入机房运维单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item class="daoqitixingren" :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('jfywUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'jfywUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <div v-for="(domain, index) in ruleForm.xtsjUnit" :key="domain.key" :prop="'xtsjUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'系统设计单位名称' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入系统设计单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item class="daoqitixingren" :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('xtsjUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'xtsjUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <div v-for="(domain, index) in ruleForm.xtjsUnit" :key="domain.key" :prop="'xtjsUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" required :label="'系统建设单位名称' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入系统建设单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" required :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" required :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" required :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item label="供应商注册地址" required>
                    <el-input placeholder="请输入供应商注册地址" type="number" v-model="ruleForm.name"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item label="注册地是否为太仓" required>
                    <el-select v-model="ruleForm.region" placeholder="请选择注册地是否为太仓">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('xtjsUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'xtjsUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <div v-for="(domain, index) in ruleForm.xtyyUnit" :key="domain.key" :prop="'xtyyUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" required :label="'系统运营单位名称' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入系统运营单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" required :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" required :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" required :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item label="供应商注册地址" required>
                    <el-input placeholder="请输入供应商注册地址" type="number" v-model="ruleForm.name"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item label="注册地是否为太仓" required>
                    <el-select v-model="ruleForm.region" placeholder="请选择注册地是否为太仓">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('xtyyUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'xtyyUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <div v-for="(domain, index) in ruleForm.aqfwUnit" :key="domain.key" :prop="'aqfwUnit.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'安全服务单位' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.name" placeholder="请输入安全服务单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'统一社会信用代码' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.tyshxydm" placeholder="请输入统一信用代码"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'联系人' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxr" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="11" style="margin-left: 17px;">
                  <el-form-item class="daoqitixingren" :label="'联系电话' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入联系电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="1" style="margin-left: 10px;text-align: center;">
                  <i @click="addGongyinglian('aqfwUnit')" v-if="index == 0" class="el-icon-circle-plus-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                  <i @click="removeDomain(domain,'aqfwUnit')" v-else class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <!-- 基础网络 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">基础网络</span>
            </el-row>
            <!-- 服务器信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-two-box">服务器信息</span>
            </el-row>
            <div v-for="(domain, index) in ruleForm.fwqxx" :key="domain.key" :prop="'fwqxx.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'设备类型' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入安全服务单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'品牌' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入品牌"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'设备IP' + (index == 0 ? '' : index)">
                    <el-row style="display: flex;">
                      <el-col :span="8">
                        <el-select v-model="ruleForm.region" placeholder="请选择设备IP">
                          <el-option
                            v-for="dict in dict.type.sb_ip"
                            :key="dict.value"
                            :label="dict.label"
                            :value="dict.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="16" style="margin-left: 10px;">
                        <el-input v-model="domain.pp" placeholder="请输入"></el-input>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'操作系统' + (index == 0 ? '' : index)">
                    <el-select v-model="ruleForm.region" placeholder="请选择操作系统">
                      <el-option
                        v-for="dict in dict.type.fwq_czxt"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="daoqitixingren" :label="'操作系统版本' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.lxdh" placeholder="请输入操作系统版本"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'硬件型号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入硬件型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件序列号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件序列号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件版本信息' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件版本信息"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'硬件型号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入硬件型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件序列号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件序列号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <i @click="removeDomain(domain,'fwqxx')" v-if="index !== 0" class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <el-row>
              <el-form-item>
                <el-button @click="addGongyinglian('fwqxx')">添加服务器</el-button>
              </el-form-item>
            </el-row>
            <!-- 网络设备 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-two-box">网络设备</span>
            </el-row>
            <div v-for="(domain, index) in ruleForm.wlsb" :key="domain.key" :prop="'wlsb.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'设备类型' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入安全服务单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'品牌' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入品牌"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'设备IP' + (index == 0 ? '' : index)">
                    <el-row style="display: flex;">
                      <el-col :span="8">
                        <el-select v-model="ruleForm.region" placeholder="请选择设备IP">
                          <el-option
                            v-for="dict in dict.type.sb_ip"
                            :key="dict.value"
                            :label="dict.label"
                            :value="dict.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="16" style="margin-left: 10px;">
                        <el-input v-model="domain.pp" placeholder="请输入"></el-input>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'硬件型号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入硬件型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件序列号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件序列号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件版本信息' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件版本信息"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'硬件型号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入硬件型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件序列号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件序列号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <i @click="removeDomain(domain,'wlsb')" v-if="index !== 0" class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <el-row>
              <el-form-item>
                <el-button @click="addGongyinglian('wlsb')">添加网络设备</el-button>
              </el-form-item>
            </el-row>
            <!-- 安全设备 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-two-box">安全设备</span>
            </el-row>
            <div v-for="(domain, index) in ruleForm.aqsb" :key="domain.key" :prop="'aqsb.' + index + '.value'">
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'设备类型' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入安全服务单位名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'品牌' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入品牌"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'设备IP' + (index == 0 ? '' : index)">
                    <el-row style="display: flex;">
                      <el-col :span="8">
                        <el-select v-model="ruleForm.region" placeholder="请选择设备IP">
                          <el-option
                            v-for="dict in dict.type.sb_ip"
                            :key="dict.value"
                            :label="dict.label"
                            :value="dict.value"
                          />
                        </el-select>
                      </el-col>
                      <el-col :span="16" style="margin-left: 10px;">
                        <el-input v-model="domain.pp" placeholder="请输入"></el-input>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'硬件型号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入硬件型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件序列号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件序列号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件版本信息' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件版本信息"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item class="daoqitixingren" :label="'硬件型号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.type" placeholder="请输入硬件型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item class="daoqitixingren" :label="'硬件序列号' + (index == 0 ? '' : index)">
                    <el-input v-model="domain.pp" placeholder="请输入硬件序列号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <i @click="removeDomain(domain,'aqsb')" v-if="index !== 0" class="el-icon-remove-outline" style="margin-top: 10px;font-size: 16px;cursor: pointer;"></i>
                </el-col>
              </el-row>
            </div>
            <el-row>
              <el-form-item>
                <el-button @click="addGongyinglian('aqsb')">添加安全设备</el-button>
              </el-form-item>
            </el-row>
            <!-- 新监管业务形态 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">新监管业务形态</span>
            </el-row>
            <el-row style="margin: 20px 0;">
              <el-radio-group v-model="radio" size="medium" style="margin-left: 170px;">
                <el-radio label="1" border>云平台</el-radio>
                <el-radio label="2" border>大数据</el-radio>
                <el-radio label="3" border>物联网</el-radio>
                <el-radio label="4" border>移动APP</el-radio>
                <el-radio label="5" border>工业控制</el-radio>
                <el-radio label="6" border>CDN</el-radio>
              </el-radio-group>
            </el-row>
            <div v-show="radio == 1">
              <!-- 云平台 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">云平台</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="云平台服务商">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入云平台服务商"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="是否租户级安全">
                    <el-select v-model="ruleForm.region" placeholder="请选择是否租户级安全">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="云平台类型">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入备案网站首页"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="硬件资源大小">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入硬件资源大小">
                      <template slot="append">支持G\TB\PB</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="平台架构">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入平台架构"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="互联网IP段">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入互联网IP段"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="机房联系人">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入机房联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="机房联系人电话">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入机房联系人电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="服务器设备类型">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入服务器设备类型"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <div v-show="radio == 2">
              <!-- 大数据 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">大数据</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="平台服务商">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入平台服务商"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="敏感数据类型">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入敏感数据类型"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="硬件资源">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入硬件资源">
                      <template slot="append">支持G\TB\PB</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="系统数据量">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入系统数据量">
                      <template slot="append">支持G\TB\PB</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="机房联系人">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入机房联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="机房联系人电话">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入机房联系人电话"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="是否数据审计">
                    <el-select v-model="ruleForm.region" placeholder="请选择是否数据审计">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <div v-show="radio == 3">
              <!-- 一般物联网设备 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">一般物联网设备</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="系统集成商名称">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入系统集成商名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="用户数量">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入用户数量"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="服务对象">
                    <el-select v-model="ruleForm.region" placeholder="请选择服务对象">
                      <el-option
                        v-for="dict in dict.type.wlw_fwdx"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="终端数量">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入终端数量"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="网络互连情况">
                    <el-select v-model="ruleForm.region" placeholder="请选择网络互连情况">
                      <el-option
                        v-for="dict in dict.type.wlw_wlhlqk"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="服务范围">
                    <el-select v-model="ruleForm.region" placeholder="请选择服务范围">
                      <el-option
                        v-for="dict in dict.type.wlw_fwfw"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人电话">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="服务内容">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入服务内容"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <!-- 摄像头 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">摄像头</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="摄像头品牌">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入摄像头品牌"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="位置">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入位置"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="摄像头IP">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入摄像头IP"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="区域">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入区域"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="摄像头数量">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入摄像头数量"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="端口">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入端口"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="设备型号">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入设备型号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="固定版本">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入固定版本"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <div v-show="radio == 4">
              <!-- 移动APP -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">移动APP</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="移动APP系统">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入移动APP系统"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="服务端域名">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入服务端域名"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="移动APP渠道">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入移动APP渠道"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="服务端IP">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入服务端IP"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="联系人">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人电话">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人电话"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="是否有身份认证">
                    <el-select v-model="ruleForm.region" placeholder="请选择是否有身份认证">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <div v-show="radio == 5">
              <!-- 工业控制 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">工业控制</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="系统集成商名称">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入系统集成商名称"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="运行时间">
                    <el-date-picker
                      v-model="ruleForm.name"
                      type="date"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="服务对象">
                    <el-select v-model="ruleForm.region" placeholder="请选择服务对象">
                      <el-option
                        v-for="dict in dict.type.wlw_fwdx"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="集成商国内外情况">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入集成商国内外情况"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="网络互联情况">
                    <el-select v-model="ruleForm.region" placeholder="请选择网络互联情况">
                      <el-option
                        v-for="dict in dict.type.wlw_wlhlqk"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="服务范围">
                    <el-select v-model="ruleForm.region" placeholder="请选择服务范围">
                      <el-option
                        v-for="dict in dict.type.wlw_fwfw"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人电话">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人电话"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="设备名称">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入设备名称"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="设备品牌">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入设备品牌"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="设备类别">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入设备类别"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="运营商">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入运营商"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="互联网IP">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入互联网IP"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="网络层级">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入网络层级"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="控制台IP">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入控制台IP"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="描述">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入描述"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <div v-show="radio == 6">
              <!-- CDN信息 -->
              <el-row style="margin: 10px 0;">
                <span class="top-title-two-box">CDN信息</span>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="CDN供应商">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入CDN供应商"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="CDN是否使用">
                    <el-select v-model="ruleForm.region" placeholder="请选择CDN是否使用">
                      <el-option
                        v-for="dict in dict.type.is_no"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="CDN类型">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入CDN类型"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="CDN域名">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入CDN域名"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" style="margin-left: 10px;">
                  <el-form-item label="联系人电话">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入联系人电话"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="display: flex;">
                <el-col :span="8">
                  <el-form-item label="CDN加速信息">
                    <el-input v-model="ruleForm.name" style="width: 100%;" placeholder="请输入CDN加速信息"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <!-- Whois信息 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">Whois信息</span>
            </el-row>
            <el-row>
              <el-form-item label="有效性质">
                <el-radio-group v-model="ruleForm.whois_yxx">
                  <el-radio :label="1">是</el-radio>
                  <el-radio :label="2">否</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="注册名">
                  <el-input v-model="ruleForm.whois_zcm" placeholder="请输入注册名"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="服务商">
                  <el-input v-model="ruleForm.whois_fws" placeholder="请输入服务商"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="注册邮箱">
                  <el-input v-model="ruleForm.whois_zcyx" placeholder="请输入注册邮箱"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="注册国家">
                  <el-input v-model="ruleForm.whois_zcgj" placeholder="请输入注册国家"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="注册省">
                  <el-input v-model="ruleForm.whois_zcs" placeholder="请输入注册省"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="注册地址">
                  <el-input v-model="ruleForm.whois_zcdz" placeholder="请输入注册地址"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="注册机构">
                  <el-input v-model="ruleForm.whois_zcjg" placeholder="请输入注册机构"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="注册时间">
                  <el-date-picker
                    v-model="ruleForm.whois_zcsj"
                    type="date"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="最后更新时间">
                  <el-date-picker
                    v-model="ruleForm.whois_zhgxsj"
                    type="date"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="到期时间">
                  <el-date-picker
                    v-model="ruleForm.whois_dqsj"
                    type="date"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 数据资产 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">数据资产</span>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="数据库名称">
                  <el-input v-model="ruleForm.sjzc_sjkmc" placeholder="请输入数据库名称"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="数据库类型">
                  <el-input v-model="ruleForm.sjzc_sjklx" placeholder="请输入数据库类型"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="端口">
                  <el-input v-model="ruleForm.sjzc_dk" placeholder="请输入端口"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="数据库版本">
                  <el-input v-model="ruleForm.sjzc_sjkbb" placeholder="请输入数据库版本"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="数据库所在IP">
                  <el-input v-model="ruleForm.sjzc_sjk_ip" placeholder="请输入数据库所在IP"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="共享属性">
                  <el-select v-model="ruleForm.region" placeholder="请选择共享属性">
                    <el-option
                      v-for="dict in dict.type.sjzc_gxsx"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="开放属性">
                  <el-select v-model="ruleForm.sjzc_kfsx" placeholder="请选择开放属性">
                    <el-option
                      v-for="dict in dict.type.sjzc_kfsx"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="数据领域">
                  <el-select v-model="ruleForm.sjzc_sjly" placeholder="请选择数据领域">
                    <el-option
                      v-for="dict in dict.type.sjzc_sjly"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="更新周期">
                  <el-select v-model="ruleForm.sjzc_gxzq" placeholder="请选择数据领域">
                    <el-option
                      v-for="dict in dict.type.sjzc_gxzq"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="数据类型">
                  <!-- <el-select v-model="ruleForm.region" placeholder="请选择数据类型">
                    <el-option
                      v-for="dict in dict.type.sjzc_gxzq"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select> -->
                  <el-input v-model="ruleForm.sjzc_sjlx" placeholder="请输入数据类型"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="数据量">
                  <el-input v-model="ruleForm.sjzc_sjl" placeholder="请输入注册省"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="是否涉密数据">
                  <el-select v-model="ruleForm.sjzc_smsj" placeholder="请选择数据领域">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="数据是否出境">
                  <el-select v-model="ruleForm.sjzc_cj" placeholder="请选择数据领域">
                    <el-option
                      v-for="dict in dict.type.is_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12" style="margin-left: 10px;">
                <el-form-item label="数据分级分类">
                  <el-select v-model="ruleForm.sjzc_sjfjfl" placeholder="请选择数据领域">
                    <el-option
                      v-for="dict in dict.type.sjzc_sjfjfl"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="12">
                <el-form-item label="数据重要程度">
                  <el-select v-model="ruleForm.sjzc_sjzycd" placeholder="请选择数据领域">
                    <el-option
                      v-for="dict in dict.type.zc_xtzyx"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex;">
              <el-col :span="24">
                <el-form-item label="数据描述">
                  <el-input type="textarea" resize="none" placeholder="请输入数据描述" :rows="5" v-model="ruleForm.sjzc_sjms"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <!-- 数据资产 -->
            <el-row style="margin: 10px 0;">
              <span class="top-title-box">业务系统拓扑图</span>
            </el-row>
            <el-row style="padding-left: 30px;margin: 20px 0;">
              <myUpload :fileSize="30" :limit="1" :fileType="accept">
                <div class="upload-file">
                  <i class="el-icon-paperclip"></i>
                  <span>附件上传，支持xls、xlsx、doc、docx、pdf、rar、zip、pcap、txt、最多上传1个文件，每个不超过30M</span>
                </div>
              </myUpload>
            </el-row>
            <el-row style="padding-left: 30px;margin: 20px 0;">
              <myUpload :fileSize="30" :limit="1" :fileType="acceptTwo">
                <div class="upload-file">
                  <i class="el-icon-paperclip"></i>
                  <span>图片上传，支持jpg、jpeg、png、最多上传1张图片，每个不超过30M</span>
                </div>
              </myUpload>
            </el-row>
            <el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;">
              <el-button type="danger">不通过</el-button>
              <el-button type="primary">通过</el-button>
            </el-row>
          </div>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
import pcas from "@/utils/pca-code.json"
import myUpload from "@/views/components/myUpload/index.vue";
export default {
  name: "AssetsAuth",
  dicts:[
    'is_no','zc_xtlx','zc_xtzyx','zc_xtzt','zc_zxzt','zc_c_i_a',
    'zc_yhgm','zc_xtbsfs','zc_hlwkfyt','fgfw','wlxz','ywlx','hlqk','fwdx',
    'fwfw','dbxx_dbdj','dbxx_zjps','sf_cpszsdj','sjzc_gxsx','sjzc_kfsx','sjzc_sjly',
    'sjzc_gxzq','sjzc_sjfjfl','fwq_czxt','wlw_fwdx','wlw_wlhlqk','wlw_fwfw','dwlx','sb_ip',
    'xtfhqk_fcg','xtfhqk_fxl','xtfhqk_fzd','xtfhqk_fls'
  ],
  components:{
    myUpload
  },
  data() {
    return {
      accept:['xls','xlsx','doc','docx','pdf','rar','zip','pcap','txt'],
      acceptTwo:['jpg','jpeg','png'],
      isMore:false,
      select:"http",
      options: pcas ,
      radio:"",
      props:{
        value:'code',
        label:"name",
        checkStrictly:true,
      },
      ruleForm:{
        // 关联域名--多个
        domins:[{
          glym:""
        }],
        // 系统特征
        xttz:[],
        // 关联IP
        IP:[{
          gl_ip:"",
        }],
        // 防篡改
        xtfhqk_fcg:[],
        // 防泄漏
        xtfhqk_fxl:[],
        // 防中断
        xtfhqk_fzd:[],
        // 防勒索
        xtfhqk_fls:[],
        // 测评单位
        chepingUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 硬件供应商单位
        yjgysUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 机房运维单位
        jfywUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 系统设计单位
        xtsjUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 系统建设单位
        xtjsUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 系统运营单位
        xtyyUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 安全服务单位
        aqfwUnit:[
          {
            name:"",
            tyshxydm:"",
            lxr:"",
            lxdh:"",
          }
        ],
        // 服务器
        fwqxx:[
          {
            type:"",
            pp:"",
            sbIP:"",
            czxx:"",
            czxxbb:"",
            yjxh:"",
            yjxlh:"",
            yjbbxx:"",
            yjyt:"",
            yjbswz:"",
          }
        ],
        // 网络设备
        wlsb:[
          {
            type:"",
            pp:"",
            sbIP:"",
            czxx:"",
            czxxbb:"",
            yjxh:"",
            yjxlh:"",
            yjbbxx:"",
            yjyt:"",
            yjbswz:"",
          }
        ],
        // 安全设备
        aqsb:[
          {
            type:"",
            pp:"",
            sbIP:"",
            czxx:"",
            czxxbb:"",
            yjxh:"",
            yjxlh:"",
            yjbbxx:"",
            yjyt:"",
            yjbswz:"",
          }
        ],
        // 其他联系人
        restContacts:[],
        type:[]
      },
      rules:{}
    }
  },
  methods:{
    //也可以这样写
    handleChange (value) {
      console.log(value)
    },
    // 供应链Form新增
    addGongyinglian(type){
      this.ruleForm[type].push({
        name:"",
        tyshxydm:"",
        lxr:"",
        lxdh:"",
        key: Date.now()
      });
    },
    // 新增form
    addForm(type){
      this.ruleForm[type].push({
        value: '',
        key: Date.now()
      });
    },
    // 删除增加的form
    removeDomain(item,type) {
      var index = this.ruleForm[type].indexOf(item)
      if (index !== -1) {
        this.ruleForm[type].splice(index, 1)
      }
    },
  },
}
</script>
