新增一个选择组织结构页面

@@ -11,4 +11,10 @@ export default [{
   meta: {
   meta: {
     title: '首页',
     title: '首页',
   }
   }
+}, {
+  path: '/select_user_page',
+  component: () => import('./selectUserPage.vue'),
+  meta: {
+    title: '组织结构选择框',
+  }
 }];
 }];

+<!--
+ * @Date: 2024-06-21 16:41:18
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-06-21 16:59:12
+ * @FilePath: /vue-flow-editor/doc/selectUserPage.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="select-user-page">
+    <select-user-view
+      :visible="dialogUserFormVisible"
+      :list="dialogUserTags"
+      @close="onCloseUserView"
+      @confirm="onConfirmUserView"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, watch, nextTick, computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import SelectUserView from './selectUserView.vue'
+
+const $route = useRoute();
+const $router = useRouter();
+
+const dialogUserFormVisible = ref(false);
+const dialogUserTags = ref([]);
+
+onMounted(() => {
+  // select_user_page?visible=1&list=[{%20"id":%20137919,%20"type":%20"user",%20"name":%20"11组寝室长"%20}]
+  dialogUserFormVisible.value = $route.query.visible == 1 ?  true : false;
+  dialogUserTags.value = JSON.parse($route.query.list); // 默认显示的用户列表
+})
+
+/**
+ * 打开设置用户弹框
+ */
+const openUserForm = () => {
+  dialogUserFormVisible.value = true;
+  dialogUserTags.value = []; // 默认显示的用户列表
+}
+
+const onCloseUserView = (status) => {
+  dialogUserFormVisible.value = status
+}
+
+const onConfirmUserView = async (data) => { // 负责人弹框确认回调
+  console.warn(data);
+}
+</script>
+
+<style lang="scss">
+.el-checkbox__input.is-checked .el-checkbox__inner,
+.el-switch.is-checked .el-switch__core {
+  background-color: #009688 !important;
+  border-color: #009688 !important;
+}
+</style>