diff --git a/src/api/wms/package/index.ts b/src/api/wms/package/index.ts index 57f4e2429..7a11fd47f 100644 --- a/src/api/wms/package/index.ts +++ b/src/api/wms/package/index.ts @@ -105,3 +105,8 @@ export const batchPrintingLable = async (data: any) => { export const getLabel = async (id: number) => { return await request.get({ url: `/wms/package/getLabel?id=` + id }) } + +// 根据库存余额获取包装信息进行打印标签 +export const getBalanceToPackage = async (packingNumber: String) => { + return await request.get({ url: `/wms/package/getBalanceToPackage?packingNumber=` + packingNumber}) +} \ No newline at end of file diff --git a/src/directives/permission/clientTable.ts b/src/directives/permission/clientTable.ts index 84e9e97bf..966001d0a 100644 --- a/src/directives/permission/clientTable.ts +++ b/src/directives/permission/clientTable.ts @@ -8,7 +8,7 @@ export function clientTable(app: App) { nextTick(() => { const top = el.getBoundingClientRect().top ////--top-tool-height:50 --tags-view-height:35 - const qustionHeight = 85 + const qustionHeight = 20 let paginationHeight = 0 if(el.children&&el.children.length>1){ paginationHeight = 70 diff --git a/src/layout/components/CategoryHeader.vue b/src/layout/components/CategoryHeader.vue index fa2a92d56..ef257e4d2 100644 --- a/src/layout/components/CategoryHeader.vue +++ b/src/layout/components/CategoryHeader.vue @@ -56,11 +56,12 @@ export default defineComponent({ appStore.setCategoryRoutePath(currentPath) } } - const activeMenu = computed(() => { return appStore.getCategoryRoutePath }) return () => ( +
+
+
) } }) @@ -115,8 +115,24 @@ $prefix-cls: #{$namespace}-tool-header; .#{$prefix-cls} { transition: left var(--transition-time-02); } +.category-container{ + background-color: transparent; + position: relative; + .line{ + position: absolute; + width: 1px; + height:20px; + background: #fff; + top:calc(50% - 10px); + left:0; + z-index: 999; + } + +} .categoryheader{ padding-left: 20px; + background: #0069ef; + border:1px solid #0069ef; } @@ -125,11 +141,20 @@ $prefix-cls: #{$namespace}-tool-header; height: 40px; margin-right: 10px; margin-bottom: 2px; - background: rgb(242, 245, 248); - border: 1px solid #ccc; + // background: rgb(242, 245, 248); + background-color: hsla(0, 100%, 100%, 0.3); + color:#fff; + &:hover{ + background: #fff !important; + color:#0069ef !important; + } + // border: 1px solid #ccc; } ::v-deep(.el-menu-item.is-active){ - background: var(--el-menu-hover-bg-color) + // background: var(--el-menu-hover-bg-color) + // background: #085cf4; + color:#0069ef !important; + background: #fff; } diff --git a/src/layout/components/Logo/src/Logo.vue b/src/layout/components/Logo/src/Logo.vue index 572a13fe9..157c02eef 100644 --- a/src/layout/components/Logo/src/Logo.vue +++ b/src/layout/components/Logo/src/Logo.vue @@ -24,26 +24,26 @@ onMounted(() => { if (unref(collapse)) show.value = false }) -watch( - () => collapse.value, - (collapse: boolean) => { - if (unref(layout) === 'topLeft' || unref(layout) === 'cutMenu') { - show.value = true - return - } - if (!collapse) { - timer.value = setTimeout(() => { - show.value = !collapse - if(timer.value){ - clearTimeout(timer.value) - timer.value = 0 - } - }, 400) - } else { - show.value = !collapse - } - } -) +// watch( +// () => collapse.value, +// (collapse: boolean) => { +// if (unref(layout) === 'topLeft' || unref(layout) === 'cutMenu') { +// show.value = true +// return +// } +// if (!collapse) { +// timer.value = setTimeout(() => { +// show.value = !collapse +// if(timer.value){ +// clearTimeout(timer.value) +// timer.value = 0 +// } +// }, 400) +// } else { +// show.value = !collapse +// } +// } +// ) onBeforeUnmount(() => { if(timer.value){ clearTimeout(timer.value) @@ -78,7 +78,7 @@ watch( to="/" >
appStore.getMobile) const fixedMenu = computed(() => appStore.getFixedMenu) // 搜索图片 const search = computed(() => appStore.search) +const scrollBarHeight = computed(() => { + return (window.innerHeight - appStore.getCategoryMenuHeight - 85)+'px' +}) export const useRenderLayout = () => { const renderClassic = () => { return ( <> -
- {logo.value ? ( - + {logo.value ? ( + ) : undefined} + {appStore.getShowCategoryMenu?():undefined} +
+
{/* {search.value && !appStore.getCollapse? (
{ 'w-[var(--left-menu-max-width)]': !appStore.getCollapse } ]} isModal={false} />
) : undefined} */} - +
{ ]} style="transition: all var(--transition-time-02);" > - -
- {appStore.getShowCategoryMenu?():undefined} - - - {tagsView.value ? ( - - ) : undefined} -
+ > + {tagsView.value ? ( + + ) : undefined} +
+
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts index 42164cb4e..269f51189 100644 --- a/src/store/modules/app.ts +++ b/src/store/modules/app.ts @@ -38,6 +38,7 @@ interface AppState { fixedMenu: boolean categoryRoutePath:string showCategoryMenu: boolean + categoryMenuHeight:number } export const useAppStore = defineStore('app', { @@ -76,17 +77,17 @@ export const useAppStore = defineStore('app', { // 左侧菜单边框颜色 leftMenuBorderColor: 'inherit', // 左侧菜单背景颜色 - leftMenuBgColor: '#001529', + leftMenuBgColor: 'rgb(241,243,244)', // 左侧菜单浅色背景颜色 - leftMenuBgLightColor: '#0f2438', + leftMenuBgLightColor: 'rgb(241,243,244)', // 左侧菜单选中背景颜色 - leftMenuBgActiveColor: 'var(--el-color-primary)', + leftMenuBgActiveColor: 'rgb(241,243,244)', // 左侧菜单收起选中背景颜色 leftMenuCollapseBgActiveColor: 'var(--el-color-primary)', // 左侧菜单字体颜色 - leftMenuTextColor: '#bfcbd9', + leftMenuTextColor: '#666', // 左侧菜单选中字体颜色 - leftMenuTextActiveColor: '#fff', + leftMenuTextActiveColor: '#0069ef', // logo字体颜色 logoTitleTextColor: '#fff', // logo边框颜色 @@ -101,7 +102,8 @@ export const useAppStore = defineStore('app', { topToolBorderColor: '#eee' }, categoryRoutePath:'', - showCategoryMenu:true // true:顶部展示一级菜单栏 false:只有左侧菜单栏 + showCategoryMenu:true, // true:顶部展示一级菜单栏 false:只有左侧菜单栏 + categoryMenuHeight:60 // true:顶部展示一级菜单栏 false:只有左侧菜单栏 } }, getters: { @@ -186,6 +188,9 @@ export const useAppStore = defineStore('app', { getShowCategoryMenu():boolean { return this.showCategoryMenu }, + getCategoryMenuHeight():number { + return this.categoryMenuHeight + } }, actions: { setBreadcrumb(breadcrumb: boolean) { diff --git a/src/styles/var.css b/src/styles/var.css index 82d503bdf..a81324dd5 100644 --- a/src/styles/var.css +++ b/src/styles/var.css @@ -1,5 +1,5 @@ :root { - --login-bg-color: #293146; + --login-bg-color: #0069ef; --left-menu-max-width: 200px; @@ -19,7 +19,7 @@ /* left menu end */ /* logo start */ - --logo-height: 50px; + --logo-height: 60px; --logo-title-text-color: #fff; /* logo end */ diff --git a/src/views/wms/inventoryManage/balance/balance.data.ts b/src/views/wms/inventoryManage/balance/balance.data.ts index 8aaf79117..4845a516e 100644 --- a/src/views/wms/inventoryManage/balance/balance.data.ts +++ b/src/views/wms/inventoryManage/balance/balance.data.ts @@ -429,7 +429,7 @@ export const Balance = useCrudSchemas(reactive([ isDetail: false, isForm: false, table: { - width: 100, + width: 200, fixed: 'right' }, } diff --git a/src/views/wms/inventoryManage/balance/index.vue b/src/views/wms/inventoryManage/balance/index.vue index 8ff5e6db3..54cc59455 100644 --- a/src/views/wms/inventoryManage/balance/index.vue +++ b/src/views/wms/inventoryManage/balance/index.vue @@ -59,12 +59,14 @@