Parcourir la source

fix: BsUi新增用户选择器demo

hanxiaohui il y a 5 mois
Parent
commit
3b5e6f09ad

+ 53 - 0
src/components/BsUi/OrgUserSelector/DEMO.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <a-form name="form">
+      <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">
+        <OrgUserSelector v-model:selected-data="userSelectors" :multiple="SELECT_MULTIPLE.MORE" />
+      </a-form-item>
+
+    </a-form>
+  </div>
+</template>
+
+<script setup>
+import OrgUserSelector from '/@/components/BsUi/OrgUserSelector/index.vue';
+import { ref } from 'vue';
+import { SELECT_MULTIPLE } from '/@/components/BsUi/constant.js';
+const userSelectors = ref([
+  {
+    name: '韩晓辉0',
+    id: 'eqwifjqiwejf',
+    parentName: '无限畅联',
+    parentId: '1',
+    nodeType: "USER"
+  },
+  {
+    name: '韩晓辉1',
+    id: 'fqioweoiq',
+    parentName: '无限畅联',
+    parentId: '1',
+    nodeType: "USER"
+  },
+  {
+    name: '韩晓辉55',
+    id: 'jfslkf',
+    parentName: '无限畅联',
+    parentId: '1',
+    nodeType: "USER"
+  },
+]);
+
+const userSelector = ref({
+  name: '韩晓辉1',
+  id: '1',
+  parentName: '无限畅联',
+  parentId: '1',
+  nodeType: "USER"
+});
+
+
+</script>

+ 0 - 1
src/components/BsUi/OrgUserSelector/index.vue

@@ -25,7 +25,6 @@
           <UserOutlined />
         </template>
       </a-button>
-      {{ selectedData }}
     </div>
     <modal-selector
       ref="modalSelectorRef"