Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main

src/api/trials.js

@@ -3667,3 +3667,11 @@ export function getDicomSeriesInfo(param) {
     data: param
   })
 }
+
+export function getTrialSiteSelectList(params) {
+  return request({
+    url: `/trialMaintenance/getTrialSiteSelectList`,
+    method: 'get',
+    params
+  })
+}

src/views/trials/trials-panel/setting/trial-config/components/logicalConfig.vue

@@ -215,38 +215,6 @@
           :disabled="form.IsTrialBasicLogicConfirmed && !isEdit"
         />
       </el-form-item>
-      <!-- 临床信息传输 -->
-      <!-- <el-form-item
-        :label="$t('trials:logincCfg:form:clinicalInforTransfer')"
-        prop="ClinicalInformationTransmissionEnum"
-      >
-        <el-radio-group
-          v-model="form.ClinicalInformationTransmissionEnum"
-          :disabled="form.IsTrialBasicLogicConfirmed && !isEdit"
-        >
-          <el-radio
-            v-for="item of $d.ClinicalInformationTransmissionEnum"
-            :key="item.id"
-            :label="item.value"
-          >
-            {{ item.label }}
-          </el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        v-if="form.ClinicalInformationTransmissionEnum === 1"
-        label="临床数据配置"
-        prop="ClinicalDataSetNamesStr"
-      >
-        <el-input
-          v-model="form.ClinicalDataSetNamesStr"
-          type="textarea"
-          :autosize="{ minRows: 1, maxRows: 3}"
-          style="width:80%;"
-          disabled
-        />
-        <el-button icon="el-icon-plus" circle :disabled="form.IsTrialBasicLogicConfirmed && !isEdit" @click="handleSetCD" />
-      </el-form-item> -->
       <el-form-item>
         <!-- 保存 -->
         <el-button
@@ -643,10 +611,27 @@
       :close-on-click-modal="false"
       :title="$t('trials:logincCfg:form:modality')"
       custom-class="base-dialog-wrapper"
-      width="400px"
+      width="800px"
     >
-      <div class="base-dialog-body">
-        <el-table
+      <div class="base-dialog-body" style="height: 400px; text-align: center">
+        <el-transfer
+          filterable
+          :filter-method="filterMethod"
+          filter-placeholder=""
+          v-model="selectedList"
+          :data="$d.Modality"
+          :titles="[
+            $t('trials:logincCfg:transfer:notCheck'),
+            $t('trials:logincCfg:transfer:check'),
+          ]"
+          :props="{
+            key: 'value',
+            label: 'value',
+          }"
+          :render-content="renderFunc"
+        >
+        </el-transfer>
+        <!-- <el-table
           ref="multipleTable"
           :data="$d.Modality"
           stripe
@@ -665,7 +650,7 @@
             prop="value"
             :label="$t('trials:logincCfg:form:modality')"
           />
-        </el-table>
+        </el-table> -->
       </div>
       <div
         class="base-dialog-footer"
@@ -908,6 +893,15 @@ export default {
         ],
       },
       errMessage: null,
+
+      renderFunc(h, option) {
+        return (
+          <span>
+            {option.value} <span style="color:#ddd">-</span>{" "}
+            {option.raw.Description}
+          </span>
+        );
+      },
     };
   },
   created() {
@@ -917,7 +911,7 @@ export default {
     handleConfirmModality() {
       this.form.ModalityList = Object.assign(
         [],
-        this.selectedList.map((v) => v.value)
+        this.selectedList.map((v) => v)
       );
       this.form.ModalityListStr = this.form.ModalityList.toString().replaceAll(
         ",",
@@ -937,16 +931,17 @@ export default {
         this.$refs.multipleTable.clearSelection();
       }
     },
+    filterMethod(query, item) {
+      return item.value.toLowerCase().indexOf(query.toLowerCase()) > -1;
+    },
     handleSetModality() {
       this.modalityListVisible = true;
-      this.$nextTick(() => {
       var a = this.$d.Modality.filter((v) => {
         return !!this.form.ModalityList.find((v1) => {
           return v1 === v.value;
         });
       });
-        this.toggleSelection(a);
-      });
+      this.selectedList = a.map((item) => item.value);
     },
     handleBodyPartSelectionChange(val) {
       this.selectedBodyParts = val;
@@ -1424,4 +1419,18 @@ export default {
   top: 100%;
   left: 0;
 }
+::v-deep .el-transfer-panel__body {
+  height: calc(100% - 50px);
+  .el-transfer-panel__list.is-filterable {
+    height: calc(100% - 55px);
+  }
+}
+::v-deep .el-transfer {
+  height: 100%;
+  text-align: left;
+}
+::v-deep .el-transfer-panel {
+  height: 100%;
+  width: calc(50% - 100px);
+}
 </style>