Compare commits
2 Commits
36661d1420
...
638b13ac3e
| Author | SHA1 | Date | |
|---|---|---|---|
|
638b13ac3e | ||
|
|
00fe257cf5 |
@ -2,9 +2,8 @@
|
||||
import { usePermissionStore } from '@/store/modules/permission'
|
||||
import { useAppStore } from '@/store/modules/app'
|
||||
|
||||
import { ElScrollbar } from 'element-plus'
|
||||
import { ElScrollbar, ElMenu, ElMenuItem } from 'element-plus'
|
||||
import { Icon } from '@/components/Icon'
|
||||
import { Menu } from '@/layout/components/Menu'
|
||||
import { pathResolve } from '@/utils/routerHelper'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import { filterMenusPath, initTabMap, tabPathMap } from './helper'
|
||||
@ -34,10 +33,6 @@ export default defineComponent({
|
||||
|
||||
const tabRouters = computed(() => unref(routers).filter((v) => !v?.meta?.hidden))
|
||||
|
||||
const setCollapse = () => {
|
||||
appStore.setCollapse(!unref(collapse))
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
if (unref(fixedMenu)) {
|
||||
const path = `/${unref(currentRoute).path.split('/')[1]}`
|
||||
@ -57,9 +52,30 @@ export default defineComponent({
|
||||
)
|
||||
}
|
||||
}
|
||||
window.addEventListener('resize', setVisibleNumber);
|
||||
setVisibleNumber()
|
||||
appStore.setCollapse(true)
|
||||
})
|
||||
|
||||
// 可渲染菜单的数量
|
||||
const visibleNumber = ref(0);
|
||||
|
||||
// 获取可渲染数量
|
||||
const setVisibleNumber = () => {
|
||||
const width = document.body.getBoundingClientRect().width-600;
|
||||
visibleNumber.value = Math.floor(width / 110);
|
||||
}
|
||||
|
||||
// 组件的生命周期钩子
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', setVisibleNumber);
|
||||
});
|
||||
|
||||
// 使用计算属性来过滤符合条件的路由
|
||||
const filteredRoutes = computed(() => {
|
||||
return unref(tabRouters).filter((_, index) => index >= unref(visibleNumber));
|
||||
});
|
||||
|
||||
watch(
|
||||
() => routers.value,
|
||||
(routers: AppRouteRecordRaw[]) => {
|
||||
@ -153,51 +169,82 @@ export default defineComponent({
|
||||
>
|
||||
<ElScrollbar class="!h-[calc(100%-var(--tab-menu-collapse-height)-1px)]">
|
||||
<div class="flex flex-row">
|
||||
{() => {
|
||||
return unref(tabRouters).map((v) => {
|
||||
const item = (
|
||||
v.meta?.alwaysShow || (v?.children?.length && v?.children?.length > 1)
|
||||
? v
|
||||
: {
|
||||
...(v?.children && v?.children[0]),
|
||||
path: pathResolve(v.path, (v?.children && v?.children[0])?.path as string)
|
||||
}
|
||||
) as AppRouteRecordRaw
|
||||
return (
|
||||
<div
|
||||
class={[
|
||||
`${prefixCls}__item`,
|
||||
'h-[100%] text-center text-14px relative cursor-pointer flex-grow pl-15px pr-15px',
|
||||
'whitespace-nowrap overflow-hidden',
|
||||
]}
|
||||
style={['color: var(--top-header-text-color)', 'height: 50px']}
|
||||
onClick={() => {
|
||||
tabClick(item)
|
||||
}}
|
||||
>
|
||||
<div class="flex items-center justify-center">
|
||||
<Icon class="mb-1px icon-class"
|
||||
icon={item?.meta?.icon}
|
||||
/>
|
||||
<p class="mr-3px mt-13px break-words px-2px "
|
||||
>{t(item.meta?.title)}</p>
|
||||
<span
|
||||
class={{'is-active': isActive(v.path)}}
|
||||
style={['height: 3px','width: 100%','position: absolute','bottom: 1px']}
|
||||
/>
|
||||
<div class="flex flex-row">
|
||||
{() => {
|
||||
return unref(tabRouters).map((v, index) => {
|
||||
const item = (
|
||||
v.meta?.alwaysShow || (v?.children?.length && v?.children?.length > 1)
|
||||
? v
|
||||
: {
|
||||
...(v?.children && v?.children[0]),
|
||||
path: pathResolve(v.path, (v?.children && v?.children[0])?.path as string)
|
||||
}
|
||||
) as AppRouteRecordRaw
|
||||
return (index < unref(visibleNumber) &&
|
||||
<div
|
||||
class={[
|
||||
`${prefixCls}__item`,
|
||||
'h-[100%] text-center text-14px relative cursor-pointer flex-grow pl-15px pr-15px',
|
||||
'whitespace-nowrap overflow-hidden',
|
||||
]}
|
||||
style={['color: var(--top-header-text-color)', 'height: 50px']}
|
||||
onClick={() => {
|
||||
tabClick(item)
|
||||
}}
|
||||
>
|
||||
<div class="flex items-center justify-center">
|
||||
<Icon class="mb-1px"
|
||||
icon={item?.meta?.icon}
|
||||
/>
|
||||
<p class="mr-3px mt-13px break-words px-2px "
|
||||
>{t(item.meta?.title)}</p>
|
||||
<span
|
||||
class={{'is-active': isActive(v.path)}}
|
||||
style={['height: 3px','width: 100%','position: absolute','bottom: 1px']}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
}}
|
||||
)
|
||||
})
|
||||
}}
|
||||
</div>
|
||||
<div class="flex flex-row">
|
||||
{filteredRoutes.value.length > 0 && (
|
||||
<ElMenu
|
||||
mode="horizontal"
|
||||
style={['height: 48px']}
|
||||
backgroundColor="var(--top-header-bg-color)"
|
||||
textColor="var(--top-header-text-color)"
|
||||
>
|
||||
{() => {
|
||||
return unref(tabRouters).map((v, index) => {
|
||||
const item = (
|
||||
v.meta?.alwaysShow || (v?.children?.length && v?.children?.length > 1)
|
||||
? v
|
||||
: {
|
||||
...(v?.children && v?.children[0]),
|
||||
path: pathResolve(v.path, (v?.children && v?.children[0])?.path as string)
|
||||
}
|
||||
) as AppRouteRecordRaw
|
||||
return (index >= unref(visibleNumber) &&
|
||||
<ElMenuItem
|
||||
index={`menu-item-${index}`}
|
||||
onClick={() => tabClick(item)}
|
||||
>
|
||||
{t(item.meta?.title)}
|
||||
</ElMenuItem>
|
||||
)
|
||||
})
|
||||
}}
|
||||
</ElMenu>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</ElScrollbar>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
})
|
||||
// {!unref(showTitle) ? undefined : (
|
||||
// )}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -196,7 +196,19 @@ const updateForm = async () => {
|
||||
// formLoading.value = false
|
||||
}
|
||||
}
|
||||
defineExpose({updateForm})
|
||||
const message = useMessage() // 消息弹窗
|
||||
const updateNumber = async (date) => {
|
||||
const numberDate = await FwglApi.getFwgl(date.id)
|
||||
const data = numberDate as unknown as FwglVO
|
||||
if (!data.fwglBh) {
|
||||
data.fwglBh = date.value
|
||||
await FwglApi.updateFwgl(data)
|
||||
message.success("操作成功")
|
||||
} else {
|
||||
message.error("文号已存在")
|
||||
}
|
||||
}
|
||||
defineExpose({updateForm,updateNumber})
|
||||
|
||||
const itemControl = async () => {
|
||||
// console.log(userId,"userId")
|
||||
|
||||
@ -84,7 +84,7 @@
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="发文文号" prop="fwglBh">
|
||||
<el-input v-model="formData.fwglBh" placeholder="请输入发文文号" />
|
||||
<el-input v-model="formData.fwglBh" placeholder="审批中分配" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@ -853,14 +853,8 @@ const getNumberByType = async ()=> {
|
||||
if (data.total == 0) {
|
||||
return;
|
||||
}
|
||||
//判断条数,如果只有一条就和流水号一样直接处理
|
||||
if (data.total == 1 ) {
|
||||
listNumbers.value = data.list[0]
|
||||
await changeNumbers();
|
||||
} else {
|
||||
// 两条以上数据,给用户挑选,然后处理
|
||||
ListNumber.value = data.list;
|
||||
}
|
||||
// 两条以上数据,给用户挑选,然后处理
|
||||
ListNumber.value = data.list;
|
||||
}
|
||||
|
||||
// 获取旧数据后对比数据后更新
|
||||
|
||||
Loading…
Reference in New Issue
Block a user