From c2e2f65434c406f076fd6f7b6dc8a2b5a909b3a6 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Tue, 9 Jul 2024 16:40:07 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E9=85=8D=E7=BD=AE=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0diicomAE=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/trials.js                             |  31 +
 src/const/sign-code.vue                       |  13 +-
 .../trial-config/components/dicomConfig.vue   | 537 ++++++++++++++++++
 .../setting/trial-config/index.vue            |  79 +--
 4 files changed, 622 insertions(+), 38 deletions(-)
 create mode 100644 src/views/trials/trials-panel/setting/trial-config/components/dicomConfig.vue

diff --git a/src/api/trials.js b/src/api/trials.js
index 9e149c28..51e29113 100644
--- a/src/api/trials.js
+++ b/src/api/trials.js
@@ -3714,4 +3714,35 @@ export function deleteTrialSiteDicomAE(id) {
     url: `/TrialSiteDicomAE/deleteTrialSiteDicomAE/${id}`,
     method: 'delete',
   })
+}
+// 获取项目中dicomAE配置
+export function getTrialDicomAE(params) {
+  return request({
+    url: `/TrialDicomAE/getTrialDicomAE`,
+    method: 'get',
+    params
+  })
+}
+// 项目新增或修改dicomAE配置
+export function addOrUpdateDicomAE(data) {
+  return request({
+    url: `/TrialDicomAE/addOrUpdateDicomAE`,
+    method: 'post',
+    data
+  })
+}
+// 测试dicomAE链接
+export function testSCPServerConnect(id) {
+  return request({
+    url: `/TrialDicomAE/testSCPServerConnect/${id}`,
+    method: 'get',
+  })
+}
+// dicomAE配置签名
+export function ConfigTrialPACSInfoConfirm(data) {
+  return request({
+    url: `/Inspection/configTrialBasicInfo/ConfigTrialPACSInfoConfirm`,
+    method: 'post',
+    data
+  })
 }
\ No newline at end of file
diff --git a/src/const/sign-code.vue b/src/const/sign-code.vue
index 102ae04e..e1be4968 100644
--- a/src/const/sign-code.vue
+++ b/src/const/sign-code.vue
@@ -1,6 +1,5 @@
 <script>
-export default
-{
+export default {
   processSignature: {
     LogicalConfigConfirmation: 101, // 逻辑配置确认：逻辑配置确认操作
     ProcessConfigConfirmation: 102, // 流程配置确认：流程配置确认操作
@@ -25,9 +24,11 @@ export default
     ImageAssessmentReportConfirmation: 214, // 影像评估报告确认
     MedicalAuditConfirmation: 109, // 医学审核问题确认
     ReadingUnitConfirmation: 108, // 医学审核问题确认
-    MedicalAudit: 215,// 医学审核
-    HeavyReadingApproval: 216,// 重阅审批
+    MedicalAudit: 215, // 医学审核
+    HeavyReadingApproval: 216, // 重阅审批
     ResetAndAsyncCriterion: 218, //同步签名
-  }
-}
+    DicomConfigConfirmation: 219, // DICOM AE配置确认
+    DicomConfigUpdates: 220, // DICOM AE配置更新
+  },
+};
 </script>
diff --git a/src/views/trials/trials-panel/setting/trial-config/components/dicomConfig.vue b/src/views/trials/trials-panel/setting/trial-config/components/dicomConfig.vue
new file mode 100644
index 00000000..ce7a89c2
--- /dev/null
+++ b/src/views/trials/trials-panel/setting/trial-config/components/dicomConfig.vue
@@ -0,0 +1,537 @@
+<template>
+  <div>
+    <el-form
+      ref="dicomConfigForm"
+      v-loading="loading"
+      :model="form"
+      label-width="300px"
+      style="width: 800px"
+      :rules="rules"
+      size="small"
+    >
+      <!-- pacs直连 -->
+      <el-form-item
+        :label="$t('trials:dicomCfg:form:pacsLine')"
+        prop="IsPACSConnect"
+      >
+        <el-radio-group
+          v-model="form.IsPACSConnect"
+          :disabled="form.IsTrialPACSConfirmed && !isEdit"
+        >
+          <el-radio
+            v-for="item of $d.PACSConnectMode"
+            :key="item.id"
+            :label="item.value"
+          >
+            {{ item.label }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <template v-if="form.IsPACSConnect">
+        <!--AE名称-->
+        <el-form-item
+          :label="$t('trials:dicomCfg:form:CalledAE')"
+          prop="CalledAE"
+        >
+          <el-input
+            v-model="form.CalledAE"
+            style="width: 80%"
+            :disabled="form.IsTrialPACSConfirmed && !isEdit"
+            clearable
+            maxlength="16"
+          />
+        </el-form-item>
+        <!-- IP地址 -->
+        <el-form-item :label="$t('trials:dicomCfg:form:Ip')" prop="Ip">
+          <el-input
+            v-model="form.Ip"
+            style="width: 80%"
+            :disabled="form.IsTrialPACSConfirmed && !isEdit"
+            clearable
+          />
+        </el-form-item>
+        <!-- 端口 -->
+        <el-form-item :label="$t('trials:dicomCfg:form:Port')" prop="Port">
+          <el-input
+            v-model.number="form.Port"
+            type="number"
+            clearable
+            style="width: 80%"
+            :disabled="form.IsTrialPACSConfirmed && !isEdit"
+          />
+        </el-form-item>
+        <!--状态-->
+        <el-form-item
+          :label="$t('trials:dicomCfg:form:IsTestOK')"
+          prop="IsTestOK"
+        >
+          <el-tag
+            :type="form.IsTestOK ? 'success' : 'danger'"
+            effect="plain"
+            v-if="form.IsTestOK !== null"
+          >
+            {{ $fd("DicomTest", form.IsTestOK) }}
+          </el-tag>
+        </el-form-item>
+      </template>
+      <el-form-item>
+        <!-- 测试DICOM AE -->
+        <el-button
+          v-if="
+            isEdit &&
+            hasPermi(['trials:trials-panel:setting:trial-config:save']) &&
+            form.IsPACSConnect
+          "
+          type="primary"
+          @click.stop="testSCPServerConnect"
+        >
+          {{ $t("common:button:DicomTest") }}
+        </el-button>
+        <!-- 保存 -->
+        <el-button
+          v-if="
+            form.IsTrialPACSConfirmed === false &&
+            hasPermi(['trials:trials-panel:setting:trial-config:save'])
+          "
+          type="primary"
+          @click="addOrUpdateDicomAE"
+        >
+          {{ $t("common:button:save") }}
+        </el-button>
+        <!-- 配置确认:disabled="!form.IsTestOK" -->
+        <el-button
+          v-if="
+            form.IsTrialPACSConfirmed === false &&
+            hasPermi(['trials:trials-panel:setting:trial-config:save'])
+          "
+          type="primary"
+          @click="handleConfirm"
+        >
+          {{ $t("trials:trialCfg:button:confirm") }}
+        </el-button>
+        <!-- 配置更新 -->
+        <el-button
+          v-if="
+            form.IsTrialPACSConfirmed === true &&
+            !isEdit &&
+            TrialStatusStr === 'Initializing' &&
+            hasPermi(['trials:trials-panel:setting:trial-config:save'])
+          "
+          type="primary"
+          @click="isEdit = true"
+        >
+          {{ $t("trials:trialCfg:button:update") }}
+        </el-button>
+        <!-- 配置更新确认:disabled="!form.IsTestOK" -->
+        <el-button
+          v-if="
+            form.IsTrialPACSConfirmed === true &&
+            isEdit &&
+            hasPermi(['trials:trials-panel:setting:trial-config:save'])
+          "
+          type="primary"
+          @click="handleUpdate"
+        >
+          {{ $t("trials:trialCfg:button:updateAndConfirm") }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 配置信息签名框 -->
+    <el-dialog
+      v-if="signVisible"
+      :visible.sync="signVisible"
+      :close-on-click-modal="false"
+      width="600px"
+      custom-class="base-dialog-wrapper"
+    >
+      <div slot="title">
+        <span style="font-size: 18px">{{ $t("common:dialogTitle:sign") }}</span>
+        <span style="font-size: 12px; margin-left: 5px">{{
+          `(${$t("common:label:sign")}${currentUser})`
+        }}</span>
+      </div>
+      <SignForm
+        ref="signForm"
+        :sign-code-enum="signCode"
+        @closeDialog="closeSignDialog"
+      />
+    </el-dialog>
+    <!-- 配置信息确认框 -->
+    <el-dialog
+      v-if="confirmVisible"
+      :visible.sync="confirmVisible"
+      :close-on-click-modal="false"
+      width="600px"
+      :title="$t('trials:trialCfg:dialogTitle:cfgConfirm')"
+      custom-class="base-dialog-wrapper"
+    >
+      <div class="base-dialog-body">
+        <el-table :data="confirmData" border style="width: 100%" size="small">
+          <!-- 配置项 -->
+          <el-table-column
+            prop="Name"
+            :label="$t('trials:trialCfg:table:cfgItem')"
+            show-overflow-tooltip
+          />
+          <!-- 配置值 -->
+          <el-table-column
+            prop="NewVal"
+            :label="$t('trials:trialCfg:table:cfgVal')"
+            show-overflow-tooltip
+          />
+        </el-table>
+      </div>
+      <div
+        class="base-dialog-footer"
+        style="text-align: right; margin-top: 10px"
+      >
+        <!-- 确认 -->
+        <el-button size="small" type="primary" @click="handleConfirmConfigData">
+          {{ $t("trials:trialCfg:button:confirmCfg") }}
+        </el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 配置信息更新框 -->
+    <el-dialog
+      v-if="updateVisible"
+      :visible.sync="updateVisible"
+      :close-on-click-modal="false"
+      width="600px"
+      :title="$t('trials:trialCfg:dialogTitle:cfgConfirm')"
+      custom-class="base-dialog-wrapper"
+    >
+      <div class="base-dialog-body">
+        <el-table :data="confirmData" border style="width: 100%" size="small">
+          <!-- 配置项 -->
+          <el-table-column
+            prop="Name"
+            :label="$t('trials:trialCfg:table:cfgItem')"
+            show-overflow-tooltip
+          />
+          <!-- 配置值（更改前） -->
+          <el-table-column
+            prop="OldVal"
+            :label="`${$t('trials:trialCfg:table:cfgVal')} （${$t(
+              'trials:trialCfg:table:beforeChange'
+            )}）`"
+            show-overflow-tooltip
+          />
+          <!-- 配置值（更改后） -->
+          <el-table-column
+            prop="NewVal"
+            :label="`${$t('trials:trialCfg:table:cfgVal')} （${$t(
+              'trials:trialCfg:table:updated'
+            )}）`"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <span
+                :class="{ fontColor: scope.row.NewVal !== scope.row.OldVal }"
+                >{{ scope.row.NewVal }}</span
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div
+        class="base-dialog-footer"
+        style="text-align: right; margin-top: 10px"
+      >
+        <!-- 确认 -->
+        <el-button size="small" type="primary" @click="handleUpdateConfigData">
+          {{ $t("trials:trialCfg:button:confirmCfg") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  getTrialDicomAE,
+  addOrUpdateDicomAE,
+  testSCPServerConnect,
+  ConfigTrialPACSInfoConfirm,
+} from "@/api/trials";
+import SignForm from "@/views/trials/components/newSignForm";
+import const_ from "@/const/sign-code";
+export default {
+  name: "dicomConfig",
+  components: { SignForm },
+  data() {
+    return {
+      loading: false,
+      form: {
+        IsTestOK: null,
+        IsPACSConnect: true,
+        IsTrialPACSConfirmed: false,
+        CalledAE: null,
+        Ip: null,
+        Port: null,
+        Modality: null,
+      },
+      initialForm: {},
+      rules: {
+        IsPACSConnect: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: "blur",
+          },
+        ],
+        CalledAE: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: "blur",
+          },
+          {
+            pattern: /[a-zA-Z0-9]/,
+            message: this.$t("common:ruleMessage:CallingAEPattern"),
+            trigger: "blur",
+          },
+          {
+            min: 1,
+            max: 16,
+            message: this.$t("common:ruleMessage:CallingAEPattern"),
+            trigger: "blur",
+          },
+        ],
+        Ip: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: "blur",
+          },
+          {
+            validator: (rule, value, callback) => {
+              if (
+                value === "" ||
+                typeof value === "undefined" ||
+                value == null
+              ) {
+                callback(new Error(this.$t("common:ruleMessage:ipPattern")));
+              } else {
+                const reg =
+                  /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
+                if (!reg.test(value) && value !== "") {
+                  callback(new Error(this.$t("common:ruleMessage:ipPattern")));
+                } else {
+                  callback();
+                }
+              }
+            },
+            message: this.$t("common:ruleMessage:ipPattern"),
+            trigger: "blur",
+          },
+        ],
+        Port: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: "blur",
+          },
+          {
+            type: "number",
+            min: 0,
+            max: 65535,
+            message: this.$t("common:ruleMessage:portPattern"),
+            trigger: "blur",
+          },
+          {
+            validator: (rule, value, callback) => {
+              if (
+                value &&
+                (String(value).includes(".") ||
+                  new RegExp(/\D/g).test(String(value)))
+              ) {
+                callback(new Error(this.$t("common:ruleMessage:portPattern")));
+              } else {
+                callback();
+              }
+            },
+            trigger: "blur",
+          },
+        ],
+      },
+      TrialStatusStr: "",
+      isEdit: true,
+      Id: null,
+      signVisible: false,
+      signCode: null,
+      currentUser: zzSessionStorage.getItem("userName"),
+      confirmData: [],
+      confirmVisible: false,
+      updateVisible: false,
+    };
+  },
+  methods: {
+    initForm() {
+      this.getInfo();
+    },
+    // 测试dicomAE
+    async testSCPServerConnect() {
+      try {
+        let res = await this.addOrUpdateDicomAE();
+        if (!res) return;
+        this.loading = true;
+        let d = await testSCPServerConnect(res);
+        this.loading = false;
+        if (d.IsSuccess) {
+          this.form.IsTestOK = d.Result;
+        }
+      } catch (err) {
+        console.log(err);
+        this.loading = false;
+      }
+    },
+    // 获取配置
+    async getInfo() {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+        };
+        this.loading = true;
+        let res = await getTrialDicomAE(data);
+        this.loading = false;
+        if (res.IsSuccess) {
+          this.form.IsPACSConnect = res.OtherInfo.IsPACSConnect;
+          this.form.IsTrialPACSConfirmed = res.OtherInfo.IsTrialPACSConfirmed;
+          if (!res.OtherInfo.IsTrialProcessConfirmed) {
+            this.isEdit = true;
+          }
+          this.form.IsTestOK = res.Result.IsTestOK;
+          this.form.CalledAE = res.Result.CalledAE;
+          this.form.Ip = res.Result.IP;
+          this.form.Port = res.Result.Port;
+          this.Id = res.Result.Id;
+
+          this.initialForm.IsPACSConnect = res.OtherInfo.IsPACSConnect;
+          this.initialForm.IsTrialPACSConfirmed =
+            res.OtherInfo.IsTrialPACSConfirmed;
+          this.initialForm.IsTestOK = res.Result.IsTestOK;
+          this.initialForm.CalledAE = res.Result.CalledAE;
+          this.initialForm.Ip = res.Result.IP;
+          this.initialForm.Port = res.Result.Port;
+        }
+      } catch (err) {
+        console.log(err);
+        this.loading = false;
+      }
+    },
+    // 新增或修改配置
+    async addOrUpdateDicomAE() {
+      try {
+        let validate = await this.$refs.dicomConfigForm.validate();
+        if (!validate) return;
+        if (this.Id) {
+          this.form.Id = this.Id;
+        }
+        this.form.TrialId = this.$route.query.trialId;
+        this.loading = true;
+        let res = await addOrUpdateDicomAE(this.form);
+        this.loading = false;
+        if (res.IsSuccess) {
+          // this.$emit("refresh");
+          return res.Result;
+        }
+        return false;
+      } catch (err) {
+        console.log(err);
+        this.loading = false;
+        return false;
+      }
+    },
+    // 关闭签名框
+    closeSignDialog(isSign, signInfo) {
+      if (isSign) {
+        this.signConfirm(signInfo);
+      } else {
+        this.signVisible = false;
+      }
+    },
+    async signConfirm(signInfo) {
+      try {
+        let data = {
+          data: {
+            TrialId: this.$route.query.trialId,
+            IsPACSConnect: this.form.IsPACSConnect,
+            IsTrialPACSConfirmed: true,
+          },
+          signInfo,
+        };
+        let res = await ConfigTrialPACSInfoConfirm(data);
+        if (res.IsSuccess) {
+          this.signVisible = false;
+          this.confirmVisible = false;
+          this.updateVisible = false;
+          res = await this.addOrUpdateDicomAE();
+          if (res) this.$emit("refresh");
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    },
+    // 配置更新
+    handleUpdateConfigData() {
+      const { DicomConfigUpdates } = const_.processSignature;
+      this.signCode = DicomConfigUpdates;
+      this.signVisible = true;
+    },
+    // 配置确认
+    handleConfirmConfigData() {
+      const { DicomConfigConfirmation } = const_.processSignature;
+      this.signCode = DicomConfigConfirmation;
+      this.signVisible = true;
+    },
+    // 打开配置信息确认框
+    handleConfirm() {
+      this.$refs["dicomConfigForm"].validate(async (valid) => {
+        if (!valid) return;
+        this.getConfigArr();
+        this.confirmVisible = true;
+      });
+    },
+
+    // 打开配置信息更新框
+    handleUpdate() {
+      this.$refs["dicomConfigForm"].validate(async (valid) => {
+        if (!valid) return;
+        this.getConfigArr();
+        this.updateVisible = true;
+      });
+    },
+    // 配置信息数组结构
+    getConfigArr() {
+      this.confirmData = [
+        {
+          Name: this.$t("trials:dicomCfg:form:pacsLine"), // pacs直连
+          NewVal: this.$fd("PACSConnectMode", this.form.IsPACSConnect),
+          OldVal: this.$fd("PACSConnectMode", this.initialForm.IsPACSConnect),
+        },
+        {
+          Name: this.$t("trials:dicomCfg:form:CalledAE"), // AE名称
+          NewVal: this.form.CalledAE,
+          OldVal: this.initialForm.CalledAE,
+        },
+        {
+          Name: this.$t("trials:dicomCfg:form:Ip"), // IP地址
+          NewVal: this.form.Ip,
+          OldVal: this.initialForm.Ip,
+        },
+        {
+          Name: this.$t("trials:dicomCfg:form:Port"),
+          NewVal: this.form.Port,
+          OldVal: this.initialForm.Port,
+        },
+        {
+          Name: this.$t("trials:dicomCfg:form:IsTestOK"), // 状态
+          NewVal: this.$fd("DicomTest", this.form.IsTestOK),
+          OldVal: this.$fd("DicomTest", this.initialForm.IsTestOK),
+        },
+      ];
+    },
+  },
+};
+</script>
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/trials/trials-panel/setting/trial-config/index.vue b/src/views/trials/trials-panel/setting/trial-config/index.vue
index b22738d0..f028e5e5 100644
--- a/src/views/trials/trials-panel/setting/trial-config/index.vue
+++ b/src/views/trials/trials-panel/setting/trial-config/index.vue
@@ -1,7 +1,14 @@
 <template>
-  <el-collapse v-model="activeCollapse" v-loading="loading" class="setting-config">
+  <el-collapse
+    v-model="activeCollapse"
+    v-loading="loading"
+    class="setting-config"
+  >
     <!-- 逻辑配置 -->
-    <el-collapse-item :title="$t('trials:trialConfig:title:logincCfg')" name="1">
+    <el-collapse-item
+      :title="$t('trials:trialConfig:title:logincCfg')"
+      name="1"
+    >
       <LogicalConfig ref="logicalConfig" @refresh="getConfigInfo" />
     </el-collapse-item>
     <!-- 流程配置 -->
@@ -12,50 +19,58 @@
     <el-collapse-item :title="$t('trials:trialCfg:title:urgentCfg')" name="3">
       <UrgentConfig ref="urgentConfig" @refresh="getConfigInfo" />
     </el-collapse-item>
+    <!--dicom接入配置-->
+    <el-collapse-item :title="$t('trials:trialCfg:title:dicomCfg')" name="4">
+      <dicomConfig ref="dicomConfig" @refresh="getConfigInfo" />
+    </el-collapse-item>
   </el-collapse>
 </template>
 <script>
-import { getTrialConfigInfo } from '@/api/trials'
-import LogicalConfig from './components/logicalConfig'
-import ProcessConfig from './components/processConfig'
-import UrgentConfig from './components/urgentConfig'
+import { getTrialConfigInfo } from "@/api/trials";
+import LogicalConfig from "./components/logicalConfig";
+import ProcessConfig from "./components/processConfig";
+import UrgentConfig from "./components/urgentConfig";
+import dicomConfig from "./components/dicomConfig.vue";
 export default {
-  name: 'SubjectConfig',
-  components: { LogicalConfig, ProcessConfig, UrgentConfig },
+  name: "SubjectConfig",
+  components: { LogicalConfig, ProcessConfig, UrgentConfig, dicomConfig },
   data() {
     return {
-      activeCollapse: ['1', '2', '3'],
+      activeCollapse: ["1", "2", "3", "4"],
       form: {},
-      loading: false
-    }
+      loading: false,
+    };
   },
   mounted() {
-    this.getConfigInfo()
+    this.getConfigInfo();
   },
   methods: {
     getConfigInfo() {
-      this.loading = true
-      const trialId = this.$route.query.trialId
-      getTrialConfigInfo(trialId).then(res => {
-        this.loading = false
-        if (Object.keys(res.Result).length) {
-          this.form = { ...res.Result }
-        }
-        this.$refs['logicalConfig'].initForm(res.Result)
-        this.$refs['processConfig'].initForm(res.Result)
-        this.$refs['urgentConfig'].initForm(res.Result)
-      }).catch(_ => { this.loading = false })
-    }
-
-  }
-}
+      this.loading = true;
+      const trialId = this.$route.query.trialId;
+      getTrialConfigInfo(trialId)
+        .then((res) => {
+          this.loading = false;
+          if (Object.keys(res.Result).length) {
+            this.form = { ...res.Result };
+          }
+          this.$refs["logicalConfig"].initForm(res.Result);
+          this.$refs["processConfig"].initForm(res.Result);
+          this.$refs["urgentConfig"].initForm(res.Result);
+          this.$refs["dicomConfig"].initForm(res.Result);
+        })
+        .catch((_) => {
+          this.loading = false;
+        });
+    },
+  },
+};
 </script>
 <style lang="scss">
-.setting-config{
-  .el-collapse-item__header{
-    background:#e5ecef;
-    padding-left:10px;
+.setting-config {
+  .el-collapse-item__header {
+    background: #e5ecef;
+    padding-left: 10px;
   }
 }
-
 </style>