yumoqing/kboss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uptada style

Browse Source
This commit is contained in:
hrx 2025-09-23 17:47:59 +08:00
parent ef10dfdd69
commit 92a231cacb
10 changed files with 1668 additions and 1433 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
f/web-kboss/src/components/FloatingBox/FloatingBox.vue
View File

@ -26,10 +26,11 @@
<div @click="open2"
style="position:absolute;bottom:-40px;display: flex;justify-content: center;align-items: center;cursor: pointer">
<el-tooltip v-if="getHomePath()!=='/ncmatchHome/index'" class="item" effect="light" content="联系销售" placement="left">
<!-- 摄像头 -->
<!-- <el-tooltip v-if="getHomePath()!=='/ncmatchHome/index'" class="item" effect="light" content="联系销售" placement="left">
<span class="el-icon-video-camera"
style="font-weight: 550;font-size: 22px;"></span>
</el-tooltip>
</el-tooltip> -->
<!-- </div>-->
<!-- <div class="cart-entry-wrapper" style="visibility: visible;">-->

55
f/web-kboss/src/layout/components/Sidebar/Logo.vue
View File

@ -1,33 +1,20 @@
<template>
<div class="sidebar-logo-container" style="pointer-events: none!important;" :class="{ collapse: collapse }">
<div class="sidebar-logo-container" :class="{ collapse: collapse }">
<transition name="sidebarLogoFade">
<span style="cursor: default" v-if="collapse" key="collapse" class="sidebar-logo-link"
>
<span style="cursor: default" v-if="collapse" key="collapse" class="sidebar-logo-link">
<img :src="logoImg" alt="" style="width:55px;height:40px;margin-top: 20px"/>
</span>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<!-- <span style="display: flex" class="tip1">（测试中）</span>-->
<div v-else key="expand" class="sidebar-logo-link" @click="goHome">
<el-row class="logo" :span="24">
<el-row class="logoimg myLogo" :span="24">
<!-- <div class="imgGo"></div>-->
<img v-if="logoImg" @click="goHome" :src="logoImg" alt=""
style="margin-left: 5px;width:50px;height:35px;"/>
<!-- <el-col :span="6">-->
<!-- <img :src="logoImg" alt="" style="margin-left: 5px;width:50px;height:35px;"/>-->
<!-- </el-col>-->
<!-- <el-col class="text" :span="18">-->
<!-- <div v-if="photosUrl && photosUrl.orgname != '业主机构'">-->
<!-- {{ logoText }}-->
<!-- </div>-->
<!-- <img v-else src="../../../assets/kyy/logo_text.png" alt=""-->
<!-- style="width: 100%;height:100%;padding: 5px 7px 0 7px"/>-->
<!-- </el-col>-->
<img v-if="logoImg" :src="logoImg" alt=""
style="margin-left: 5px;width:50px;height:35px;cursor: pointer;"/>
</el-row>
<el-row v-if="false" class="logotext" :span="24">
<span class="sidebar-title" style="color: black">{{ title }} </span>
</el-row>
</el-row>
</router-link>
</div>
</transition>
</div>
</template>
@ -49,7 +36,6 @@ export default {
photosUrl: null,
title: "平台测试中",
logoImg: "",
// logoImg: require("../../../assets/test2.png"),
logoText: "",
};
},
@ -62,15 +48,7 @@ export default {
methods: {
goHome() {
console.log("走了goHome@@")
this.$router.push('/product/productHome')
// if (window.location.href.includes('http://localhost/')) {
// window.location.href = 'http://localhost:9527/#/homePage/index'
// } else if (window.location.href.includes('dev')) {
// window.location.href = 'https://www.kaiyuancloud.cn/dev'
// } else {
// window.location.href = 'https://www.kaiyuancloud.cn'
// }
this.$router.push('/homePage/index')
},
init() {
@ -100,12 +78,6 @@ export default {
</script>
<style lang="scss" scoped>
.imgGo {
border: 1px solid red;
width: 100%;
height: 100%;
}
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
@ -116,10 +88,6 @@ export default {
}
.sidebar-logo-container {
a {
cursor: default !important;
}
position: relative;
width: 100%;
height: 60px;
@ -130,6 +98,7 @@ export default {
& .sidebar-logo-link {
height: 100%;
width: 100%;
cursor: pointer;
.logo {
width: 100%;
@ -154,18 +123,11 @@ export default {
.el-col {
height: 100%;
padding: 3px;
img {
// width: 100%;
// height: 100%;
}
}
}
.logotext {
display: inline-block;
// color: #fff;
// color: rgba(191, 203, 217);
color: rgb(223, 226, 229);
font-weight: 600;
font-size: 16px;
@ -190,7 +152,6 @@ export default {
align-items: center;
position: relative;
padding: 5px;
//border: 1px solid red;
img {
width: 75% !important;

110
f/web-kboss/src/layout/components/Sidebar/index.vue
View File

@ -1,32 +1,15 @@
<template>
<div class="index">
<!-- <div class="log"> -->
<!-- <div style="color:#fff;height:30px;">1232</div> -->
<!-- <el-row :gutter="20">
<el-col :span="6">
<img src="../../../../public/logos/logo_rgba/noWhite/kkyLogoNoWhiteNoText.png" alt="">
</el-col>
<el-col :span="18">
<img src="../../../../public/logos/logo_rgba/noWhite/kkyLogoNoWhiteText.png.png" alt="">
</el-col>
</el-row> -->
<!-- </div> -->
<div :class="{ 'has-logo': showLogo }" class="sidebar-container">
<logo @click="$router.push('/homePage/index')" v-if="showLogo" :collapse="isCollapse"/>
<!-- 将 happy-scroll 移到 el-menu 外层，并移除 el-menu 上的固定高度 -->
<!-- logo -->
<Logo v-if="showLogo" :collapse="isCollapse" />
<!-- 菜单 -->
<happy-scroll color="rgba(0,0,0,0.5)" size="5" class="menu-scroll-container">
<el-menu
:collapse="isCollapse"
:background-color="variables.menuBg"
:text-color="variables.menuText"
:unique-opened="true"
:active-text-color="variables.menuActiveText"
:collapse-transition="false"
:default-active="$route.path"
mode="vertical"
class="el-menu-vertical"
>
<sidebar-item v-for="(route, index) in permission_routes" :key="index" :item="route" :base-path="route.path"/>
<el-menu :collapse="isCollapse" :background-color="variables.menuBg" :text-color="variables.menuText"
:unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false"
:default-active="$route.path" mode="vertical" class="el-menu-vertical">
<sidebar-item v-for="(route, index) in permission_routes" :key="index" :item="route"
:base-path="route.path" />
</el-menu>
</happy-scroll>
</div>
@ -34,22 +17,23 @@
</template>
<script>
import {mapGetters} from "vuex";
import Logo from "./Logo";
import { mapGetters } from "vuex";
import SidebarItem from "./SidebarItem.vue";
import variables from "../../../styles/variables.scss";
import variables from "@/styles/variables.scss";
import Logo from "./Logo.vue";
export default {
name: "Sidebar",
data() {
return {
role: ''
}
},
components: {SidebarItem, Logo},
components: { SidebarItem, Logo },
computed: {
...mapGetters(["permission_routes", "sidebar"]),
showLogo() {
return true
return true;
},
variables() {
return variables;
@ -58,85 +42,67 @@ export default {
return !this.sidebar.opened;
},
},
mounted() {
methods: {
},
methods: {}
}
};
</script>
<style lang="scss" scoped>
/* stylelint-disable */
.index {
//margin-top: 50px;
width: 100%; // 确保父容器宽度为100%
height: 100%; // 占满父级高度
position: relative; // 为内部绝对定位元素提供参考
.log {
width: 100%;
height: 80px; // Logo区域高度
flex-shrink: 0; // 防止在Flex布局中被压缩
}
<style lang="scss" scoped>
.index {
width: 100%;
height: 100%;
position: relative;
.sidebar-container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box; // 包含padding/border在width内计算
box-sizing: border-box;
}
.menu-scroll-container {
flex: 1; // 占据剩余空间
flex: 1;
width: 100%;
overflow-x: hidden; // 关键：隐藏水平滚动条
overflow-x: hidden;
::v-deep .happy-scroll-container {
width: 100% !important; // 强制容器宽度100%
// 重要：移除可能由库添加的 min-width
width: 100% !important;
min-width: unset !important;
.happy-scroll-content {
width: 100%;
min-width: unset !important; // 确保内容区域也不设置最小宽度
box-sizing: border-box; // 包含padding/border在width内计算
min-width: unset !important;
box-sizing: border-box;
}
}
}
::v-deep .el-menu-vertical {
border: none; // 移除默认边框
height: 100%; // 撑满滚动容器
width: 100% !important; // 关键：强制菜单宽度100%，匹配容器
min-width: 100% !important; // 关键：强制最小宽度100%
box-sizing: border-box; // 包含padding/border在width内计算
border: none;
height: 100%;
width: 100% !important;
min-width: 100% !important;
box-sizing: border-box;
// 防止菜单项文字过长导致溢出
.el-submenu__title,
.el-menu-item {
white-space: nowrap; // 防止文字换行
overflow: hidden; // 隐藏溢出内容
text-overflow: ellipsis; // 溢出时显示省略号
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
// 针对折叠状态的特殊处理
::v-deep .el-menu--collapse {
// Element UI 默认折叠宽度为 64px
width: 64px !important; // 明确折叠宽度
width: 64px !important;
min-width: 64px !important;
// 确保折叠时子菜单项不溢出
.el-submenu__title,
.el-menu-item {
text-overflow: clip; // 折叠时直接裁剪文字
justify-content: center; // 图标居中
text-overflow: clip;
justify-content: center;
}
}
}
/* stylelint-enable */
</style>

5
f/web-kboss/src/router/index.js
View File

@ -390,14 +390,9 @@ export const asyncRoutes = [
path: "productHome",
component: () => import('@/views/product/productHome/productIndex/index.vue'),
name: 'baiduProduct',
meta: { title: "概览", fullPath: "/product/productHome", noCache: true }
},
// {
// path: '/external-link',
// name: 'External Link',
// // 使用 meta 字段来标记这是一个外部链接
// meta: {title: "首页", external: true, url: 'https://www.baidu.com'},
// },
// {
//
// path: "productHome",

12
f/web-kboss/src/styles/index.css
View File

@ -9,6 +9,9 @@
.p10{
padding: 10px;
}
.p20{
padding: 20px;
}
.h100{
height: calc(100vh - 100px);
}
@ -20,3 +23,12 @@
justify-content: center;
align-items: center;
}
.ml10{
margin-left: 10px;
}
.mt10{
margin-top: 10px;
}
.mt20{
margin-top: 20px;
}

4
f/web-kboss/src/views/customer/customerInformation/index.scss
View File

@ -52,7 +52,7 @@
text-align: left;
}
input {
width: 120px;
@ -65,4 +65,4 @@
}
}
}

652
f/web-kboss/src/views/customer/customerInformation/index.vue
View File

File diff suppressed because it is too large Load Diff

2
f/web-kboss/src/views/operationAndMaintenance/documentManagement/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div class="backgroundColor">
<div style="display:flex;">
<el-button type="primary" size="small" @click="addDocument" style="margin:10px 0;">新增文档</el-button>
</div>

11
f/web-kboss/src/views/operationAndMaintenance/productSupply/index.vue
View File

@ -1,7 +1,6 @@
<template>
<div>
<div
style="display: flex;justify-content: flex-start;align-items: center;background: #fff;padding: 15px 5px;border-radius: 8px">
<div >
<div style="display: flex;justify-content: flex-start;align-items: center;background: #fff;padding: 15px 20px;border-radius: 8px">
<el-input clearable size="mini" placeholder="请输入查询内容" style="width: 150px;margin-right: 10px"
v-model="searchValue"></el-input>
<el-button size="mini" icon="el-icon-search" :loading="loadingBtn" @click="searchProduct">查询</el-button>
@ -73,7 +72,7 @@
</el-button>
</div>
</el-drawer>
<div class="productList">
<div class="productList mt10">
<div style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center"
v-if="showLoading">
<BigLoading></BigLoading>
@ -405,9 +404,11 @@ export default {
<style scoped lang="scss">
.productList {
overflow: hidden;
padding-top: 10px;
width: 100%;
//border: 1px solid red;
height: calc(100vh - 130px);
height: calc(100vh - 160px);
display: flex;
flex-direction: column;
justify-content: flex-start;

2245
f/web-kboss/src/views/sales/distributorManagement/index.vue
View File

File diff suppressed because it is too large Load Diff