adtec-core-package 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": false,
   "type": "module",
   "scripts": {

package/src/api/BasicApi.ts

@@ -0,0 +1,17 @@
+import request from '../utils/request'
+import type { IOrgDeptInfo } from '../interface/IOrgDeptInfo'
+
+/**
+ * Create by丁盼
+ * 说明: BasicApi 基础数据接口
+ * 创建时间: 2024/12/9 上午11:05
+ * 修改时间: 2024/12/9 上午11:05
+ */
+export default {
+  /**
+   * 获取MDM部门树
+   */
+  getMdmOrgDeptTree(): Promise<IOrgDeptInfo[]> {
+    return request.post('/api/base/mdmDept/getMdmOrgDeptTree', {})
+  },
+}

package/src/api/SysUserApi.ts

@@ -0,0 +1,35 @@
+import request from '../utils/request'
+import type { ISysUserInfo } from '../interface/ISysUserInfo'
+
+/**
+ * Create by丁盼
+ * 说明: SysUserApi
+ * 创建时间: 2024/11/5 上午11:13
+ * 修改时间: 2024/11/5 上午11:13
+ */
+const basePath = '/api/system/sysUserInfo/'
+export default {
+  /**
+   * 保存用户信息
+   * @param obj
+   */
+  add(obj: ISysUserInfo[]) {
+    return request.post<ISysUserInfo[]>(basePath + 'add', obj)
+  },
+
+
+  /**
+   * 选择用户组件获取用户信息
+   * @param userIds
+   */
+  getInitUserListComp(userIds: string[]) {
+    return request.post<ISysUserInfo[]>(basePath + 'getInitUserListComp', userIds)
+  },
+
+  /**
+   * 选择人员组件获取用户信息
+   */
+  getSysUserInfoUserSelectComp(): Promise<ISysUserInfo[]> {
+    return request.post(basePath + 'getSysUserInfoUserSelectComp')
+  },
+}

package/src/components/business/userSelect.vue

@@ -0,0 +1,412 @@
+<!--创建人 丁盼-->
+<!--说明: userSelect 人员选择-->
+<!--创建时间: 2024/12/9 上午10:27-->
+<!--修改时间: 2024/12/9 上午10:27-->
+<template>
+  <el-drawer
+    v-if="viewType === 'drawer'"
+    :title="title"
+    v-model="dialogVisible"
+    :destroy-on-close="true"
+    size="800px"
+    @close="close"
+    @open="open"
+  >
+    <el-flex :vertical="true" v-loading="loading">
+      <el-flex :vertical="false">
+        <el-flex :vertical="true" style="padding-right: 15px">
+          <el-title title="人员列表" style="border-bottom: var(--border)"> </el-title>
+          <el-input v-model="filterText" placeholder="请输入用户名称或者编码进行搜索"></el-input>
+          <el-flex :vertical="true">
+            <el-tree
+              style="width: 100%"
+              :filter-node-method="filterNode"
+              show-checkbox
+              ref="ref_tree"
+              :data="deptUserTree"
+              @check-change="handleCheckChange"
+              node-key="id"
+              :default-expanded-keys="defaultExpandedKeys"
+              :default-checked-keys="defaultCheckedKeys"
+              :props="{
+                label: 'name',
+                children: 'children',
+              }"
+            >
+              <template #default="{ data }">
+                <el-flex align="center">
+                  <el-flex align="center" justify="center" width="20px">
+                    <el-icons
+                      model-value="adtec-dept"
+                      v-if="data.type === 'BM'"
+                      :style="{ color: 'var(--el-color-primary)' }"
+                    ></el-icons>
+                    <el-icons
+                      model-value="adtec-user"
+                      v-if="data.type === 'YH'"
+                      :style="{ color: data.sex === '1' ? '#ef5fa6' : 'var(--el-color-primary)' }"
+                    ></el-icons>
+                  </el-flex>
+                  <el-flex align="center">
+                    <el-text v-if="data.type === 'YH'">{{ data.name + `(${data.code})` }}</el-text>
+                    <el-text v-else>{{ data.name }}</el-text>
+                  </el-flex>
+                </el-flex>
+              </template>
+            </el-tree>
+          </el-flex>
+        </el-flex>
+
+        <el-flex :vertical="true" style="border-left: var(--border); padding-left: 15px">
+          <el-title
+            :title="`已选人员(${selectedUserList.length})`"
+            style="border-bottom: var(--border); margin-top: 5px"
+          ></el-title>
+          <el-flex :vertical="true">
+            <template v-for="data of selectedUserList" :key="data.id">
+              <div class="user-select">
+                <el-flex height="50px" style="border-bottom: var(--border); cursor: pointer">
+                  <el-flex align="center" width="30px">
+                    <el-icons
+                      model-value="adtec-user"
+                      style="font-size: 20px"
+                      :style="{ color: data.sex === '1' ? '#ef5fa6' : 'var(--el-color-primary)' }"
+                    >
+                    </el-icons>
+                  </el-flex>
+                  <el-flex align="center" :vertical="true" justify="flex-start">
+                    <el-flex>
+                      <el-text>{{ data.userName + `(${data.loginName})` }}</el-text>
+                    </el-flex>
+                    <el-flex align="flex-start" height="18px" style="overflow: hidden">
+                      <el-text style="font-size: 12px; opacity: 0.8; margin-bottom: 8px">{{
+                        data.deptName
+                      }}</el-text>
+                    </el-flex>
+                  </el-flex>
+                  <el-flex width="50px" align="center">
+                    <el-icon-btn
+                      @click="handleDelete(data)"
+                      model-value="adtec-close"
+                      style="opacity: 0.8; cursor: pointer"
+                    ></el-icon-btn>
+                  </el-flex>
+                </el-flex>
+              </div>
+            </template>
+          </el-flex>
+        </el-flex>
+      </el-flex>
+    </el-flex>
+    <template #footer>
+      <el-button @click="cancel">取消</el-button>
+      <el-button type="primary" @click="success">确定</el-button>
+    </template>
+  </el-drawer>
+  <el-dialog
+    v-else
+    :title="title"
+    top="10vh"
+    v-model="dialogVisible"
+    width="1000px"
+    @close="close"
+    @open="open"
+  >
+    <el-flex :vertical="true" v-loading="loading" height="500px">
+      <el-flex :vertical="false">
+        <el-flex :vertical="true" style="padding-right: 15px">
+          <el-title title="人员列表" style="border-bottom: var(--border)"> </el-title>
+          <el-input v-model="filterText" placeholder="请输入用户名称或者编码进行搜索"></el-input>
+          <el-flex :vertical="true">
+            <el-tree
+              style="width: 100%"
+              :filter-node-method="filterNode"
+              show-checkbox
+              ref="ref_tree"
+              :data="deptUserTree"
+              @check-change="handleCheckChange"
+              node-key="id"
+              :default-expanded-keys="defaultExpandedKeys"
+              :default-checked-keys="defaultCheckedKeys"
+              :props="{
+                label: 'name',
+                children: 'children',
+              }"
+            >
+              <template #default="{ data }">
+                <el-flex align="center">
+                  <el-flex align="center" justify="center" width="20px">
+                    <el-icons
+                      model-value="adtec-dept"
+                      v-if="data.type === 'BM'"
+                      :style="{ color: 'var(--el-color-primary)' }"
+                    ></el-icons>
+                    <el-icons
+                      model-value="adtec-user"
+                      v-if="data.type === 'YH'"
+                      :style="{ color: data.sex === '1' ? '#ef5fa6' : 'var(--el-color-primary)' }"
+                    ></el-icons>
+                  </el-flex>
+                  <el-flex align="center">
+                    <el-text v-if="data.type === 'YH'">{{ data.name + `(${data.code})` }}</el-text>
+                    <el-text v-else>{{ data.name }}</el-text>
+                  </el-flex>
+                </el-flex>
+              </template>
+            </el-tree>
+          </el-flex>
+        </el-flex>
+
+        <el-flex :vertical="true" style="border-left: var(--border); padding-left: 15px">
+          <el-title
+            :title="`已选人员(${selectedUserList.length})`"
+            style="border-bottom: var(--border); margin-top: 5px"
+          ></el-title>
+          <el-flex :vertical="true">
+            <template v-for="data of selectedUserList" :key="data.id">
+              <div class="user-select">
+                <el-flex height="50px" style="border-bottom: var(--border); cursor: pointer">
+                  <el-flex align="center" width="30px">
+                    <el-icons
+                      model-value="adtec-user"
+                      style="font-size: 20px"
+                      :style="{ color: data.sex === '1' ? '#ef5fa6' : 'var(--el-color-primary)' }"
+                    >
+                    </el-icons>
+                  </el-flex>
+                  <el-flex align="center" :vertical="true" justify="flex-start">
+                    <el-flex>
+                      <el-text>{{ data.userName + `(${data.loginName})` }}</el-text>
+                    </el-flex>
+                    <el-flex align="flex-start" height="18px" style="overflow: hidden">
+                      <el-text style="font-size: 12px; opacity: 0.8; margin-bottom: 8px">{{
+                        data.deptName
+                      }}</el-text>
+                    </el-flex>
+                  </el-flex>
+                  <el-flex width="50px" align="center">
+                    <el-icon-btn
+                      @click="handleDelete(data)"
+                      model-value="adtec-close"
+                      style="opacity: 0.8; cursor: pointer"
+                    ></el-icon-btn>
+                  </el-flex>
+                </el-flex>
+              </div>
+            </template>
+          </el-flex>
+        </el-flex>
+      </el-flex>
+    </el-flex>
+    <template #footer>
+      <el-button @click="cancel">取消</el-button>
+      <el-button type="primary" @click="success">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import { type PropType, ref, watch } from 'vue'
+import basicApi from '../../api/BasicApi.ts'
+import type { IOrgDeptInfo } from '../../interface/IOrgDeptInfo'
+import type { ISysUserInfo } from '../../interface/ISysUserInfo'
+import sysUserApi from '../../api/SysUserApi.ts'
+import { ElMessage, type TreeInstance } from 'element-plus'
+const loading = ref(false)
+const userList = ref<ISysUserInfo[]>()
+const orgDeptTree = ref<IOrgDeptInfo[]>([])
+const deptUserTree = ref<any[]>([])
+const selectedUserList = ref<ISysUserInfo[]>([])
+const defaultExpandedKeys = ref<any[]>([])
+const defaultCheckedKeys = ref<any[]>([])
+const ref_tree = ref<TreeInstance>()
+const filterText = ref('')
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+  },
+  /**
+   * @description 已选人员id
+   * @default []
+   * @type Array
+   */
+  selectedUserIds: {
+    type: Array as PropType<string[]>,
+    default: () => [] as string[],
+  },
+  /**
+   * @description 标题
+   * @default 人员选择
+   * @type String
+   */
+  title: {
+    type: String,
+    default: '人员选择',
+  },
+  /**
+   * @description 视图类型
+   * @default drawer
+    @type {"drawer" | "dialog" }
+   **/
+  viewType: {
+    type: String,
+    default: 'drawer',
+    validator: (value: string) => ['drawer', 'dialog'].includes(value),
+  },
+  /**
+   * @description 是否允许多选
+   * @default false
+   * @type Boolean
+   */
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+})
+watch(filterText, (val) => {
+  ref_tree.value!.filter(val)
+})
+
+const filterNode = (value: string, data: any) => {
+  if (!value) return true
+  return data.name.includes(value) || data.code.includes(value)
+}
+function success() {
+  emit('success', selectedUserList.value)
+}
+function cancel() {
+  emit('cancel')
+}
+function handleDelete(row: ISysUserInfo) {
+  const index = selectedUserList.value.findIndex((item) => item.id === row.id)
+  if (index !== -1) {
+    selectedUserList.value.splice(index, 1) // 删除该对象
+    const key = selectedUserList.value.map((item) => item.id)
+    ref_tree.value?.setCheckedKeys(key as any[])
+  }
+}
+const emit = defineEmits(['update:modelValue', 'success', 'cancel'])
+const dialogVisible = useVModel(props, 'modelValue', emit)
+const getInitUserList = async () => {
+  if (props.selectedUserIds) {
+    try {
+      selectedUserList.value = await sysUserApi.getInitUserListComp(props.selectedUserIds)
+      defaultCheckedKeys.value = []
+      selectedUserList.value.forEach((item) => {
+        defaultCheckedKeys.value.push(item.id)
+      })
+    } catch (err: any) {
+      ElMessage.error(err.msg)
+    }
+  }
+}
+const open = async () => {
+  loading.value = true
+  selectedUserList.value = []
+  userList.value = []
+  orgDeptTree.value = await basicApi.getMdmOrgDeptTree()
+  const userTreeList: any[] = []
+  const userTreeList1: any[] = []
+  orgDeptTree.value.forEach((item) => {
+    item.children?.forEach((item2) => {
+      item2.parentId = item.id
+    })
+    const list = flattenTreeToArray(item)
+    userTreeList.push(...list)
+  })
+  userList.value = await sysUserApi.getSysUserInfoUserSelectComp()
+  //根据部门关联岗位
+  userTreeList.forEach((item) => {
+    item.type = 'BM'
+    const f = userList.value?.filter((c) => c.mdmDeptId === item.id)
+    if (f) {
+      f.forEach((item2) => {
+        userTreeList1.push({
+          id: item2.id,
+          code: item2.loginName,
+          name: item2.userName,
+          parentId: item.id,
+          type: 'YH',
+          sex: item2.sex,
+        })
+      })
+    }
+  })
+  userTreeList.push(...userTreeList1)
+  const treeData = buildTree(userTreeList)
+  defaultExpandedKeys.value = []
+  treeData.forEach((item) => {
+    defaultExpandedKeys.value.push(item.id)
+  })
+  await getInitUserList()
+  deptUserTree.value = treeData
+  loading.value = false
+}
+function buildTree(flatArray: any[]) {
+  const map = new Map()
+  const tree: any[] = []
+  // 首先将平面数组的每个元素都放入 Map 中，以 id 为键，元素本身为值
+  flatArray.forEach((item) => {
+    map.set(item.id, { ...item, children: [] })
+  })
+  // 然后通过遍历每个元素，将它们归类到正确的父节点中
+  flatArray.forEach((item) => {
+    const node = map.get(item.id)
+    if (item.parentId === null) {
+      // 如果没有 parentId，说明是根节点
+      tree.push(node)
+    } else {
+      // 否则，将当前节点添加到它的父节点的 children 数组中
+      const parentNode = map.get(item.parentId)
+      if (parentNode) {
+        parentNode.children.push(node)
+      }
+    }
+  })
+  return tree
+}
+function flattenTreeToArray(tree: IOrgDeptInfo) {
+  const result: any = []
+  function traverse(node: IOrgDeptInfo) {
+    if (!node) return
+    // 将当前节点添加到结果数组
+    result.push({
+      id: node.id,
+      code: node.code,
+      name: node.name,
+      parentId: node.parentId,
+    })
+    // 如果有子节点，递归遍历子节点
+    if (node.children && node.children.length > 0) {
+      node.children.forEach((child) => traverse(child))
+    }
+  }
+  // 开始遍历树
+  traverse(tree)
+  return result
+}
+const handleCheckChange = () => {
+  const data = ref_tree.value?.getCheckedNodes().filter((c) => c.type === 'YH')
+  selectedUserList.value = []
+  if (data) {
+    data.forEach((item: any) => {
+      const f = userList.value?.find((c) => c.id === item.id)
+      if (f) {
+        selectedUserList.value.push(f)
+      }
+    })
+  }
+}
+const close = () => {
+  selectedUserList.value = []
+}
+</script>
+<style scoped lang="scss">
+.user-select {
+  //background: red;
+  width: 100%;
+}
+.user-select :hover {
+  background: #f5f7fa !important;
+}
+</style>

package/src/hooks/useDictHooks.ts

@@ -0,0 +1,81 @@
+/**
+ * 创建人 胡啸东
+ * 说明: 查询字典Hooks
+ * 创建时间: 2024/11/28 下午10:27
+ * 修改时间: 2024/11/28 下午10:27
+ */
+import { onBeforeUnmount, ref } from 'vue'
+import type { ISysDictDataCacheVo } from '../interface/ISysDictDataCacheVo'
+import { ElMessage } from 'element-plus'
+import SysDictCacheApi from '../api/SysDictCacheApi.ts'
+
+// 定义包含map的整体类型
+export interface dictMapType {
+  [key: string]: ISysDictDataCacheVo[]
+}
+
+export default function useDictHooks(dictTypes: string[]) {
+  const dictMap = ref<dictMapType>({})
+  const dictDataMap = ref<Map<string, Map<string, ISysDictDataCacheVo>>>(new Map())
+  const dictDefaultValueMap = ref<Map<string, ISysDictDataCacheVo>>(new Map())
+  const getDict = async (dictTypes: string[]) => {
+    try {
+      const data = await SysDictCacheApi.batchGetSysDictDataCacheVo(dictTypes)
+      dictMap.value = { ...dictMap.value, ...data }
+      //获取默认值
+      Object.keys(data).forEach((item: string) => {
+        findDefaultValue(data[item], item)
+        const dataMap = new Map<string, ISysDictDataCacheVo>()
+        packageDictDataMap(dataMap, data[item])
+        dictDataMap.value.set(item, dataMap)
+      })
+    } catch (error: any) {
+      ElMessage.error(error.msg || error.message)
+    }
+  }
+
+  const packageDictDataMap = async (
+    map: Map<string, ISysDictDataCacheVo>,
+    list?: ISysDictDataCacheVo[],
+  ) => {
+    if (list && list.length) {
+      list.forEach((item: ISysDictDataCacheVo) => {
+        map.set(item.value, { ...item, ...{ children: undefined } })
+        packageDictDataMap(map, item.children)
+      })
+    }
+  }
+  const findDefaultValue = async (list: ISysDictDataCacheVo[], type: string) => {
+    const find = getDefaultValue(list)
+    find && dictDefaultValueMap.value.set(type, find)
+  }
+  const getDefaultValue = (list?: ISysDictDataCacheVo[]): ISysDictDataCacheVo | undefined => {
+    if (list && list.length) {
+      const find = list.find((item: ISysDictDataCacheVo) => item.isDefault === '1')
+      if (find) return find
+      for (const iSysDictDataCacheVo of list) {
+        const res = getDefaultValue(iSysDictDataCacheVo.children)
+        if (res) return res
+      }
+    }
+  }
+
+  const getDictName = (value?: string, dictType?: string) => {
+    return dictDataMap.value.get(dictType!)?.get(value!)?.label || value
+  }
+  const getDictData = (value: string, dictType: string) => {
+    return dictDataMap.value.get(dictType)?.get(value)
+  }
+  getDict(dictTypes).then(() => {})
+  onBeforeUnmount(() => {
+    dictDefaultValueMap.value.clear()
+    dictDataMap.value.clear()
+  })
+  return {
+    dictMap,
+    dictDefaultValueMap,
+    getDict,
+    getDictName,
+    getDictData,
+  }
+}

package/src/interface/IMdmDept.ts

@@ -0,0 +1,82 @@
+import type { IpageDataQuery } from './PageData.ts'
+
+/**
+ * 创建人 胡啸东
+ * 说明: Isss
+ * 创建时间: 2024/11/22 上午11:28
+ * 修改时间: 2024/11/22 上午11:28
+ */
+export interface IMdmDept extends IpageDataQuery {
+  /**
+   * 主键id
+   */
+  id?: string
+
+  /**
+   * 排序号 自增长，可修改
+   */
+  orderNum?: string
+
+  /**
+   * 父部门id
+   */
+  parentId?: string
+
+  /**
+   * 部门编码
+   */
+  code?: string
+
+  /**
+   * 部门名称
+   */
+  name?: string
+
+  /**
+   * 部门简称
+   */
+  shortName?: string
+
+  /**
+   * 部门类别 存部门类别字典“SysDeptClass”的值。
+   */
+  deptClass?: string
+
+  /**
+   * 部门性质 存部门性质字典“SysDeptNature”的值。
+   */
+  deptNature?: string
+
+  /**
+   * 是否有效 1=是，0=否。
+   */
+  isValid?: string
+
+  /**
+   * 组织id
+   */
+  mdmOrgId?: string
+
+  // 是否删除，1=是，0=否。
+  isDelete?: string
+
+  // 创建者
+  createBy?: string
+
+  // 创建者
+  createByName?: string
+
+  // 创建时间
+  createTime?: string
+
+  // 更新者
+  updateBy?: string
+
+  // 更新时间
+  updateTime?: string
+
+  // 更新者
+  updateByName?: string
+
+  level?: string
+}

package/src/interface/IOrgDeptInfo.ts

@@ -0,0 +1,12 @@
+import type { IMdmDept } from './IMdmDept.ts'
+
+/**
+ * 创建人 胡啸东
+ * 说明: Isss
+ * 创建时间: 2024/11/22 上午11:28
+ * 修改时间: 2024/11/22 上午11:28
+ */
+export interface IOrgDeptInfo extends IMdmDept {
+  children?: IOrgDeptInfo[]
+  remark?: string
+}

package/src/interface/ISysUserInfo.ts

@@ -0,0 +1,70 @@
+import type { BaseEntity } from './BaseEntity.ts'
+
+/**
+ * Create by丁盼
+ * 说明: ISysUserInfo
+ * 创建时间: 2024/11/5 下午8:13
+ * 修改时间: 2024/11/5 下午8:13
+ */
+export interface ISysUserInfo extends BaseEntity {
+  // 主键id
+  id?: string
+
+  // 组织id
+  orgId?: string
+
+  // 登录名，存mdm_employee的code值。
+  loginName?: string
+
+  // 用户姓名
+  userName?: string
+
+  // 密码
+  password?: string
+
+  // 用户邮箱
+  email?: string
+
+  // 手机号码
+  phonenumber?: string
+
+  // 头像地址
+  avatar?: string
+
+  // 备注
+  remark?: string
+
+  // 最后登录IP
+  loginIp?: string
+
+  // 最后登录时间
+  loginDate?: string
+
+  //最近修改密码时间
+  updatePasswordTime?: string
+
+  // 是否有效，取值为 1（是）或 0（否）
+  isValid?: '1' | '0'
+
+  // 角色ID数组
+  roleIds?: string[]
+
+  sex?: string
+
+  orgName?: string
+  deptName?: string
+  postName?: string
+  /**
+   * 编码
+   */
+  code?: string
+
+  /**
+   * 姓名
+   */
+  name?: string
+  /**
+   * 部门ID
+   */
+  mdmDeptId?: string
+}

package/src/mixin/globalMixin.ts

@@ -1,31 +1,33 @@
-/**
- * 创建人：丁盼
- * 说明: 全局混入
- * 创建时间: 2024/8/29 下午2:31
- * 修改时间: 2024/8/29 下午2:31
- */
-import operationAuth from '../components/OperationAuth/operationAuth.vue'
-import ElFlex from '../components/ElFlex/ElFlex.vue'
-import ElSearch from '../components/Search/ElSearch.vue'
-import ElTitle from '../components/Title/ElTitle.vue'
-import ElIcons from '../components/icon/ElIcons.vue'
-import ElIconBtn from '../components/icon/ElIconBtn.vue'
-import ElIconSearch from '../components/Search/ElIconSearch.vue'
-import ElTableColumnEdit from '../components/Table/ElTableColumnEdit.vue'
-import vKeydown from '../directives/vKeydown'
-//@ts-ignore
-export const globalMixin = {
-  components: {
-    operationAuth,
-    ElFlex,
-    ElSearch,
-    ElTitle,
-    ElIcons,
-    ElIconBtn,
-    ElIconSearch,
-    ElTableColumnEdit
-  },
-  directives:{
-    "keydown":vKeydown
-  }
-}
+/**
+ * 创建人：丁盼
+ * 说明: 全局混入
+ * 创建时间: 2024/8/29 下午2:31
+ * 修改时间: 2024/8/29 下午2:31
+ */
+import operationAuth from '../components/OperationAuth/operationAuth.vue'
+import ElFlex from '../components/ElFlex/ElFlex.vue'
+import ElSearch from '../components/Search/ElSearch.vue'
+import ElTitle from '../components/Title/ElTitle.vue'
+import ElIcons from '../components/icon/ElIcons.vue'
+import ElIconBtn from '../components/icon/ElIconBtn.vue'
+import ElIconSearch from '../components/Search/ElIconSearch.vue'
+import ElTableColumnEdit from '../components/Table/ElTableColumnEdit.vue'
+import vKeydown from '../directives/vKeydown'
+import ElAutoToolTip from '../components/autoToolTip/ElAutoToolTip.vue'
+//@ts-ignore
+export const globalMixin = {
+  components: {
+    operationAuth,
+    ElFlex,
+    ElSearch,
+    ElTitle,
+    ElIcons,
+    ElIconBtn,
+    ElIconSearch,
+    ElTableColumnEdit,
+    ElAutoToolTip,
+  },
+  directives: {
+    keydown: vKeydown,
+  },
+}