Browse Source

fix:组织选择控件的demo

hanxiaohui 5 months ago
parent
commit
7ba6b875e3
1 changed files with 16 additions and 3 deletions
  1. 16 3
      src/views/form-demo/index.vue

+ 16 - 3
src/views/form-demo/index.vue

@@ -2,13 +2,22 @@
   <div>
     <a-form name="form">
 
-      <a-form-item label="组织人员单选选择器" name="userSelector">
+      <a-form-item label="人员单选选择器" name="userSelector">
         <OrgUserSelector  v-model:selected-data="userSelector" :multiple="SELECT_MULTIPLE.ONE" />
       </a-form-item>
 
-      <a-form-item label="组织人员多选选择器" name="userSelectors">
+      <a-form-item label="人员多选选择器" name="userSelectors">
         <OrgUserSelector v-model:selected-data="userSelectors" :multiple="SELECT_MULTIPLE.MORE" />
       </a-form-item>
+
+      <a-form-item label="组织单选选择器" name="orgSelector">
+        <OrgUserSelector  v-model:selected-data="orgSelector" :multiple="SELECT_MULTIPLE.ONE"  :scene-type="SCENE_TYPE.ORG"/>
+      </a-form-item>
+
+      <a-form-item label="组织多选选择器" name="orgSelectors">
+        <OrgUserSelector v-model:selected-data="orgSelectors" :multiple="SELECT_MULTIPLE.MORE"  :scene-type="SCENE_TYPE.ORG"/>
+      </a-form-item>
+
     </a-form>
   </div>
 </template>
@@ -16,7 +25,7 @@
 <script setup>
   import OrgUserSelector from '/@/components/BsUi/OrgUserSelector/index.vue';
   import { ref } from 'vue';
-  import { SELECT_MULTIPLE } from '/@/components/BsUi/constant.js';
+  import {SCENE_TYPE, SELECT_MULTIPLE} from '/@/components/BsUi/constant.js';
   const userSelectors = ref([
     {
       name: '韩晓辉0',
@@ -49,5 +58,9 @@
     nodeType: "USER"
   });
 
+  const orgSelector = ref({});
+
+  const orgSelectors = ref([]);
+
 
 </script>