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;

104
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>
@ -35,11 +18,12 @@
<script>
import { mapGetters } from "vuex";
import Logo from "./Logo";
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: ''
@ -49,7 +33,7 @@ export default {
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 {
<style lang="scss" scoped>
.index {
width: 100%;
height: 80px; // Logo区域高度
flex-shrink: 0; // 防止在Flex布局中被压缩
}
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;
}

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

@ -2,9 +2,8 @@
<div id="box">
<div class="pcAgent" v-if="!isMobile">
<div class="myInformation top-header">
<div class="after-icon" style=""></div>
<span class="title-word" style="">个人信息</span>
<!-- header右侧-->
<div class="after-icon"></div>
<span class="title-word">个人信息</span>
<div class="right-header">
<div class="item-style">
<span class="price-word">账户余额:</span>
@ -35,9 +34,7 @@
</div>
<div>
<div>
<p>
{{ form.fullName }}
</p>
<p>{{ form.fullName }}</p>
</div>
<p>{{ userId }}</p>
<p>{{ form.parentname }}</p>
@ -60,7 +57,7 @@
<span v-else>
<input type="text" v-model="form.tel"/>
<button @click="addZJuser(form.tel)" class="yesBtn">保存</button>
<button @click="form_tel = true" class="yesBtn">取消</button>
<button @click="form_tel = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -73,7 +70,7 @@
<span v-else>
<input type="text" v-model="form.email"/>
<button @click="addZJuser(form.email)" class="yesBtn">保存</button>
<button @click="form_email = true" class="yesBtn"> 取消 </button>
<button @click="form_email = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -86,7 +83,7 @@
<span v-else>
<input type="text" v-model="form.address"/>
<button @click="addZJuser(form.address)" class="yesBtn">保存</button>
<button @click="form_address = true" class="yesBtn"> 取消 </button>
<button @click="form_address = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -121,7 +118,7 @@
<span v-else>
<input type="text" v-model="form.bankName"/>
<button @click="addZJuser(form.bankName)" class="yesBtn">保存</button>
<button @click="form_bankName = true" class="yesBtn"> 取消 </button>
<button @click="form_bankName = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -134,7 +131,7 @@
<span v-else>
<input type="text" v-model="form.bankAcc"/>
<button @click="addZJuser(form.bankAcc)" class="yesBtn">保存</button>
<button @click="form_bankAcc = true" class="yesBtn"> 取消 </button>
<button @click="form_bankAcc = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -147,7 +144,7 @@
<span v-else>
<input type="text" v-model="form.identityName"/>
<button @click="addZJuser(form.identityName)" class="yesBtn">保存</button>
<button @click="form_identityName = true" class="yesBtn"> 取消 </button>
<button @click="form_identityName = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -160,7 +157,7 @@
<span v-else>
<input type="text" v-model="form.taxAddress"/>
<button @click="addZJuser(form.taxAddress)" class="yesBtn">保存</button>
<button @click="form_taxAddress = true" class="yesBtn"> 取消 </button>
<button @click="form_taxAddress = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -173,7 +170,7 @@
<span v-else>
<input type="text" v-model="form.taxTel"/>
<button @click="addZJuser(form.taxTel)" class="yesBtn">保存</button>
<button @click="form_taxTel = true" class="yesBtn"> 取消 </button>
<button @click="form_taxTel = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -186,7 +183,7 @@
<span v-else>
<input type="text" v-model="form.taxpayerIdentity"/>
<button @click="addZJuser(form.taxpayerIdentity)" class="yesBtn">保存</button>
<button @click="form_taxpayerIdentity = true" class="yesBtn"> 取消 </button>
<button @click="form_taxpayerIdentity = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -199,7 +196,7 @@
<span v-else>
<input type="text" v-model="form.orgcode"/>
<button @click="addZJuser(form.orgcode)" class="yesBtn">保存</button>
<button @click="form_orgcode = true" class="yesBtn"> 取消 </button>
<button @click="form_orgcode = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -231,7 +228,7 @@
<span v-else>
<input type="text" v-model="form.ak"/>
<button @click="addZJuser(form.ak)" class="yesBtn">保存</button>
<button @click="form_ak = true" class="yesBtn"> 取消 </button>
<button @click="form_ak = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -244,7 +241,7 @@
<span v-else>
<input type="text" v-model="form.sk"/>
<button @click="addZJuser(form.sk)" class="yesBtn">保存</button>
<button @click="form_sk = true" class="yesBtn"> 取消 </button>
<button @click="form_sk = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -257,7 +254,7 @@
<span v-else>
<input type="text" v-model="form.thirdId"/>
<button @click="addZJuser(form.thirdId)" class="yesBtn">保存</button>
<button @click="form_thirdId = true" class="yesBtn"> 取消 </button>
<button @click="form_thirdId = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -270,7 +267,7 @@
<span v-else>
<input type="text" v-model="form.appId"/>
<button @click="addZJuser(form.appId)" class="yesBtn">保存</button>
<button @click="form_appId = true" class="yesBtn"> 取消 </button>
<button @click="form_appId = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -283,7 +280,7 @@
<span v-else>
<input type="text" v-model="form.remark"/>
<button @click="addZJuser(form.remark)" class="yesBtn">保存</button>
<button @click="form_remark = true" class="yesBtn"> 取消 </button>
<button @click="form_remark = true" class="cancelBtn">取消</button>
</span>
</p>
</div>
@ -298,7 +295,7 @@
</div>
</div>
<div class="mobileAgent" v-else style="font-size: 14px">
<div class="mobileAgent" v-else>
<el-row class="title" type="flex" justify="center" align="middle">余额信息</el-row>
<div class="user_account">
<el-row :gutter="20">
@ -311,7 +308,6 @@
<el-col class="item_info" :span="12">
<span class="key">支付宝充值: </span>
<span class="val">
<!-- <img class="zfb" @click="onffline" src="../../../assets/kyy/编组.svg" style="cursor: pointer" alt=""> -->
<el-button type="success" size="mini" @click="onffline">充值</el-button>
</span>
</el-col>
@ -328,27 +324,19 @@
<el-row :gutter="20">
<el-col class="item_info" :span="12">
<span class="key">账号昵称: </span>
<span class="val">
{{ form.fullName }}
</span>
<span class="val">{{ form.fullName }}</span>
</el-col>
<el-col class="item_info" :span="12">
<span class="key">所属机构: </span>
<span class="val">
{{ form.parentname }}
</span>
<span class="val">{{ form.parentname }}</span>
</el-col>
<el-col class="item_info" :span="12">
<span class="key">销售经理名称: </span>
<span class="val">
{{ form.saleMgrName }}
</span>
<span class="val">{{ form.saleMgrName }}</span>
</el-col>
<el-col class="item_info" :span="24">
<span class="key">账号ID: </span>
<span class="val">
{{ userId }}
</span>
<span class="val">{{ userId }}</span>
</el-col>
<el-col class="item_info" :span="24">
<span class="key">联系电话: </span>
@ -359,7 +347,7 @@
<span v-else>
<input type="text" v-model="form.tel"/>
<button @click="addZJuser(form.tel)" class="yesBtn">保存</button>
<button @click="form_tel = true" class="yesBtn">取消</button>
<button @click="form_tel = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -371,7 +359,7 @@
<span v-else>
<input type="text" v-model="form.email"/>
<button @click="addZJuser(form.email)" class="yesBtn">保存</button>
<button @click="form_email = true" class="yesBtn">取消</button>
<button @click="form_email = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -383,11 +371,9 @@
<span v-else>
<input type="text" v-model="form.address"/>
<button @click="addZJuser(form.address)" class="yesBtn">保存</button>
<button @click="form_address = true" class="yesBtn">取消</button>
<button @click="form_address = true" class="cancelBtn">取消</button>
</span>
</el-col>
<!-- <el-col class="key" :span="12"> 账号昵称:</el-col>
<el-col class="val" :span="12">{{ form.fullName }}</el-col> -->
</el-row>
<el-row class="title" type="flex" justify="center" align="middle">财务信息</el-row>
<el-row class="info" type="flex" justify="center" align="middle">用户业务信息和个人信息配置</el-row>
@ -411,7 +397,7 @@
<span v-else>
<input type="text" v-model="form.ak"/>
<button @click="addZJuser(form.ak)" class="yesBtn">保存</button>
<button @click="form_ak = true" class="yesBtn">取消</button>
<button @click="form_ak = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -423,7 +409,7 @@
<span v-else>
<input type="text" v-model="form.sk"/>
<button @click="addZJuser(form.sk)" class="yesBtn">保存</button>
<button @click="form_sk = true" class="yesBtn">取消</button>
<button @click="form_sk = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -435,7 +421,7 @@
<span v-else>
<input type="text" v-model="form.thirdId"/>
<button @click="addZJuser(form.thirdId)" class="yesBtn">保存</button>
<button @click="form_thirdId = true" class="yesBtn">取消</button>
<button @click="form_thirdId = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -447,7 +433,7 @@
<span v-else>
<input type="text" v-model="form.appId"/>
<button @click="addZJuser(form.appId)" class="yesBtn">保存</button>
<button @click="form_appId = true" class="yesBtn">取消</button>
<button @click="form_appId = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -459,7 +445,7 @@
<span v-else>
<input type="text" v-model="form.remark"/>
<button @click="addZJuser(form.remark)" class="yesBtn">保存</button>
<button @click="form_remark = true" class="yesBtn">取消</button>
<button @click="form_remark = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -478,7 +464,7 @@
<span v-else>
<input type="text" v-model="form.bankName"/>
<button @click="addZJuser(form.bankName)" class="yesBtn">保存</button>
<button @click="form_bankName = true" class="yesBtn">取消</button>
<button @click="form_bankName = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -490,7 +476,7 @@
<span v-else>
<input type="text" v-model="form.bankAcc"/>
<button @click="addZJuser(form.bankAcc)" class="yesBtn">保存</button>
<button @click="form_bankAcc = true" class="yesBtn">取消</button>
<button @click="form_bankAcc = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -502,7 +488,7 @@
<span v-else>
<input type="text" v-model="form.identityName"/>
<button @click="addZJuser(form.identityName)" class="yesBtn">保存</button>
<button @click="form_identityName = true" class="yesBtn">取消</button>
<button @click="form_identityName = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -514,7 +500,7 @@
<span v-else>
<input type="text" v-model="form.taxAddress"/>
<button @click="addZJuser(form.taxAddress)" class="yesBtn">保存</button>
<button @click="form_taxAddress = true" class="yesBtn">取消</button>
<button @click="form_taxAddress = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -526,7 +512,7 @@
<span v-else>
<input type="text" v-model="form.taxTel"/>
<button @click="addZJuser(form.taxTel)" class="yesBtn">保存</button>
<button @click="form_taxTel = true" class="yesBtn">取消</button>
<button @click="form_taxTel = true" class="cancelBtn">取消</button>
</span>
</el-col>
<el-col class="item_info" :span="24">
@ -538,7 +524,7 @@
<span v-else>
<input type="text" v-model="form.taxpayerIdentity"/>
<button @click="addZJuser(form.taxpayerIdentity)" class="yesBtn">保存</button>
<button @click="form_taxpayerIdentity = true" class="yesBtn">取消</button>
<button @click="form_taxpayerIdentity = true" class="cancelBtn">取消</button>
</span>
</el-col>
</el-row>
@ -558,7 +544,6 @@
</span>
</el-dialog>
<!-- 获取充值码弹窗 -->
<el-dialog :visible.sync="dialogVisible" title="充值信息" width="500px" custom-class="get-charge-dialog"
class="myDialog" :append-to-body="true">
<div class="warning">注意：请在打款时备注摘里输入正确的充值码！</div>
@ -580,7 +565,6 @@
style="font-weight: bold;margin-right: 5px">{{ mailCode }}</span>(充值码请在当天内使用，过期无效)</span>
</div>
</el-dialog>
</div>
</template>
@ -594,9 +578,7 @@ import {addCustomerMailcodeAPI, getCustomerMailcodeAPI} from '@/api/customer/rec
export default {
data() {
return {
// 获取用户代理字P串
userAgent: window.navigator.userAgent,
// 判断是否为移动设备
isMobile: false,
dialogVisible: false,
mailCode: '',
@ -611,7 +593,7 @@ export default {
{required: true, message: "请确认新密码", trigger: "blur"},
],
},
passwordForm: { //修改密码表单
passwordForm: {
password: "",
newpassword: "",
configPassword: "",
@ -645,11 +627,8 @@ export default {
form_taxTel: true,
form_taxpayerIdentity: true,
form_orgcode: true,
//用户id
userId: sessionStorage.getItem("userId"),
//用户数据
form: {},
//圆圈显示的字段
nameText: "",
url: ''
};
@ -662,10 +641,10 @@ export default {
this.myBalance();
},
methods: {
goPersonal() {//返回个人信息页
goPersonal() {
this.$router.push('/customer/customerInformation')
},
getRechargeCode() {//点击获取充值码
getRechargeCode() {
addCustomerMailcodeAPI({user_id: this.userId}).then(res => {
if (res.status) {
this.dialogVisible = true
@ -694,26 +673,7 @@ export default {
}
})
},
updatePassword() { //修改密码回调函数
// let params = {
// id: this.userId,
// password: this.passwordForm.password,
// newpassword: this.passwordForm.newpassword,
// };
// editPasswordAPI(params).then((res) => {
// if (res.status == true) {
// this.$message({
// message: "密码修改成功",
// type: "success",
// });
// this.$router.push({name: "Login"});
// } else {
// this.$message({
// message: res.msg,
// type: "error",
// });
// }
// });
updatePassword() {
this.$refs.passwordForm.validate((valid) => {
if (valid) {
if (
@ -748,10 +708,10 @@ export default {
}
});
},
onffline() {//线上充值
onffline() {
this.onfflineVisible = true
},
onsubmit() {//线上充值
onsubmit() {
let pamars = {
amount: this.onfflineForm.amount,
userid: this.userId
@ -778,7 +738,6 @@ export default {
});
}
})
},
handleClose() {
this.$nextTick(() => {
@ -790,17 +749,15 @@ export default {
this.$nextTick(() => {
this.$refs.onfflineForm.resetFields()
this.onfflineVisible = false
})
},
cancel() {
this.$nextTick(() => {
this.$refs.onfflineForm.resetFields()
this.onfflineVisible = false
})
},
getZJUserInfo() { //获取用户信息
getZJUserInfo() {
var userid = {
userid: sessionStorage.getItem("userId"),
};
@ -814,7 +771,7 @@ export default {
});
});
},
myBalance() {//获取本人余额
myBalance() {
myBalanceAPI().then((res) => {
if (res.data == null) {
this.balance = 0;
@ -863,13 +820,13 @@ export default {
this.notFindUsers();
});
},
open4() {//错误提示
open4() {
this.$message.error("请您填写正确的信息");
},
notFindUsers() {
this.$message.error("添加失败");
},
open2() { //成功提示
open2() {
this.$message({
showClose: true,
message: "添加成功",
@ -879,6 +836,7 @@ export default {
},
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
@ -889,165 +847,218 @@ export default {
#box {
padding: 0;
background-color: #ebebeb;
background-color: #f5f5f5;
height: 100%;
margin: 0;
overflow-x: scroll;
background-color: white;
overflow-x: hidden;
}
i {
margin-left: 12px;
color: #27b3bc;
color: #409eff;
cursor: pointer;
&:hover {
color: #66b1ff;
}
}
// 通用按钮样式
.yesBtn {
margin-left: 10px;
border: 1px solid #409eff;
color: #409eff;
background-color: transparent;
padding: 4px 10px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
&:hover {
background-color: #ecf5ff;
}
}
.cancelBtn {
margin-left: 5px;
border: 1px solid #909399;
color: #909399;
background-color: transparent;
padding: 4px 10px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
&:hover {
background-color: #f4f4f5;
}
}
//个人信息
.myInformation {
background-color: #ffffff;
//box-shadow: 1px 1px 3px rgb(141, 141, 141);
min-width: 1100px;
height: 50px;
line-height: 50px;
padding: 0 20px;
height: 60px;
line-height: 60px;
padding: 0 30px;
font-size: 20px;
font-weight: 550;
font-weight: 600;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: relative;
}
.myDialog {
.warning {
margin-bottom: 7px;
color: red;
margin-bottom: 15px;
color: #e6a23c;
font-weight: 600;
font-size: 14px;
}
.fontSize {
margin-bottom: 7px;
margin-bottom: 10px;
font-size: 14px;
}
.font {
font-size: 18px;
font-weight: 600;
margin-right: 10px;
}
}
// 基本信息
.essentialInformation {
width: 85%;
min-width: 1100px;
// margin: auto;
width: 90%;
max-width: 1200px;
background-color: #fff;
//box-shadow: 0 0 2px rgb(141, 141, 141);
margin: 20px auto;
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
.one {
margin: 0px 0px 0px 0px;
margin: 0 0 20px 0;
height: 40px;
line-height: 40px;
padding-left: 25px;
font-weight: 600;
font-size: 18px;
color: #303133;
border-bottom: 1px solid #ebeef5;
}
p {
// width: 150px;
white-space: nowrap;
line-height: 30px;
height: 30px;
margin: 10px 50px;
font-size: 15px;
color: #505050;
margin: 10px 0;
font-size: 14px;
color: #606266;
}
// span {
// // width: 150px;
// white-space: nowrap;
// line-height: 30px;
// height: 30px;
// margin: 10px 50px;
// font-size: 15px;
// color: #505050;
// }
//用户图片
.userImg {
width: 70px;
height: 70px;
line-height: 70px;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
background-color: #27b3bc;
background: linear-gradient(135deg, #409eff, #66b1ff);
color: white;
font-size: 20px;
font-size: 24px;
text-align: center;
margin: 0 60px 0 10px;
box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
}
.disp_top {
display: flex;
padding: 5px;
padding: 15px 0;
align-items: center;
flex-wrap: nowrap;
// p {
// height: 30;
// margin: 10px 50px;
// }
}
.userID {
width: 450px;
margin-right: 35px;
width: 400px;
margin-right: 50px;
p {
font-weight: 500;
}
}
.userStatus {
width: 400px;
p {
font-weight: 500;
}
}
.disp {
display: flex;
> div:first-child {
flex: 0 0 120px;
color: #909399;
}
> div:last-child {
flex: 1;
p {
color: #303133;
}
}
}
}
//详细信息
.particular {
min-width: 1100px;
font-size: 16px;
// display: flex;
width: 85%;
width: 90%;
max-width: 1200px;
font-size: 14px;
margin: 20px auto;
background-color: #fdfdfd;
//box-shadow: 0 0 2px rgb(141, 141, 141);
padding-left: 25px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
> div {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
flex-wrap: wrap;
}
> p:nth-child(1) {
// margin: 5px 20px;
// font-size: 15px;
// color: #505050;
margin: 0px 0px 0px 0px;
margin: 0 0 10px 0;
height: 40px;
line-height: 40px;
// padding-left: 25px;
font-weight: 600;
font-size: 18px;
color: #303133;
border-bottom: 1px solid #ebeef5;
}
> p:nth-child(2) {
margin: 0px 0px 0px 0px;
margin: 0 0 20px 0;
font-size: 14px;
color: #a5a5a5;
color: #909399;
}
.particular_disp {
display: flex;
width: 500px;
p {
height: 18px;
}
margin-top: 15px;
> div:nth-child(1) {
margin-right: 60px;
flex: 0 0 120px;
color: #909399;
}
> div:nth-child(2) {
flex: 1;
p {
color: #303133;
margin-bottom: 15px;
}
}
}
}
@ -1055,52 +1066,32 @@ i {
.hint {
font-size: 12px;
margin-left: 10px;
color: #34bac4;
}
.yesBtn {
margin: left 10px;
border: none;
color: #27b3bc;
background-color: rgba($color: #000000, $alpha: 0);
color: #e6a23c;
}
.balance-style {
mix-blend-mode: normal;
color: rgba(1, 119, 248, 1);
font-family: PingFang SC;
color: #409eff;
font-weight: 600;
font-size: 21px;
font-size: 18px;
cursor: pointer;
&:hover {
cursor: pointer;
text-decoration: underline
text-decoration: underline;
}
}
.tow-btn {
width: 360px;
display: flex;
justify-content: space-around;
margin-left: -60px;
}
.title-word {
mix-blend-mode: normal;
text-align: center;
color: rgba(0, 0, 0, 1);
font-family: PingFang SC;
color: #303133;
font-weight: 600;
font-size: 16px;
margin-left: 10px;
font-size: 18px;
margin-left: 15px;
}
.after-icon {
width: 4px;
height: 16px;
mix-blend-mode: normal;
height: 18px;
border-radius: 2px;
background: rgba(17, 93, 245, 1);
background: #409eff;
}
.top-header {
@ -1111,49 +1102,37 @@ i {
}
.right-header {
width: 300px;
position: absolute;
top: 0;
right: 0;
top: 50%;
right: 30px;
transform: translateY(-50%);
display: flex;
justify-content: flex-start;
align-self: center;
flex-direction: column;
gap: 10px;
}
.price-word {
// mix-blend-mode: normal;
color: rgba(0, 0, 0, 1);
font-family: PingFang SC;
color: #606266;
font-size: 14px;
padding-right: 10px;
width: 100px;
}
.update-password {
margin-top: 10px;
//border: 1px solid red;
display: inline-block;
width: 96px;
height: 26px;
mix-blend-mode: normal;
border-radius: 16px;
background: rgba(1, 119, 248, 1);
font-size: 14px;
width: 120px;
}
.kong {
height: 15px;
//border:1px solid red;
height: 20px;
width: 100%;
background-color: #f7f7f7;
background-color: #f5f5f5;
}
.common-charge-style {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
.font {
flex: 0 0 80px;
}
}
.item-style {
@ -1161,15 +1140,136 @@ i {
justify-content: flex-start;
align-items: center;
}
</style>
<style>
@media screen and (max-width: 760px) {
// 移动端优化
.mobileAgent {
width: 100% !important;
padding: 15px;
background-color: #f5f5f5;
.title {
font-weight: 600;
font-size: 20px;
height: 50px;
line-height: 50px;
margin: 10px 0;
color: #303133;
text-align: center;
}
.info {
margin: 0 0 15px 0;
font-size: 14px;
color: #909399;
text-align: center;
}
.userpic {
height: 70px;
display: flex;
justify-content: center;
margin-bottom: 20px;
.userImg {
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50%;
background: linear-gradient(135deg, #409eff, #66b1ff);
color: white;
font-size: 20px;
text-align: center;
box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
}
}
.user_account,
.user_info,
.detailedInformation,
.tenct {
background: #fff;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
.hint {
font-size: 12px;
margin-left: 10px;
color: #e6a23c;
}
.item_info {
height: auto;
line-height: 1.5;
margin-bottom: 15px;
padding: 10px 0;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: none;
}
.key {
font-size: 14px;
font-weight: 500;
color: #909399;
margin-bottom: 5px;
}
.val {
font-size: 15px;
color: #303133;
word-break: break-all;
}
input {
width: 100%;
margin: 5px 0;
padding: 8px 10px;
border: 1px solid #dcdfe6;
border-radius: 4px;
font-size: 14px;
}
.zfb {
vertical-align: middle;
}
}
}
.user_info, .detailedInformation {
.item_info {
.key, .val {
display: block;
width: 100%;
}
}
}
}
@media screen and (max-width: 768px) {
.pcAgent {
display: none;
}
.get-charge-dialog {
width: 90vw !important;
}
}
@media screen and (min-width: 769px) {
.mobileAgent {
display: none;
}
}
</style>
<style>
.get-charge-dialog {
padding-bottom: 15px;
}
</style>

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>

9
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 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;

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

File diff suppressed because it is too large Load Diff