配置检查技术更改为穿梭框

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,26 @@
       :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',
+          }"
+        >
+        </el-transfer>
+        <!-- <el-table
           ref="multipleTable"
           :data="$d.Modality"
           stripe
@@ -665,7 +649,7 @@
             prop="value"
             :label="$t('trials:logincCfg:form:modality')"
           />
-        </el-table>
+        </el-table> -->
       </div>
       <div
         class="base-dialog-footer"
@@ -917,7 +901,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 +921,18 @@ export default {
         this.$refs.multipleTable.clearSelection();
       }
     },
+    filterMethod(query, item) {
+      return item.label.indexOf(query) > -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);
-      });
+      console.log(a);
+      this.selectedList = a.map((item) => item.value);
     },
     handleBodyPartSelectionChange(val) {
       this.selectedBodyParts = val;
@@ -1424,4 +1410,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>