chore: userPicker compose

src/views/workflow/task/popups/UserPicker/index.vue

@@ -13,6 +13,7 @@
   import { BasicModal, ModalProps, useModalInner } from '/@/components/Modal';
   import { PageWrapper } from '/@/components/Page';
   import { useDesign } from '/@/hooks/web/useDesign';
+  import { ScrollContainer } from '/@/components/Container';
 
   /** 类型规范统一声明定义区域 */
   interface TableState {
@@ -134,7 +135,7 @@
   <div ref="modal" :class="prefixCls">
     <BasicModal
       v-bind="$attrs"
-      width="1200px"
+      width="1600px"
       :minHeight="600"
       :getContainer="modal"
       @ok="handleSubmit"
@@ -145,12 +146,19 @@
         contentFullHeight
         dense
       >
-        <DeptTree class="sidebar w-1/4 xl:w-1/5" @select="handleSelect"/>
+        <DeptTree class="sidebar w-1/6 xl:w-1/7" @select="handleSelect"/>
         <BasicTable
-          class="w-3/4 xl:w-4/5"
+          class="w-3/6 xl:w-5/7"
           @register="registerTable"
           @selection-change="handleSelectionChange"
         />
+        <ScrollContainer class="w-1/6 xl:w-1/7">
+          <div ref="spinRef">
+            <a-tag color="pink">pink</a-tag>
+            <a-tag color="pink">pink</a-tag>
+            <a-tag color="pink">pink</a-tag>
+          </div>
+        </ScrollContainer>
       </PageWrapper>
     </BasicModal>
   </div>
@@ -167,6 +175,11 @@
     :deep(.ant-modal) {
       top: 20px;
     }
+
+    .scroll-container {
+      width: auto;
+      height: 650px;
+    }
   }
 
 </style>