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

Compare commits

base: yumoqing:9b0f0282d4d9dda25d3d337f90dd0ec56ea12c00
Branches Tags
yumoqing:main
yumoqing:prod
yumoqing:dev1
..
compare: yumoqing:53094c0a44a605019e0057b80527c5dab33bdf41
Branches Tags
yumoqing:main
yumoqing:prod
yumoqing:dev1

No commits in common. "9b0f0282d4d9dda25d3d337f90dd0ec56ea12c00" and "53094c0a44a605019e0057b80527c5dab33bdf41" have entirely different histories.
9b0f0282d4 ... 53094c0a44

10 changed files with 1431 additions and 1666 deletions
Show Stats Expand all files Collapse all files

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

@ -26,11 +26,10 @@
<div @click="open2" <div @click="open2"
style="position:absolute;bottom:-40px;display: flex;justify-content: center;align-items: center;cursor: pointer"> 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" <span class="el-icon-video-camera"
style="font-weight: 550;font-size: 22px;"></span> style="font-weight: 550;font-size: 22px;"></span>
</el-tooltip> --> </el-tooltip>
<!-- </div>--> <!-- </div>-->
<!-- <div class="cart-entry-wrapper" style="visibility: visible;">--> <!-- <div class="cart-entry-wrapper" style="visibility: visible;">-->

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

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

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

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

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

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

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

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

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

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

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

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

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

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