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" <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,33 +1,20 @@
<template> <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"> <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>
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> <div v-else key="expand" class="sidebar-logo-link" @click="goHome">
<!-- <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">
<!-- <div class="imgGo"></div>--> <img v-if="logoImg" :src="logoImg" alt=""
<img v-if="logoImg" @click="goHome" :src="logoImg" alt="" style="margin-left: 5px;width:50px;height:35px;cursor: pointer;"/>
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>
</router-link> </div>
</transition> </transition>
</div> </div>
</template> </template>
@ -49,7 +36,6 @@ export default {
photosUrl: null, photosUrl: null,
title: "平台测试中", title: "平台测试中",
logoImg: "", logoImg: "",
// logoImg: require("../../../assets/test2.png"),
logoText: "", logoText: "",
}; };
}, },
@ -62,15 +48,7 @@ export default {
methods: { methods: {
goHome() { goHome() {
console.log("走了goHome@@") console.log("走了goHome@@")
this.$router.push('/product/productHome') this.$router.push('/homePage/index')
// 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() {
@ -100,12 +78,6 @@ 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;
} }
@ -116,10 +88,6 @@ export default {
} }
.sidebar-logo-container { .sidebar-logo-container {
a {
cursor: default !important;
}
position: relative; position: relative;
width: 100%; width: 100%;
height: 60px; height: 60px;
@ -130,6 +98,7 @@ export default {
& .sidebar-logo-link { & .sidebar-logo-link {
height: 100%; height: 100%;
width: 100%; width: 100%;
cursor: pointer;
.logo { .logo {
width: 100%; width: 100%;
@ -154,18 +123,11 @@ 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;
@ -190,7 +152,6 @@ 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;

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

@ -1,32 +1,15 @@
<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 @click="$router.push('/homePage/index')" v-if="showLogo" :collapse="isCollapse"/> <!-- logo -->
<!-- 将 happy-scroll 移到 el-menu 外层，并移除 el-menu 上的固定高度 --> <Logo v-if="showLogo" :collapse="isCollapse" />
<!-- 菜单 -->
<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 <el-menu :collapse="isCollapse" :background-color="variables.menuBg" :text-color="variables.menuText"
:collapse="isCollapse" :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false"
:background-color="variables.menuBg" :default-active="$route.path" mode="vertical" class="el-menu-vertical">
:text-color="variables.menuText" <sidebar-item v-for="(route, index) in permission_routes" :key="index" :item="route"
:unique-opened="true" :base-path="route.path" />
: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>
@ -35,11 +18,12 @@
<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: ''
@ -49,7 +33,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;
@ -58,85 +42,67 @@ export default {
return !this.sidebar.opened; return !this.sidebar.opened;
}, },
}, },
mounted() { methods: {
}, }
methods: {}
}; };
</script> </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%; width: 100%;
height: 80px; // Logo区域高度 height: 100%;
flex-shrink: 0; // 防止在Flex布局中被压缩 position: relative;
}
.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; // 包含padding/border在width内计算 box-sizing: border-box;
} }
.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; // 强制容器宽度100% width: 100% !important;
// 重要：移除可能由库添加的 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; // 包含padding/border在width内计算 box-sizing: border-box;
} }
} }
} }
::v-deep .el-menu-vertical { ::v-deep .el-menu-vertical {
border: none; // 移除默认边框 border: none;
height: 100%; // 撑满滚动容器 height: 100%;
width: 100% !important; // 关键：强制菜单宽度100%，匹配容器 width: 100% !important;
min-width: 100% !important; // 关键：强制最小宽度100% min-width: 100% !important;
box-sizing: border-box; // 包含padding/border在width内计算 box-sizing: border-box;
// 防止菜单项文字过长导致溢出
.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 {
// Element UI 默认折叠宽度为 64px width: 64px !important;
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,14 +390,9 @@ 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,6 +9,9 @@
.p10{ .p10{
padding: 10px; padding: 10px;
} }
.p20{
padding: 20px;
}
.h100{ .h100{
height: calc(100vh - 100px); height: calc(100vh - 100px);
} }
@ -20,3 +23,12 @@
justify-content: center; justify-content: center;
align-items: 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 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" style=""></div> <div class="after-icon"></div>
<span class="title-word" style="">个人信息</span> <span class="title-word">个人信息</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>
@ -35,9 +34,7 @@
</div> </div>
<div> <div>
<div> <div>
<p> <p>{{ form.fullName }}</p>
{{ form.fullName }}
</p>
</div> </div>
<p>{{ userId }}</p> <p>{{ userId }}</p>
<p>{{ form.parentname }}</p> <p>{{ form.parentname }}</p>
@ -60,7 +57,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="yesBtn">取消</button> <button @click="form_tel = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -73,7 +70,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="yesBtn"> 取消 </button> <button @click="form_email = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -86,7 +83,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="yesBtn"> 取消 </button> <button @click="form_address = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -121,7 +118,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="yesBtn"> 取消 </button> <button @click="form_bankName = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -134,7 +131,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="yesBtn"> 取消 </button> <button @click="form_bankAcc = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -147,7 +144,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="yesBtn"> 取消 </button> <button @click="form_identityName = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -160,7 +157,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="yesBtn"> 取消 </button> <button @click="form_taxAddress = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -173,7 +170,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="yesBtn"> 取消 </button> <button @click="form_taxTel = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -186,7 +183,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="yesBtn"> 取消 </button> <button @click="form_taxpayerIdentity = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -199,7 +196,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="yesBtn"> 取消 </button> <button @click="form_orgcode = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -231,7 +228,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="yesBtn"> 取消 </button> <button @click="form_ak = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -244,7 +241,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="yesBtn"> 取消 </button> <button @click="form_sk = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -257,7 +254,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="yesBtn"> 取消 </button> <button @click="form_thirdId = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -270,7 +267,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="yesBtn"> 取消 </button> <button @click="form_appId = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -283,7 +280,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="yesBtn"> 取消 </button> <button @click="form_remark = true" class="cancelBtn">取消</button>
</span> </span>
</p> </p>
</div> </div>
@ -298,7 +295,7 @@
</div> </div>
</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> <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">
@ -311,7 +308,6 @@
<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>
@ -328,27 +324,19 @@
<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"> <span class="val">{{ form.fullName }}</span>
{{ 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"> <span class="val">{{ form.parentname }}</span>
{{ 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"> <span class="val">{{ form.saleMgrName }}</span>
{{ 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"> <span class="val">{{ userId }}</span>
{{ 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>
@ -359,7 +347,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="yesBtn">取消</button> <button @click="form_tel = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -371,7 +359,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="yesBtn">取消</button> <button @click="form_email = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -383,11 +371,9 @@
<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="yesBtn">取消</button> <button @click="form_address = true" class="cancelBtn">取消</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>
@ -411,7 +397,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="yesBtn">取消</button> <button @click="form_ak = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -423,7 +409,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="yesBtn">取消</button> <button @click="form_sk = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -435,7 +421,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="yesBtn">取消</button> <button @click="form_thirdId = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -447,7 +433,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="yesBtn">取消</button> <button @click="form_appId = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -459,7 +445,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="yesBtn">取消</button> <button @click="form_remark = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -478,7 +464,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="yesBtn">取消</button> <button @click="form_bankName = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -490,7 +476,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="yesBtn">取消</button> <button @click="form_bankAcc = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -502,7 +488,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="yesBtn">取消</button> <button @click="form_identityName = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -514,7 +500,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="yesBtn">取消</button> <button @click="form_taxAddress = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -526,7 +512,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="yesBtn">取消</button> <button @click="form_taxTel = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
<el-col class="item_info" :span="24"> <el-col class="item_info" :span="24">
@ -538,7 +524,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="yesBtn">取消</button> <button @click="form_taxpayerIdentity = true" class="cancelBtn">取消</button>
</span> </span>
</el-col> </el-col>
</el-row> </el-row>
@ -558,7 +544,6 @@
</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>
@ -580,7 +565,6 @@
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>
@ -594,9 +578,7 @@ 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: '',
@ -611,7 +593,7 @@ export default {
{required: true, message: "请确认新密码", trigger: "blur"}, {required: true, message: "请确认新密码", trigger: "blur"},
], ],
}, },
passwordForm: { //修改密码表单 passwordForm: {
password: "", password: "",
newpassword: "", newpassword: "",
configPassword: "", configPassword: "",
@ -645,11 +627,8 @@ 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: ''
}; };
@ -662,10 +641,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
@ -694,26 +673,7 @@ 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 (
@ -748,10 +708,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
@ -778,7 +738,6 @@ export default {
}); });
} }
}) })
}, },
handleClose() { handleClose() {
this.$nextTick(() => { this.$nextTick(() => {
@ -790,17 +749,15 @@ 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"),
}; };
@ -814,7 +771,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;
@ -863,13 +820,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: "添加成功",
@ -879,6 +836,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./index.scss"; @import "./index.scss";
@ -889,165 +847,218 @@ export default {
#box { #box {
padding: 0; padding: 0;
background-color: #ebebeb; background-color: #f5f5f5;
height: 100%; height: 100%;
margin: 0; margin: 0;
overflow-x: scroll; overflow-x: hidden;
background-color: white;
} }
i { i {
margin-left: 12px; 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 { .myInformation {
background-color: #ffffff; background-color: #ffffff;
//box-shadow: 1px 1px 3px rgb(141, 141, 141);
min-width: 1100px; min-width: 1100px;
height: 50px; height: 60px;
line-height: 50px; line-height: 60px;
padding: 0 20px; padding: 0 30px;
font-size: 20px; font-size: 20px;
font-weight: 550; font-weight: 600;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: relative;
} }
.myDialog { .myDialog {
.warning { .warning {
margin-bottom: 7px; margin-bottom: 15px;
color: red; color: #e6a23c;
font-weight: 600; font-weight: 600;
font-size: 14px;
} }
.fontSize { .fontSize {
margin-bottom: 7px; margin-bottom: 10px;
font-size: 14px;
} }
.font { .font {
font-size: 18px;
font-weight: 600; font-weight: 600;
margin-right: 10px;
} }
} }
// 基本信息 // 基本信息
.essentialInformation { .essentialInformation {
width: 85%; width: 90%;
min-width: 1100px; max-width: 1200px;
// 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: 0px 0px 0px 0px; margin: 0 0 20px 0;
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;
height: 30px; margin: 10px 0;
margin: 10px 50px; font-size: 14px;
font-size: 15px; color: #606266;
color: #505050;
} }
// span {
// // width: 150px;
// white-space: nowrap;
// line-height: 30px;
// height: 30px;
// margin: 10px 50px;
// font-size: 15px;
// color: #505050;
// }
//用户图片 //用户图片
.userImg { .userImg {
width: 70px; width: 80px;
height: 70px; height: 80px;
line-height: 70px; line-height: 80px;
border-radius: 50%; border-radius: 50%;
background-color: #27b3bc; background: linear-gradient(135deg, #409eff, #66b1ff);
color: white; color: white;
font-size: 20px; font-size: 24px;
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: 5px; padding: 15px 0;
align-items: center; align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
// p {
// height: 30;
// margin: 10px 50px;
// }
} }
.userID { .userID {
width: 450px; width: 400px;
margin-right: 35px; margin-right: 50px;
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 {
min-width: 1100px; width: 90%;
font-size: 16px; max-width: 1200px;
// display: flex; font-size: 14px;
width: 85%;
margin: 20px auto; margin: 20px auto;
background-color: #fdfdfd; background-color: #fff;
//box-shadow: 0 0 2px rgb(141, 141, 141); border-radius: 8px;
padding-left: 25px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
> div { > div {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: nowrap; flex-wrap: wrap;
} }
> p:nth-child(1) { > p:nth-child(1) {
// margin: 5px 20px; margin: 0 0 10px 0;
// 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: 0px 0px 0px 0px; margin: 0 0 20px 0;
font-size: 14px; font-size: 14px;
color: #a5a5a5; color: #909399;
} }
.particular_disp { .particular_disp {
display: flex; display: flex;
width: 500px; width: 500px;
margin-top: 15px;
p {
height: 18px;
}
> div:nth-child(1) { > 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 { .hint {
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
color: #34bac4; color: #e6a23c;
}
.yesBtn {
margin: left 10px;
border: none;
color: #27b3bc;
background-color: rgba($color: #000000, $alpha: 0);
} }
.balance-style { .balance-style {
mix-blend-mode: normal; color: #409eff;
color: rgba(1, 119, 248, 1);
font-family: PingFang SC;
font-weight: 600; font-weight: 600;
font-size: 21px; font-size: 18px;
cursor: pointer;
&:hover { &:hover {
cursor: pointer; text-decoration: underline;
text-decoration: underline
} }
} }
.tow-btn {
width: 360px;
display: flex;
justify-content: space-around;
margin-left: -60px;
}
.title-word { .title-word {
mix-blend-mode: normal; color: #303133;
text-align: center;
color: rgba(0, 0, 0, 1);
font-family: PingFang SC;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 18px;
margin-left: 10px; margin-left: 15px;
} }
.after-icon { .after-icon {
width: 4px; width: 4px;
height: 16px; height: 18px;
mix-blend-mode: normal;
border-radius: 2px; border-radius: 2px;
background: rgba(17, 93, 245, 1); background: #409eff;
} }
.top-header { .top-header {
@ -1111,49 +1102,37 @@ i {
} }
.right-header { .right-header {
width: 300px;
position: absolute; position: absolute;
top: 0; top: 50%;
right: 0; right: 30px;
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 {
// mix-blend-mode: normal; color: #606266;
color: rgba(0, 0, 0, 1);
font-family: PingFang SC;
font-size: 14px; font-size: 14px;
padding-right: 10px; padding-right: 10px;
width: 100px; width: 120px;
}
.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: 15px; height: 20px;
//border:1px solid red;
width: 100%; width: 100%;
background-color: #f7f7f7; background-color: #f5f5f5;
} }
.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 {
@ -1161,15 +1140,136 @@ i {
justify-content: flex-start; justify-content: flex-start;
align-items: center; 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 { .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> <div class="backgroundColor">
<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,7 +1,6 @@
<template> <template>
<div > <div >
<div <div style="display: flex;justify-content: flex-start;align-items: center;background: #fff;padding: 15px 20px;border-radius: 8px">
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>
@ -73,7 +72,7 @@
</el-button> </el-button>
</div> </div>
</el-drawer> </el-drawer>
<div class="productList"> <div class="productList mt10">
<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>
@ -405,9 +404,11 @@ 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 - 130px); height: calc(100vh - 160px);
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