穿梭选择框

vue/src/components/basic/transfer/Transfer.vue

@@ -64,12 +64,13 @@ export default defineComponent({
     }
     const getDataSource = () => {
       getDictionaryItemList({code: props.dictionaryCode}).then((data: any[]) => {
-        sourceData.value = data.map(m => ({key: m.value, title: m.name}));
+        sourceData.value = data.map(m => ({key: m.value.toString(), title: m.name}));
+
+        targetKeys.value = selectedKeys.value;
+        if (props.defaultValue) {
+          selectData.value = sourceData.value.filter(x => selectedKeys.value.indexOf(x.key) > -1);
+        }
       });
-      targetKeys.value = selectedKeys.value;
-      if (props.defaultValue) {
-        selectData.value = sourceData.value.filter(x => selectedKeys.value.indexOf(x.key) > -1);
-      }
     };
 
     const handleChange = (keys: string[], direction: string, moveKeys: string[]) => {

vue/src/views/position/index.vue

@@ -14,7 +14,7 @@
             label="单位名称"
             :label-col="{span:6}">
 <!--            <a-input v-model:value="formState.practiceBaseName" style="width: 200px"></a-input>-->
-            <transfer @ok="transferOk" :default-value="selectKeys" :dictionary-code="'queryType'" :fieldId="'test'"></transfer>
+            <transfer @ok="transferOk" :default-value="selectKeys" :dictionary-code="'queryType'" :fieldId="'test1'"></transfer>
           </a-form-item>
         </a-col>
         <a-col :span="6">
@@ -22,7 +22,8 @@
             name="name"
             label="岗位名称"
             :label-col="{span:6}">
-            <a-input v-model:value="formState.name" style="width: 200px"></a-input>
+<!--            <a-input v-model:value="formState.name" style="width: 200px"></a-input>-->
+            <transfer @ok="transferOk" :default-value="selectKeys2" :dictionary-code="'settingType'" :fieldId="'test2'"></transfer>
           </a-form-item>
         </a-col>
         <a-col :span="6">
@@ -165,6 +166,7 @@ export default defineComponent({
     ];
 
     const selectKeys = ref("1,2,3,4");
+    const selectKeys2 = ref("3,4");
     const transferOk = (keys: string, fieldId: string) => {
       selectKeys.value = keys;
       console.log(selectKeys.value, fieldId);
@@ -254,7 +256,7 @@ export default defineComponent({
     return {
       router,
       route,
-      expand,transferOk,selectKeys,
+      expand,transferOk,selectKeys,selectKeys2,
       formRef,
       formState,
       columns,data,loading,selectedRowKeys,