<route lang="yaml">
name: settleStart
</route>

<script lang="ts" setup name="settleStart">
import useUserStore from "@/store/modules/user";
import { useValidator } from "@/hooks/useValidator";
import useDataConnectorStore from "@/store/modules/dataConnector";
import { getCamundaDeploymentId } from "@/api/modules/workFlowService";
import {
  saveConnector,
  updateConnector,
  changeSaveConnector,
  getConnectorDetail,
  assessMethodList
} from "@/api/modules/dataRequire";
import { getEnterpriseData } from "@/api/modules/dataRequire";
import { onUploadFilePreview } from "@/api/modules/common";

const {
  required,
  isUSCCCode,
  requiredFiles,
  validateIPList,
  validateDomainList,
} = useValidator();
const userStore = useUserStore();
const dataConnectorStore = useDataConnectorStore();
const userData = JSON.parse(userStore.userData);
const tenantData = JSON.parse(localStorage.tenantInfo);
const { proxy } = getCurrentInstance() as any;
const router = useRouter();
const route = useRoute();
const fullPath = route.fullPath;
const guid = route.query.guid;
const fullscreenLoading = ref(false);
const restart = ref(false);

/** 展开收起 */
const expandBase = ref(false);
const expandImpact = ref(false);
const expandValid = ref(false);
const approveInfoExpand = ref(false);

const deploymentId = ref("");
const processInstanceId = ref("");

/** 连接器身份信息表单配置 */
const baseInfoFormRef = ref();
const baseInfoFormItems = ref([
  {
    type: "input",
    label: "连接器名称",
    field: "connectorName",
    default: "",
    placeholder: "请输入",
    maxlength: 50,
    clearable: true,
    required: true,
  },
  {
    label: "接入方式",
    type: "radio-group",
    placeholder: "",
    field: "accessMethod",
    default: 1,
    options: assessMethodList,
    col: "col2 radio-left",
    required: true,
  },
  {
    type: "input",
    label: "法人或其他组织名称",
    field: "legalEntity",
    default: "",
    col: "mr8",
    placeholder: "-",
    clearable: true,
    disabled: true,
    required: false,
  },
  {
    type: "input",
    label: "法人或其他组织统一社会信用代码",
    field: "legalSocialCreditCode",
    default: "",
    placeholder: "-",
    clearable: true,
    disabled: true,
    required: false,
  },
  {
    type: "input",
    label: "可信凭证颁发日期",
    field: "credentialTime",
    default: "",
    placeholder: "-",
    clearable: true,
    disabled: true,
    required: false,
    col: "width-left no-margin-r",
    viewBtn: {
      label: "查看可信身份凭证",
      click: () => {
        const url = logonUserDetailInfo.value.trustedIdentityCredential;
        if (!url) {
          return;
        }
        onUploadFilePreview(url);
      },
    },
  },
  {
    type: "input",
    label: "可信身份凭证url地址",
    field: "trustedIdentityCredential",
    default: "",
    placeholder: "-",
    clearable: true,
    disabled: true,
    visible: false,
    required: false,
  },
  {
    type: "input",
    label: "IP地址列表",
    field: "ipAddressList",
    default: "",
    placeholder: "支持以逗号，分隔的多地址配置，格式IPv4/IPv6",
    clearable: true,
    required: true,
    block: true,
  },
  {
    type: "input",
    label: "域名信息",
    field: "domainList",
    default: "",
    placeholder: "支持以逗号，分隔的多个域名配置",
    clearable: true,
    required: true,
    block: true,
  },
]);

const baseInfoFormRules = ref({
  connectorName: [required("请填写连接器名称")],
  accessMethod: [required("请选择接入方式")],
  ipAddressList: [required("请填写IP地址列表"), validateIPList()], //TODO,校验IP地址和域名
  domainList: [required("请填写域名信息"), validateDomainList()],
});

/** 连接器附属信息表单配置 */
const addInfoFormRef = ref();
const addInfoFormItems = ref([
  {
    type: "input",
    label: "供应商名称",
    field: "supplierName",
    default: "",
    placeholder: "请输入",
    maxlength: 50,
    clearable: true,
    required: true,
  },
  {
    type: "input",
    label: "供应商统一社会信用代码",
    field: "supplierCode",
    default: "",
    placeholder: "请输入",
    maxlength: 50,
    clearable: true,
    required: true,
  },
  {
    label: "连接器类型",
    type: "radio-group",
    placeholder: "",
    field: "connectorType",
    default: 0,
    options: [
      {
        label: "标准型",
        value: 0,
      },
      {
        label: "全能型",
        value: 1,
      },
    ],
    required: true,
  },
  {
    type: "input",
    label: "可信身份凭证签发单位",
    field: "trustedIdentityCredentialUnit",
    default: "",
    placeholder: "-",
    clearable: true,
    disabled: true,
    required: false,
  },
  {
    type: "input",
    label: "产品SN号",
    field: "productSn",
    default: "",
    placeholder: "请输入出厂唯一SN号",
    maxlength: 20,
    clearable: true,
    required: true,
  },
  {
    type: "input",
    label: "产品版本号",
    field: "productVersion",
    default: "",
    placeholder: "请输入产品版本号，用于补丁管理和漏洞响应",
    maxlength: 20,
    clearable: true,
    required: true,
  },
  {
    type: "input",
    label: "设备MAC地址",
    field: "deviceMacAddress",
    default: "",
    placeholder: "物理设备唯一标识符(若有多台，只登记管理服务器mac地址)",
    maxlength: 50,
    clearable: true,
    required: true,
  },
]);

const addInfoFormRules = ref({
  supplierName: [required("请填写供应商名称")],
  supplierCode: [required('请填写供应商统一社会信用代码'), isUSCCCode()],
  productSn: [required("请填写出厂唯一SN号")],
  productVersion: [required("请填写产品版本号")],
  deviceMacAddress: [required("请填写设备MAC地址")], //校验
});

/** 连接器身份可验证信息 */
const validInfoFormRef = ref();
const validInfoFormItems = ref([
  {
    label: "网络接入资质认证",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    required: false,
    limitSize: 10,
    default: [],
    field: "networkAccessQualification",
    tooltip: true,
    tooltipContent: "如工信部核发的互联网接入服务许可、VPN 接入资质等",
  },
  {
    label: "等级保护测评结果",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    required: true,
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent:
      "具备国家网络安全等级保护测评资质，含系统/设备测评等级与有效期",
    field: "levelProtectionEvaluationResults",
  },
  {
    label: "等级保护测评有效期至",
    type: "date",
    field: "levelProtectionEvaluationExpirationTime",
    default: null,
    placeholder: "请选择",
    clearable: true,
    disabledDate: (date) => {
      const today = new Date();
      // 将 today 设置为 00:00:00，只比较日期部分（本地时间）
      const todayStart = new Date(
        today.getFullYear(),
        today.getMonth(),
        today.getDate()
      );

      // 将 date 也转换为本地日期的开始时间（避免 UTC 问题）
      const dateStart = new Date(
        date.getFullYear(),
        date.getMonth(),
        date.getDate()
      );

      // 禁用 dateStart < todayStart 的日期（即今天之前）
      return dateStart.getTime() < todayStart.getTime();
    },
    required: true,
  },
  {
    label: "网络安全产品备案证明",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    required: false,
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "如国家网信办或公安机关备案的防火墙/网关产品登记信息",
    field: "networkSecurityFilingCertificate",
  },
  {
    label: "加密模块认证",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "如密码管理局颁发的SM系列算法模块认证书",
    field: "encryptionModuleAuthentication",
  },
  {
    label: "软件供应链合规声明",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "包含安全SBOM清单、安全更新机制合规性声明",
    field: "softwareScmStatemen",
  },
  {
    label: "安全漏洞修复声明",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "由供应商出具的修复已知漏洞的声明，附漏洞编号与修复记录",
    field: "securityLoopholeRepairStatement",
  },
  {
    label: "通信协议兼容性认证",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "如支持OIDC/SAML等跨平台协议的互操作性报告",
    field: "communicationProtocolCompatibilityCertification",
  },
  {
    label: "硬件可信执行环境（TEE）认证",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "具备可信启动、安全执行、物理隔离能力的设备认证",
    field: "teeCertification",
  },
  {
    label: "接入行为审计合规报告",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent: "具备行为记录留存、数据访问控制和审计能力的外部审计报告",
    field: "accessAuditReport",
  },
  {
    label: "第三方认证声明",
    tip: "支持扩展名：pdf、png、jpg，单个文件不得大于10M",
    type: "upload-file",
    accept: ".pdf, .png, .jpg",
    limitSize: 10,
    default: [],
    tooltip: true,
    tooltipContent:
      "如由行业联盟、CA 机构等出具的合规性、互操作性、性能认证等声明材料",
    field: "thirdPartyCertification",
  },
]);

const validInfoFormRules = ref({
  //networkAccessQualification: [requiredFiles()],
  levelProtectionEvaluationResults: [requiredFiles()],
  levelProtectionEvaluationExpirationTime: [required("请选择有效期")],
  //networkSecurityFilingCertificate: [requiredFiles()],
  // encryptionModuleAuthentication: [requiredFiles()],
  // softwareScmStatemen: [requiredFiles()],
  // securityLoopholeRepairStatement: [requiredFiles()],
  // communicationProtocolCompatibilityCertification: [requiredFiles()],
  // accessAuditReport: [requiredFiles()],
  // thirdPartyCertification: [requiredFiles()],
});

const cancel = () => {
  proxy.$openMessageBox(
    "当前页面尚未保存，确定放弃修改吗？",
    () => {
      userStore.setTabbar(
        userStore.tabbar.filter((tab: any) => tab.fullPath !== fullPath)
      );
      router.push({
        name: "settleManagement",
      });
    },
    () => {
      proxy.$ElMessage.info("已取消");
    }
  );
};

const transferValueInfo = () => {
  let params: any = {};
  let baseInfo = baseInfoFormRef.value.formInline;
  params = { ...baseInfo };
  params.trustedIdentityCredential = logonUserDetailInfo.value.trustedIdentityCredential;
  if (params.ipAddressList) {
    params.ipAddressList = params.ipAddressList.split(",");
  } else {
    params.ipAddressList = [];
  }
  if (params.domainList) {
    params.domainList = params.domainList.split(",");
  } else {
    params.domainList = [];
  }
  let addInfo = addInfoFormRef.value.formInline;
  params.tdsConnectorAdditional = addInfo;
  params.tdsConnectorAdditional.guid = connectorDetailInfo.value?.tdsConnectorAdditional?.guid;
  let validInfo = validInfoFormRef.value.formInline;
  let tdsConnectorVerifiable = {};
  for (const key in validInfo) {
    if (key == "levelProtectionEvaluationExpirationTime") {
      tdsConnectorVerifiable[key] = validInfo[key];
    } else {
      tdsConnectorVerifiable[key] =
        validInfo[key]?.map((v) => {
          return {
            name: v.name,
            url: v.url,
          };
        }) || [];
    }
  }
  params.tdsConnectorVerifiable = tdsConnectorVerifiable;
  params.tdsConnectorVerifiable.guid = connectorDetailInfo.value?.tdsConnectorVerifiable?.guid;
  return params;
}

const saveDraft = () => {
  let params: any = transferValueInfo();
  params.immediateApprove = false;
  params.bizApproveState = "N";
  fullscreenLoading.value = true;
  if (!guid) {
    saveConnector(params).then((res: any) => {
      fullscreenLoading.value = false;
      if (res?.code == proxy.$passCode) {
        proxy.$ElMessage.success('保存成功');
        userStore.setTabbar(
          userStore.tabbar.filter((tab: any) => tab.fullPath !== fullPath)
        );
        router.push({
          name: "settleManagement",
        });
        dataConnectorStore.set(true);
      } else {
        proxy.$ElMessage.error(res.msg);
      }
    });
  } else {
    params.guid = guid;
    updateConnector(params).then((res: any) => {
      fullscreenLoading.value = false;
      if (res?.code == proxy.$passCode) {
        proxy.$ElMessage.success('保存成功');
        userStore.setTabbar(
          userStore.tabbar.filter((tab: any) => tab.fullPath !== fullPath)
        );
        router.push({
          name: "settleManagement",
        });
        dataConnectorStore.set(true);
      } else {
        proxy.$ElMessage.error(res.msg);
      }
    });
  }
};

const submit = () => {
  baseInfoFormRef.value.ruleFormRef.validate((valid1, errorItem1) => {
    if (valid1) {
      addInfoFormRef.value.ruleFormRef.validate((valid2, errorItem2) => {
        if (valid2) {
          validInfoFormRef.value.ruleFormRef.validate((valid3, errorItem3) => {
            if (valid3) {
              let params: any = transferValueInfo();
              params.immediateApprove = true;
              params.bizApproveState = 'A';
              fullscreenLoading.value = true;
              if (route.query.isChange == 'Y') {
                params.sourceBizGuid = guid;
                changeSaveConnector(params).then((res: any) => {
                  fullscreenLoading.value = false;
                  if (res?.code == proxy.$passCode) {
                    proxy.$ElMessage.success('提交成功');
                    userStore.setTabbar(
                      userStore.tabbar.filter((tab: any) => tab.fullPath !== fullPath)
                    );
                    router.push({
                      name: "settleManagement",
                    });
                    dataConnectorStore.set(true);
                  } else {
                    proxy.$ElMessage.error(res.msg);
                  }
                });
              } else {
                if (!guid) {
                  saveConnector(params).then((res: any) => {
                    fullscreenLoading.value = false;
                    if (res?.code == proxy.$passCode) {
                      proxy.$ElMessage.success('提交成功');
                      userStore.setTabbar(
                        userStore.tabbar.filter((tab: any) => tab.fullPath !== fullPath)
                      );
                      router.push({
                        name: "settleManagement",
                      });
                      dataConnectorStore.set(true);
                    } else {
                      proxy.$ElMessage.error(res.msg);
                    }
                  });
                } else {
                  params.guid = guid;
                  updateConnector(params).then((res: any) => {
                    fullscreenLoading.value = false;
                    if (res?.code == proxy.$passCode) {
                      proxy.$ElMessage.success('提交成功');
                      userStore.setTabbar(
                        userStore.tabbar.filter((tab: any) => tab.fullPath !== fullPath)
                      );
                      router.push({
                        name: "settleManagement",
                      });
                      dataConnectorStore.set(true);
                    } else {
                      proxy.$ElMessage.error(res.msg);
                    }
                  });
                }
              }
            } else {
              expandValid.value = true;
              var obj = Object.keys(errorItem3);
              validInfoFormRef.value.ruleFormRef.scrollToField(obj[0]);
            }
          });
        } else {
          expandImpact.value = true;
          var obj = Object.keys(errorItem2);
          addInfoFormRef.value.ruleFormRef.scrollToField(obj[0]);
          validInfoFormRef.value.ruleFormRef.validate(() => { });
        }
      });
    } else {
      expandBase.value = true;
      var obj = Object.keys(errorItem1);
      baseInfoFormRef.value.ruleFormRef.scrollToField(obj[0]);
      addInfoFormRef.value.ruleFormRef.validate(() => { });
      validInfoFormRef.value.ruleFormRef.validate(() => { });
    }
  });
};

const logonUserDetailInfo: any = ref({});

const connectorDetailInfo: any = ref({});

onBeforeMount(() => {
  if (!guid) {
    getCamundaDeploymentId("10031", userData.tenantGuid, userData.staffGuid).then(
      (res: any) => {
        if (res.code == proxy.$passCode) {
          deploymentId.value = res.data;
        } else {
          proxy.$ElMessage.error(res.msg);
        }
      }
    );
    fullscreenLoading.value = true;
    getEnterpriseData({
      logonUser: userData.tenantName == "非认证会员" ? userData.logonUser : tenantData.logonUser
    }).then((res: any) => {
      fullscreenLoading.value = false;
      if (res?.code == proxy.$passCode) {
        const data = res.data || {};
        logonUserDetailInfo.value = data;
        baseInfoFormItems.value.forEach((item) => {
          if (item.field == "legalEntity") {
            item.default = res.data["tenantName"] || "";
          } else if (item.field == "legalSocialCreditCode") {
            item.default = res.data["socialCreditCode"] || "";
          } else if (item.field == 'credentialTime') {
            item.default = data.credentialTime || '';
          } else if (item.field == 'trustedIdentityCredential') {
            item.default = data.trustedIdentityCredential || '';
          }
        });
        let tenantItem = addInfoFormItems.value.find(item => item.field == "trustedIdentityCredentialUnit");
        tenantItem && (tenantItem.default = data['trustedIdentityCredentialUnit']);
      } else {
        proxy.$ElMessage.error(res.msg);
      }
    });
  } else {
    fullscreenLoading.value = true;
    let ps1 = getConnectorDetail(guid);
    let ps2 = getEnterpriseData({
      logonUser: userData.tenantName == "非认证会员" ? userData.logonUser : tenantData.logonUser
    });
    Promise.all([ps1, ps2]).then((res: any) => {
      fullscreenLoading.value = false;
      let res1 = res?.[0];
      let res2 = res?.[1];
      let logonUserDetail = logonUserDetailInfo.value = res2?.data || {};
      if (res2?.code == proxy.$passCode) {
      } else {
        proxy.$ElMessage.error(res1.msg);
      }
      if (res1?.code == proxy.$passCode) {
        let connectorDetail = connectorDetailInfo.value = res1?.data || {};
        deploymentId.value = connectorDetail.approveVO?.camundaDeploymentId || '';
        processInstanceId.value = connectorDetail.approveVO?.camundaInstanceId || '';
        if (!deploymentId.value) {
          getCamundaDeploymentId("10031", userData.tenantGuid, userData.staffGuid).then(
            (res: any) => {
              if (res.code == proxy.$passCode) {
                deploymentId.value = res.data;
              } else {
                proxy.$ElMessage.error(res.msg);
              }
            }
          );
        }
        let approveVO = connectorDetail.approveVO || {};
        if ((approveVO.approveState == 'C' || approveVO.approveState == 'R') && approveVO.staffGuid == userData.staffGuid && connectorDetail.bizApproveState != 'D') {
          restart.value = true;
        }
        baseInfoFormItems.value.forEach(item => {
          if (item.field == "legalEntity") {
            item.default = connectorDetail[item.field] || logonUserDetail["tenantName"] || "";
          } else if (item.field == "legalSocialCreditCode") {
            item.default = connectorDetail[item.field] || logonUserDetail["socialCreditCode"] || "";
          } else if (item.field == 'credentialTime' || item.field == 'trustedIdentityCredential') {
            item.default = connectorDetail[item.field] || logonUserDetail[item.field] || "";
          } else if (item.field == 'ipAddressList' || item.field == 'domainList') {
            item.default = connectorDetail[item.field]?.join(',') || '';
          } else {
            item.default = connectorDetail[item.field] || '';
          }
        });
        addInfoFormItems.value.forEach(item => {
          if (item.field == "trustedIdentityCredentialUnit") {
            item.default = connectorDetail[item.field] || logonUserDetail['trustedIdentityCredentialUnit'] || '';
          } else {
            item.default = connectorDetail.tdsConnectorAdditional?.[item.field];
          }
        })
        validInfoFormItems.value.forEach(item => {
          if (item.field == 'levelProtectionEvaluationExpirationTime') {
            item.default = connectorDetail.tdsConnectorVerifiable?.[item.field] || '';
          } else {
            item.default = connectorDetail.tdsConnectorVerifiable?.[item.field] || [];
          }
        });
      } else {
        proxy.$ElMessage.error(res1.msg);
      }
    }).catch(() => {
      fullscreenLoading.value = false;
    });
  }
});
</script>

<template>
  <div class="container_wrap full" v-loading="fullscreenLoading">
    <div class="content_main panel">
      <ContentWrap title="连接器身份信息" expandSwicth style="margin-top: 15px" :isExpand="expandBase"
        @expand="(v) => (expandBase = v)" description="">
        <Form ref="baseInfoFormRef" formId="base-info-form" :itemList="baseInfoFormItems" :rules="baseInfoFormRules"
          col="col3" />
      </ContentWrap>
      <ContentWrap title="连接器附属信息" expandSwicth style="margin-top: 15px" :isExpand="expandImpact"
        @expand="(v) => (expandImpact = v)" description="">
        <Form ref="addInfoFormRef" formId="add-info-form" :itemList="addInfoFormItems" :rules="addInfoFormRules"
          col="col3" />
      </ContentWrap>
      <ContentWrap title="连接器可验信息" expandSwicth style="margin-top: 15px" :isExpand="expandValid"
        @expand="(v) => (expandValid = v)" description="">
        <Form ref="validInfoFormRef" formId="valid-info-form" :itemList="validInfoFormItems" :rules="validInfoFormRules"
          col="col3" />
      </ContentWrap>
      <ContentWrap id="id-approveInfo" title="审批信息" :isExpand="approveInfoExpand" expandSwicth style="margin-top: 15px"
        @expand="(v) => (approveInfoExpand = v)">
        <ApprovalProcess v-if="deploymentId" :deploymentId="deploymentId" :definitionId="''">
        </ApprovalProcess>
      </ContentWrap>
    </div>
    <div class="tool_btns">
      <div class="btns">
        <el-button @click="cancel">取消</el-button>
        <el-button type="primary" v-if="!restart && route.query.isChange != 'Y'" @click="saveDraft">保存</el-button>
        <el-button type="primary" @click="submit">提交</el-button>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.container_wrap {
  overflow: hidden;

  .content_main {
    height: calc(100% - 45px);
    overflow: hidden auto;

    &.panel {
      padding: 0 16px 16px;
    }
  }
}

.tool_btns {
  height: 44px;
  margin: 0 -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #d9d9d9;
}

:deep(.el-form) {
  .width-left {
    width: calc(100% - 125px);
  }

  .el-form-item.col2.radio-left {
    width: calc(66.6% - 12px);
  }
}

:deep(.dialog-form-inline.col3) {
  align-items: flex-start;
}
</style>