Merge branch 'master' of http://192.168.31.244:3000/byx/oilSystem
This commit is contained in:
DESKTOP-369JRHT\12997
commit
7e0b52f144
BIN
fuintAdmin/src/assets/new/banner1.png
Normal file
BIN
fuintAdmin/src/assets/new/banner1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
fuintAdmin/src/assets/new/ri.png
Normal file
BIN
fuintAdmin/src/assets/new/ri.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 690 B |
BIN
fuintAdmin/src/assets/new/t-fangda.png
Normal file
BIN
fuintAdmin/src/assets/new/t-fangda.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 581 B |
BIN
fuintAdmin/src/assets/new/t-sjdp.png
Normal file
BIN
fuintAdmin/src/assets/new/t-sjdp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 422 B |
BIN
fuintAdmin/src/assets/new/t-sousuo.png
Normal file
BIN
fuintAdmin/src/assets/new/t-sousuo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 577 B |
BIN
fuintAdmin/src/assets/new/t-syt.png
Normal file
BIN
fuintAdmin/src/assets/new/t-syt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 370 B |
BIN
fuintAdmin/src/assets/new/yue.png
Normal file
BIN
fuintAdmin/src/assets/new/yue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 738 B |
BIN
fuintAdmin/src/assets/new/zhou.png
Normal file
BIN
fuintAdmin/src/assets/new/zhou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 832 B |
@ -24,8 +24,8 @@
|
||||
left: 0;
|
||||
z-index: 1001;
|
||||
overflow: hidden;
|
||||
-webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
|
||||
box-shadow: 2px 0 6px rgba(0,21,41,.35);
|
||||
-webkit-box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
|
||||
box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
|
||||
margin-bottom: 100px;
|
||||
// reset element-ui css
|
||||
.horizontal-collapse-transition {
|
||||
|
||||
@ -9,14 +9,14 @@ $yellow:#FEC171;
|
||||
$panGreen: #30B08F;
|
||||
|
||||
// 默认菜单主题风格
|
||||
$base-menu-color:#5393ff;// 菜单全部字体颜色
|
||||
$base-menu-color-active:#5393ff;// 父级菜单激活的字体颜色
|
||||
$base-menu-color:#CCC;// 菜单全部字体颜色
|
||||
$base-menu-color-active:#FF9655;// 父级菜单激活的字体颜色
|
||||
$base-menu-background:#fff;
|
||||
$base-logo-title-color: #5393ff;
|
||||
$base-logo-title-color: #FF9655;
|
||||
|
||||
$base-menu-light-color:#ffffff;
|
||||
$base-menu-light-background:#ffffff;
|
||||
$base-logo-light-title-color: #5393ff;
|
||||
$base-logo-light-title-color: #FF9655;
|
||||
|
||||
$base-sub-menu-background: #f8f8f8;//展开的背景色
|
||||
$base-sub-menu-hover: #adadad;
|
||||
|
||||
@ -2,11 +2,11 @@
|
||||
<el-menu
|
||||
:default-active="activeMenu"
|
||||
mode="horizontal"
|
||||
menu-trigger="click"
|
||||
:menu-trigger="trigger"
|
||||
@select="handleSelect"
|
||||
>
|
||||
<template v-for="(item, index) in topMenus">
|
||||
<el-menu-item menu-trigger="click" :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
|
||||
<el-menu-item :menu-trigger="trigger" :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
|
||||
><svg-icon :icon-class="item.meta.icon" />
|
||||
{{ item.meta.title }}</el-menu-item
|
||||
>
|
||||
@ -36,6 +36,7 @@ const hideList = ['/index', '/index'];
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
trigger:'click',
|
||||
// 顶部栏初始数
|
||||
visibleNumber: 5,
|
||||
// 当前激活菜单的 index
|
||||
|
||||
@ -43,7 +43,8 @@ export default {
|
||||
}
|
||||
|
||||
.fixed-header+.app-main {
|
||||
padding-top: 130px;
|
||||
//padding-top: 130px;
|
||||
padding-top: 60px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -4,46 +4,90 @@
|
||||
<!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>-->
|
||||
|
||||
<top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
|
||||
|
||||
<div class="right-menu">
|
||||
<template v-if="device!=='mobile'">
|
||||
<span v-if="day>=0 && day<11" class="right-menu-item hover-effect" style="color: #ff1f1f; margin-right: 10px">油站有效期还剩{{day}}天</span>
|
||||
|
||||
<search id="header-search" class="right-menu-item" />
|
||||
<ScreenData class="right-menu-item hover-effect" style="font-size: 24px"></ScreenData>
|
||||
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
||||
|
||||
<div title="收银台" class="right-menu-item hover-effect " style="font-size: 24px">
|
||||
<i class="el-icon-s-shop" @click="goToCashier()"></i>
|
||||
</div>
|
||||
<FuintDoc id="fuint-doc" class="right-menu-item hover-effect" />
|
||||
<!-- <i class="right-menu-item hover-effect el-icon-s-shop" @click="goToCashier()"></i>-->
|
||||
</template>
|
||||
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
||||
<div class="avatar-wrapper">
|
||||
<img :src="avatar" class="user-avatar">
|
||||
<span class="user-name">{{ name }}</span>
|
||||
<i class="el-icon-caret-bottom"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item @click.native="setting = true">
|
||||
<span>布局设置</span>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item divided @click.native="logout">
|
||||
<span>退出登录</span>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="title-logo">
|
||||
<div >
|
||||
|
||||
</div>
|
||||
<div>
|
||||
{{storeName || "百业兴智慧油站"}}欢迎您
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="right-box">
|
||||
<div class="d-s">
|
||||
<div class="icon-img">
|
||||
<img src="../../../src/assets/new/t-sousuo.png" alt="">
|
||||
</div>
|
||||
搜索
|
||||
</div>
|
||||
<div class="d-s">
|
||||
<div class="icon-img">
|
||||
<img src="../../../src/assets/new/t-fangda.png" alt="">
|
||||
</div>
|
||||
放大
|
||||
</div>
|
||||
<div class="d-s">
|
||||
<div class="icon-img">
|
||||
<img src="../../../src/assets/new/t-sjdp.png" alt="">
|
||||
</div>
|
||||
收银台
|
||||
</div>
|
||||
<div class="d-s">
|
||||
<div class="icon-img">
|
||||
<img src="../../../src/assets/new/t-syt.png" alt="">
|
||||
</div>
|
||||
数据大屏
|
||||
</div>
|
||||
|
||||
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
||||
<div class="avatar-wrapper">
|
||||
<img :src="avatar" class="user-avatar">
|
||||
<span class="j-kuang">
|
||||
系统管理员
|
||||
</span>
|
||||
<span class="user-name">{{ name }}</span>
|
||||
<i class="el-icon-caret-bottom"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item @click.native="setting = true">
|
||||
<span>布局设置</span>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item divided @click.native="logout">
|
||||
<span>退出登录</span>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="right-menu">-->
|
||||
<!-- <template v-if="device!=='mobile'">-->
|
||||
<!-- <span v-if="day>=0 && day<11" class="right-menu-item hover-effect" style="color: #ff1f1f; margin-right: 10px">油站有效期还剩{{day}}天</span>-->
|
||||
<!-- <search id="header-search" class="right-menu-item" />-->
|
||||
<!-- <ScreenData class="right-menu-item hover-effect" style="font-size: 24px"></ScreenData>-->
|
||||
<!-- <screenfull id="screenfull" class="right-menu-item hover-effect" />-->
|
||||
|
||||
<!-- <div title="收银台" class="right-menu-item hover-effect " style="font-size: 24px">-->
|
||||
<!-- <i class="el-icon-s-shop" @click="goToCashier()"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- <FuintDoc id="fuint-doc" class="right-menu-item hover-effect" />-->
|
||||
<!--<!– <i class="right-menu-item hover-effect el-icon-s-shop" @click="goToCashier()"></i>–>-->
|
||||
<!-- </template>-->
|
||||
<!-- <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">-->
|
||||
<!-- <div class="avatar-wrapper">-->
|
||||
<!-- <img :src="avatar" class="user-avatar">-->
|
||||
<!-- <span class="user-name">{{ name }}</span>-->
|
||||
<!-- <i class="el-icon-caret-bottom"/>-->
|
||||
<!-- </div>-->
|
||||
<!-- <el-dropdown-menu slot="dropdown">-->
|
||||
<!-- <el-dropdown-item @click.native="setting = true">-->
|
||||
<!-- <span>布局设置</span>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item divided @click.native="logout">-->
|
||||
<!-- <span>退出登录</span>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!-- </el-dropdown-menu>-->
|
||||
<!-- </el-dropdown>-->
|
||||
<!-- </div>-->
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -142,19 +186,62 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.right-box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.d-s{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icon-img{
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 5px;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.avatar-wrapper{
|
||||
img{
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
||||
}
|
||||
.j-kuang{
|
||||
box-sizing: border-box;
|
||||
padding: 2px 2px;
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
color: #FF9655;
|
||||
border: 1px solid #FF9655;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.navbar {
|
||||
height: 90px;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #5393ff;
|
||||
//background-image: url("../../assets/images/kkx.png") ;
|
||||
background-size: 100% 100%;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
|
||||
box-sizing: border-box;
|
||||
padding-top:25px ;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
.hamburger-container {
|
||||
line-height: 46px;
|
||||
@ -169,11 +256,11 @@ export default {
|
||||
}
|
||||
}
|
||||
.title-logo{
|
||||
position: absolute;
|
||||
top: 50%; /* 将元素垂直向上移动容器高度的50% */
|
||||
left: 50%; /* 将元素水平向左移动容器宽度的50% */
|
||||
transform: translate(-50%, -50%); /* 通过移动元素的左上角使其居中 */
|
||||
color: #ffffff;
|
||||
//position: absolute;
|
||||
//top: 50%; /* 将元素垂直向上移动容器高度的50% */
|
||||
//left: 50%; /* 将元素水平向左移动容器宽度的50% */
|
||||
//transform: translate(-50%, -50%); /* 通过移动元素的左上角使其居中 */
|
||||
color: #333;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
@ -195,7 +282,7 @@ export default {
|
||||
}
|
||||
|
||||
.right-menu {
|
||||
float: right;
|
||||
|
||||
height: 100%;
|
||||
line-height: 50px;
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<transition name="sidebarLogoFade">
|
||||
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
|
||||
<!-- <img :src="logo" class="sidebar-logo" />-->
|
||||
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
|
||||
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
|
||||
<!-- <h1 v-else class="sidebar-title" style="color: #00ff80" >{{ title }} </h1>-->
|
||||
</router-link>
|
||||
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
||||
@ -80,7 +80,7 @@ export default {
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
line-height: 50px;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -1,13 +1,12 @@
|
||||
<template>
|
||||
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
|
||||
<logo v-if="showLogo" :collapse="isCollapse" />
|
||||
<div class="store-info" v-if="storeName">
|
||||
<div class="name">{{ storeName }}</div>
|
||||
<div class="role" v-if="role">（{{ role }}）</div>
|
||||
</div>
|
||||
<!-- <div class="store-info" v-if="storeName">-->
|
||||
<!-- <div class="name">{{ storeName }}</div>-->
|
||||
<!-- <div class="role" v-if="role">（{{ role }}）</div>-->
|
||||
<!-- </div>-->
|
||||
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
|
||||
<el-menu
|
||||
|
||||
:default-active="activeMenu"
|
||||
:collapse="isCollapse"
|
||||
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
|
||||
@ -15,7 +14,6 @@
|
||||
:unique-opened="true"
|
||||
:active-text-color="settings.theme"
|
||||
:collapse-transition="false"
|
||||
mode="horizontal "
|
||||
style="margin-bottom: 80px;"
|
||||
>
|
||||
<sidebar-item
|
||||
@ -84,7 +82,7 @@ export default {
|
||||
|
||||
padding-top: 2px;
|
||||
text-align: center;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
overflow: hidden;
|
||||
border: 1px #ffffff solid;
|
||||
border-radius: 2px;
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
|
||||
<div v-if="!sidebar.hide" :class="{'fixed-header':fixedHeader}">
|
||||
<navbar />
|
||||
<tags-view v-if="needTagsView" />
|
||||
<!-- <tags-view v-if="needTagsView" />-->
|
||||
</div>
|
||||
<app-main />
|
||||
<right-panel>
|
||||
|
||||
@ -5,7 +5,7 @@ const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dyn
|
||||
const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
|
||||
const state = {
|
||||
title: '',
|
||||
theme: '#409EFF',
|
||||
theme: '#FF9655',
|
||||
sideTheme: storageSetting.sideTheme || sideTheme,
|
||||
showSettings: showSettings,
|
||||
topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
|
||||
|
||||
@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="banner-box">
|
||||
<img src="./../assets/new/banner1.png" alt="">
|
||||
</div>
|
||||
<topindex></topindex>
|
||||
<centenrindex></centenrindex>
|
||||
<bottomindex></bottomindex>
|
||||
@ -20,7 +23,6 @@ export default {
|
||||
topindex,
|
||||
bottomindex,
|
||||
bottom_z
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -88,6 +90,17 @@ export default {
|
||||
.app-container{
|
||||
height: 100%;
|
||||
}
|
||||
.banner-box{
|
||||
width: 100%;
|
||||
height: 190px;
|
||||
border-radius: 14px;
|
||||
background: #fda87c;
|
||||
margin-bottom: 15px;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.top-box{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<!-- <span>15天交易金额总计：</span><span class="title-lan">79701</span> <span>元</span> -->
|
||||
</div>
|
||||
<div >
|
||||
<el-radio-group v-model="radio" @change="getSalesByOilProduct()" size="mini">
|
||||
<el-radio-group v-model="radio" @change="getSalesByOilProduct()" fill="#FF9655" size="mini">
|
||||
<el-radio-button label="week">周
|
||||
</el-radio-button>
|
||||
<el-radio-button label="month">月</el-radio-button>
|
||||
@ -86,7 +86,16 @@ export default {
|
||||
},
|
||||
xAxis: { type: 'category' },
|
||||
yAxis: {},
|
||||
series: this.rowData
|
||||
series:[{
|
||||
data:this.rowData,
|
||||
type: 'bar',
|
||||
itemStyle: {
|
||||
borderRadius: [10, 10, 0, 0] // 设置第一项和第二项的圆角为10，第三项和第四项的圆角为0
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
chart.setOption(option)
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div class="hui"><span class="title-hei">油站商品交易笔数</span> </div>
|
||||
|
||||
<div >
|
||||
<el-radio-group @change="getMerchandiseSales()" v-model="goodsRadio" size="mini">
|
||||
<el-radio-group @change="getMerchandiseSales()" v-model="goodsRadio" fill="#FF9655" size="mini">
|
||||
<el-radio-button label="7天"></el-radio-button>
|
||||
<el-radio-button label="15天"></el-radio-button>
|
||||
<el-radio-button label="30天"></el-radio-button>
|
||||
@ -23,7 +23,7 @@
|
||||
<div class="but-box">
|
||||
<div class="hui"><span class="title-hei">油站储值卡交易笔数</span> </div>
|
||||
<div >
|
||||
<el-radio-group @change="getPrepaidCardSales()" v-model="cardRadio" size="mini">
|
||||
<el-radio-group @change="getPrepaidCardSales()" v-model="cardRadio" fill="#FF9655" size="mini">
|
||||
<el-radio-button label="7天"></el-radio-button>
|
||||
<el-radio-button label="15天"></el-radio-button>
|
||||
<el-radio-button label="30天"></el-radio-button>
|
||||
@ -199,6 +199,7 @@ export default {
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
// data: ['2023.1.1', '2023.2.1', '2023.3.1', '2023.4.1', '2023.5.1', '2023.6.1', '2023.7.1']
|
||||
data: this.goodsTimeDate
|
||||
},
|
||||
@ -208,18 +209,25 @@ export default {
|
||||
series: [
|
||||
{
|
||||
data: this.goodsDate,
|
||||
type: 'line'
|
||||
type: 'line',
|
||||
lineStyle: {
|
||||
width: 4
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: '#fff'
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: '#E7F1F8'
|
||||
}
|
||||
])
|
||||
},
|
||||
},
|
||||
// {
|
||||
// data: [210, 230, 264, 318, 235, 247, 360],
|
||||
|
||||
|
||||
// type: 'line'
|
||||
// },
|
||||
// {
|
||||
// data: [120, 220, 214, 118, 235, 227, 110],
|
||||
// type: 'line'
|
||||
// }
|
||||
]
|
||||
};
|
||||
|
||||
@ -236,6 +244,7 @@ export default {
|
||||
],
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: this.cardTimeDate
|
||||
},
|
||||
yAxis: {
|
||||
@ -244,11 +253,43 @@ export default {
|
||||
series: [
|
||||
{
|
||||
data: this.cardDate,
|
||||
type: 'line'
|
||||
type: 'line',
|
||||
lineStyle: {
|
||||
width: 4
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: '#fff'
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: '#409EFF'
|
||||
}
|
||||
])
|
||||
},
|
||||
},
|
||||
{
|
||||
data: this.fuelDate,
|
||||
type: 'line'
|
||||
type: 'line',
|
||||
lineStyle: {
|
||||
width: 4
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: '#fff'
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: '#86E1BB'
|
||||
}
|
||||
])
|
||||
},
|
||||
},
|
||||
// {
|
||||
// data: [120, 220, 214, 118, 235, 227, 110],
|
||||
@ -306,7 +347,7 @@ export default {
|
||||
.title-lan{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #4F6EE3;
|
||||
color: #FF9655;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -6,11 +6,10 @@
|
||||
<div class="hui"><span class="title-hei">油品销售额</span> </div>
|
||||
|
||||
<div >
|
||||
<el-radio-group @change="getOilSales()" v-model="radio" size="mini">
|
||||
<el-radio-group @change="getOilSales()" v-model="radio" fill="#FF9655" size="mini">
|
||||
<el-radio-button label="7天"></el-radio-button>
|
||||
<el-radio-button label="15天"></el-radio-button>
|
||||
<el-radio-button label="30天"></el-radio-button>
|
||||
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
@ -32,7 +31,7 @@
|
||||
<div class="xse">总销售额(元)</div>
|
||||
</div>
|
||||
<template v-loading="employeLoading" >
|
||||
<div class="four-boxx" v-for="(item,index) in employeList" :key="index" >
|
||||
<div class="four-boxx" :class="{'four-act':index%2!=0}" v-for="(item,index) in employeList" :key="index" >
|
||||
<div class="pm">{{index+1}}</div>
|
||||
<div class="dis">
|
||||
<div class="touxiang">
|
||||
@ -163,7 +162,7 @@ export default {
|
||||
|
||||
const option = {
|
||||
color: [
|
||||
'#77A8F9',
|
||||
'#ff9655',
|
||||
'#86E1BB',
|
||||
'#8195F5',
|
||||
],
|
||||
@ -175,6 +174,7 @@ export default {
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
// data: ['2023.1.1', '2023.2.1', '2023.3.1', '2023.4.1', '2023.5.1', '2023.6.1', '2023.7.1']
|
||||
data: this.timeDate
|
||||
},
|
||||
@ -184,18 +184,27 @@ export default {
|
||||
series: [
|
||||
{
|
||||
data: this.oilDate,
|
||||
type: 'line'
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 4
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: '#fff'
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: '#F8F1E7'
|
||||
}
|
||||
])
|
||||
},
|
||||
|
||||
},
|
||||
// {
|
||||
// data: [210, 230, 264, 318, 235, 247, 160],
|
||||
|
||||
|
||||
// type: 'line'
|
||||
// },
|
||||
// {
|
||||
// data: [120, 220, 214, 118, 235, 227, 110],
|
||||
// type: 'line'
|
||||
// }
|
||||
]
|
||||
};
|
||||
|
||||
@ -250,7 +259,7 @@ export default {
|
||||
.title-lan{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #4F6EE3;
|
||||
color: #FF9655;
|
||||
}
|
||||
.four-box{
|
||||
display: flex;
|
||||
@ -258,7 +267,11 @@ export default {
|
||||
justify-content: space-between;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
background: #F4F5F9;
|
||||
margin: 10px 0px;
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
color: #555555;
|
||||
}
|
||||
.four-boxx{
|
||||
margin: 10px auto;
|
||||
@ -269,6 +282,9 @@ export default {
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.four-act{
|
||||
background: #fffaf6 !important;
|
||||
}
|
||||
.touxiang{
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
@ -301,6 +317,6 @@ export default {
|
||||
}
|
||||
.xse{
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,18 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="cont-bl">
|
||||
<div class="top-box" v-loading="loading">
|
||||
<div class="top-sl" >
|
||||
<div class="top-sl" style="background: #E5F8FF;" >
|
||||
<div class="right-img">
|
||||
<img src="./../../assets/new/ri.png" style="width: 28px;height: 28px " alt="">
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<span style="margin-right: 5px">本日流水总额</span>
|
||||
<!-- <el-popover
|
||||
placement="top-start"
|
||||
title="标题"
|
||||
width="200"
|
||||
trigger="hover"
|
||||
content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
|
||||
|
||||
<i class="el-icon-warning-outline" slot="reference" ></i>
|
||||
</el-popover> -->
|
||||
</div>
|
||||
<div class="box-size">
|
||||
{{ this.statisticsData.today_sum ? this.statisticsData.today_sum : 0 }}
|
||||
@ -20,23 +15,26 @@
|
||||
<div class="box-but">
|
||||
|
||||
<div class="icon-lv2" v-if="this.statisticsData.today_sum_chain<=0">
|
||||
<i v-if="this.statisticsData.today_sum_chain==0" class="el-icon-minus"></i>
|
||||
<i v-else class="el-icon-bottom"></i>
|
||||
|
||||
<i class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.today_sum_chain }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="icon-lv" v-else>
|
||||
<div class="icon-lv" v-else >
|
||||
<i class="el-icon-top"></i>
|
||||
<span>{{ this.statisticsData.today_sum_chain }}</span>
|
||||
</div>
|
||||
|
||||
<div>环比</div>
|
||||
<div> <i class="el-icon-arrow-right"></i> </div>
|
||||
<!-- <div>环比</div>-->
|
||||
<!-- <div> <i class="el-icon-arrow-right"></i> </div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top-sl" >
|
||||
<div class="top-sl" style="background: #FFF4E5;" >
|
||||
<div class="right-img">
|
||||
<img src="./../../assets/new/zhou.png" style="width: 28px;height: 28px " alt="">
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<span style="margin-right: 5px">本周流水总额</span>
|
||||
</div>
|
||||
@ -44,28 +42,22 @@
|
||||
{{ this.statisticsData.this_week_sum?this.statisticsData.this_week_sum:0 }}
|
||||
</div>
|
||||
<div class="box-but">
|
||||
|
||||
|
||||
<div class="icon-lv2" v-if="this.statisticsData.week_sum_chain<=0">
|
||||
<i v-if="this.statisticsData.week_sum_chain==0" class="el-icon-minus"></i>
|
||||
<i v-else class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.week_sum_chain?this.statisticsData.week_sum_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="icon-lv" v-else>
|
||||
<i class="el-icon-top"></i>
|
||||
<span>{{ this.statisticsData.week_sum_chain?this.statisticsData.week_sum_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div>环比</div>
|
||||
<div> <i class="el-icon-arrow-right"></i> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top-sl" >
|
||||
<div class="top-sl" style="background: #E6E5FF;" >
|
||||
<div class="right-img">
|
||||
<img src="./../../assets/new/yue.png" style="width: 28px;height: 28px " alt="">
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<span style="margin-right: 5px">本月流水总额</span>
|
||||
</div>
|
||||
@ -73,30 +65,21 @@
|
||||
{{this.statisticsData.this_month_sum?this.statisticsData.this_month_sum:0}}
|
||||
</div>
|
||||
<div class="box-but">
|
||||
|
||||
|
||||
<div class="icon-lv2" v-if="this.statisticsData.month_sum_chain<=0">
|
||||
<i v-if="this.statisticsData.month_sum_chain==0" class="el-icon-minus"></i>
|
||||
<i v-else class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.month_sum_chain?this.statisticsData.month_sum_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="icon-lv" v-else>
|
||||
<i class="el-icon-top"></i>
|
||||
<span>{{ this.statisticsData.month_sum_chain?this.statisticsData.month_sum_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div>环比</div>
|
||||
<div> <i class="el-icon-arrow-right"></i> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top-sl" >
|
||||
<div class="top-sl" style="background: #E5F8FF;" >
|
||||
<div class="right-img">
|
||||
<img src="./../../assets/new/ri.png" style="width: 28px;height: 28px " alt="">
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<span style="margin-right: 5px">本日流水笔数</span>
|
||||
</div>
|
||||
@ -104,26 +87,22 @@
|
||||
{{ this.statisticsData.today_count }}
|
||||
</div>
|
||||
<div class="box-but">
|
||||
|
||||
<div class="icon-lv2" v-if="this.statisticsData.today_count_chain<=0">
|
||||
<i v-if="this.statisticsData.today_count_chain==0" class="el-icon-minus"></i>
|
||||
<i v-else class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.today_count_chain?this.statisticsData.today_count_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="icon-lv" v-else>
|
||||
<i class="el-icon-top"></i>
|
||||
<span>{{ this.statisticsData.today_count_chain?this.statisticsData.today_count_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div>环比</div>
|
||||
<div> <i class="el-icon-arrow-right"></i> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top-sl" >
|
||||
<div class="top-sl" style="background: #FFF4E5;" >
|
||||
<div class="right-img">
|
||||
<img src="./../../assets/new/zhou.png" style="width: 28px;height: 28px " alt="">
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<span style="margin-right: 5px">本周流水笔数</span>
|
||||
</div>
|
||||
@ -131,31 +110,22 @@
|
||||
{{ this.statisticsData.this_week_count }}
|
||||
</div>
|
||||
<div class="box-but">
|
||||
<!-- <div class="icon-lv">
|
||||
<i class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.week_count_chain }}%</span>
|
||||
</div> -->
|
||||
|
||||
|
||||
<div class="icon-lv2" v-if="this.statisticsData.week_count_chain<=0">
|
||||
<i v-if="this.statisticsData.week_count_chain==0" class="el-icon-minus"></i>
|
||||
<i v-else class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.week_count_chain?this.statisticsData.week_count_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="icon-lv" v-else>
|
||||
<i class="el-icon-top"></i>
|
||||
<span>{{ this.statisticsData.week_count_chain?this.statisticsData.week_count_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div>环比</div>
|
||||
<div> <i class="el-icon-arrow-right"></i> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top-sl" >
|
||||
<div class="top-sl" style="background: #E6E5FF;" >
|
||||
<div class="right-img">
|
||||
<img src="./../../assets/new/yue.png" style="width: 28px;height: 28px " alt="">
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<span style="margin-right: 5px">本月流水笔数</span>
|
||||
</div>
|
||||
@ -163,27 +133,15 @@
|
||||
{{ this.statisticsData.this_month_count }}
|
||||
</div>
|
||||
<div class="box-but">
|
||||
<!-- <div class="icon-lv">
|
||||
<i class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.month_count_chain }}%</span>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
<div class="icon-lv2" v-if="this.statisticsData.month_count_chain<=0">
|
||||
<i v-if="this.statisticsData.month_count_chain==0" class="el-icon-minus"></i>
|
||||
<i v-else class="el-icon-bottom"></i>
|
||||
<span>{{ this.statisticsData.month_count_chain?this.statisticsData.month_count_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="icon-lv" v-else>
|
||||
<i class="el-icon-top"></i>
|
||||
<span>{{ this.statisticsData.month_count_chain?this.statisticsData.month_count_chain:0 }}</span>
|
||||
</div>
|
||||
|
||||
<div>环比</div>
|
||||
<div> <i class="el-icon-arrow-right"></i> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -251,6 +209,13 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cont-bl{
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
}
|
||||
.top-box{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -264,8 +229,19 @@ export default {
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.right-img{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
img{
|
||||
width: 18px !important;
|
||||
height: 18px !important;
|
||||
}
|
||||
}
|
||||
.box-title{
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
@ -273,7 +249,7 @@ export default {
|
||||
}
|
||||
.box-size{
|
||||
font-size: 28px;
|
||||
font-weight: 400;
|
||||
font-weight: 600;
|
||||
color: rgba(0,0,0,0.9);
|
||||
margin-top: 5px;
|
||||
margin-bottom: 15px;
|
||||
@ -292,13 +268,13 @@ export default {
|
||||
height: 24px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
background: #E3F9E9;
|
||||
background: #fff;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
color: #2BA471;
|
||||
color: #00CF4C;
|
||||
}
|
||||
|
||||
.icon-lv2{
|
||||
@ -307,12 +283,12 @@ export default {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
height: 24px;
|
||||
background: #f9e3e3;
|
||||
background: #fff;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
color: #a42b3b;
|
||||
color: #FF4141;
|
||||
}
|
||||
</style>
|
||||
|
||||
43
fuintAdmin/src/views/lianxi.vue
Normal file
43
fuintAdmin/src/views/lianxi.vue
Normal file
@ -0,0 +1,43 @@
|
||||
<script>
|
||||
import Vue from 'vue';
|
||||
import Component from 'vue-class-component';
|
||||
|
||||
@Component({})
|
||||
export default class lianxi extends Vue {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="con">
|
||||
<div class="container">
|
||||
<div class="input-box">
|
||||
<div class="left-box">
|
||||
<input type="text" placeholder="请输入您想搜索的关键字">
|
||||
</div>
|
||||
<div class="right-box">
|
||||
搜索
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-bsd">
|
||||
<div class="d-s r-size">
|
||||
<div>默认排序</div>
|
||||
<div> ↓ </div>
|
||||
</div>
|
||||
<div class="d-s h-size">
|
||||
<div>搜索全文</div>
|
||||
<div> > </div>
|
||||
</div>
|
||||
<div class="d-s h-size">
|
||||
<div>时间不限</div>
|
||||
<div> > </div>
|
||||
</div>
|
||||
<div class="h-size ">共找到162条搜索结果</div>
|
||||
</div>
|
||||
<!-- 循环区域-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
@ -9,14 +9,14 @@ $yellow:#FEC171;
|
||||
$panGreen: #30B08F;
|
||||
|
||||
// 默认菜单主题风格
|
||||
$base-menu-color:#5393ff;// 菜单全部字体颜色
|
||||
$base-menu-color-active:#5393ff;// 父级菜单激活的字体颜色
|
||||
$base-menu-color:#FF9655;// 菜单全部字体颜色
|
||||
$base-menu-color-active:#FF9655;// 父级菜单激活的字体颜色
|
||||
$base-menu-background:#fff;
|
||||
$base-logo-title-color: #5393ff;
|
||||
$base-logo-title-color: #FF9655;
|
||||
|
||||
$base-menu-light-color:#ffffff;
|
||||
$base-menu-light-background:#ffffff;
|
||||
$base-logo-light-title-color: #5393ff;
|
||||
$base-logo-light-title-color: #FF9655;
|
||||
|
||||
$base-sub-menu-background: #f8f8f8;//展开的背景色
|
||||
$base-sub-menu-hover: #adadad;
|
||||
|
||||
@ -105,7 +105,7 @@ export default {
|
||||
height: 90px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
//background-image: url("../../assets/images/kkx.png") ;
|
||||
background-size: 100% 100%;
|
||||
background-size: cover;
|
||||
|
||||
@ -5,7 +5,7 @@ const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dyn
|
||||
const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
|
||||
const state = {
|
||||
title: '',
|
||||
theme: '#5393ff',
|
||||
theme: '#FF9655',
|
||||
sideTheme: storageSetting.sideTheme || sideTheme,
|
||||
showSettings: showSettings,
|
||||
topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1650167616666" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4032" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css">@font-face { font-family: "feedback-iconfont"; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M512 74.472727L135.028364 325.818182 512 577.163636 888.971636 325.818182 512 74.472727z m12.893091-47.290182l418.909091 279.272728a23.272727 23.272727 0 0 1 0 38.725818l-418.909091 279.272727a23.272727 23.272727 0 0 1-25.786182 0l-418.909091-279.272727a23.272727 23.272727 0 0 1 0-38.725818l418.909091-279.272728a23.272727 23.272727 0 0 1 25.786182 0zM512 763.298909l406.016-270.661818a23.272727 23.272727 0 1 1 25.786182 38.725818l-418.909091 279.272727a23.272727 23.272727 0 0 1-25.786182 0l-418.909091-279.272727a23.272727 23.272727 0 1 1 25.786182-38.725818L512 763.298909z m406.016-84.48a23.272727 23.272727 0 1 1 25.786182 38.725818l-418.909091 279.272728a23.272727 23.272727 0 0 1-25.786182 0l-418.909091-279.272728a23.272727 23.272727 0 1 1 25.786182-38.725818L512 949.480727l406.016-270.661818z" fill="#5393ff" p-id="4033"></path></svg>
|
||||
</style></defs><path d="M512 74.472727L135.028364 325.818182 512 577.163636 888.971636 325.818182 512 74.472727z m12.893091-47.290182l418.909091 279.272728a23.272727 23.272727 0 0 1 0 38.725818l-418.909091 279.272727a23.272727 23.272727 0 0 1-25.786182 0l-418.909091-279.272727a23.272727 23.272727 0 0 1 0-38.725818l418.909091-279.272728a23.272727 23.272727 0 0 1 25.786182 0zM512 763.298909l406.016-270.661818a23.272727 23.272727 0 1 1 25.786182 38.725818l-418.909091 279.272727a23.272727 23.272727 0 0 1-25.786182 0l-418.909091-279.272727a23.272727 23.272727 0 1 1 25.786182-38.725818L512 763.298909z m406.016-84.48a23.272727 23.272727 0 1 1 25.786182 38.725818l-418.909091 279.272728a23.272727 23.272727 0 0 1-25.786182 0l-418.909091-279.272728a23.272727 23.272727 0 1 1 25.786182-38.725818L512 949.480727l406.016-270.661818z" fill="#FF9655" p-id="4033"></path></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@ -1 +1 @@
|
||||
<svg t="1678764587175" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3906" data-spm-anchor-id="a313x.7781069.0.i0" width="128" height="128"><path d="M930.51904 682.752c-1.2288 13.75232-20.17792 10.24-29.66528 10.24H172.77952c-12.0064 0-76.8256 9.05728-76.8256-11.70944v-141.02528-423.35744c0-9.79456-1.76128-22.95808 12.29312-22.95808h809.97888c22.67648 0 12.29312 77.75232 12.29312 91.264V682.752c0 33.01376 51.2 33.01376 51.2 0V317.69088 126.32576c0-19.13344 0.23552-34.98496-8.38656-53.15072-11.27424-23.75168-38.48192-30.42816-62.27456-30.42816H129.17248c-9.8304 0-19.63008-0.30208-29.42464 0.57856-35.75296 3.19488-54.99392 34.6624-54.99392 67.80928v566.92224c0 34.95424 24.52992 66.13504 61.48096 66.13504h812.98944c35.98848 0 59.44832-27.4432 62.49472-61.44 2.944-32.896-48.27648-32.6144-51.2 0z" fill="#5393ff" p-id="3907"></path><path d="M487.63904 740.7616v213.3504c0 33.01376 51.2 33.01376 51.2 0v-213.3504c-0.00512-33.01888-51.2-33.01888-51.2 0z" fill="#5393ff" p-id="3908"></path><path d="M92.57984 979.712H950.62016c33.01376 0 33.01376-51.2 0-51.2H92.57984c-33.01888 0-33.01888 51.2 0 51.2zM372.74112 236.54912l125.65504 125.65504c23.36256 23.36256 59.5712-12.83584 36.1984-36.20352L408.94464 200.3456c-23.36256-23.36768-59.56608 12.83584-36.20352 36.20352z" fill="#5393ff" p-id="3909"></path><path d="M614.17984 200.3456L488.59648 326.00064c-23.35744 23.3728 12.84608 59.57632 36.20352 36.20352l125.57824-125.65504c23.36256-23.3728-12.83584-59.57632-36.1984-36.20352z" fill="#5393ff" p-id="3910"></path><path d="M305.88416 369.69984h414.70976c33.01376 0 33.01376-51.2 0-51.2H305.88416c-33.01888 0-33.01888 51.2 0 51.2zM334.91456 498.33984h356.65408c33.01376 0 33.01376-51.2 0-51.2H334.91456c-33.01888 0-33.01888 51.2 0 51.2z" fill="#5393ff" p-id="3911"></path><path d="M538.83392 564.89984V344.09984c0-33.01888-51.2-33.01888-51.2 0v220.8c0.00512 33.01376 51.2 33.01376 51.2 0z" fill="#5393ff" p-id="3912"></path></svg>
|
||||
<svg t="1678764587175" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3906" data-spm-anchor-id="a313x.7781069.0.i0" width="128" height="128"><path d="M930.51904 682.752c-1.2288 13.75232-20.17792 10.24-29.66528 10.24H172.77952c-12.0064 0-76.8256 9.05728-76.8256-11.70944v-141.02528-423.35744c0-9.79456-1.76128-22.95808 12.29312-22.95808h809.97888c22.67648 0 12.29312 77.75232 12.29312 91.264V682.752c0 33.01376 51.2 33.01376 51.2 0V317.69088 126.32576c0-19.13344 0.23552-34.98496-8.38656-53.15072-11.27424-23.75168-38.48192-30.42816-62.27456-30.42816H129.17248c-9.8304 0-19.63008-0.30208-29.42464 0.57856-35.75296 3.19488-54.99392 34.6624-54.99392 67.80928v566.92224c0 34.95424 24.52992 66.13504 61.48096 66.13504h812.98944c35.98848 0 59.44832-27.4432 62.49472-61.44 2.944-32.896-48.27648-32.6144-51.2 0z" fill="#FF9655" p-id="3907"></path><path d="M487.63904 740.7616v213.3504c0 33.01376 51.2 33.01376 51.2 0v-213.3504c-0.00512-33.01888-51.2-33.01888-51.2 0z" fill="#FF9655" p-id="3908"></path><path d="M92.57984 979.712H950.62016c33.01376 0 33.01376-51.2 0-51.2H92.57984c-33.01888 0-33.01888 51.2 0 51.2zM372.74112 236.54912l125.65504 125.65504c23.36256 23.36256 59.5712-12.83584 36.1984-36.20352L408.94464 200.3456c-23.36256-23.36768-59.56608 12.83584-36.20352 36.20352z" fill="#FF9655" p-id="3909"></path><path d="M614.17984 200.3456L488.59648 326.00064c-23.35744 23.3728 12.84608 59.57632 36.20352 36.20352l125.57824-125.65504c23.36256-23.3728-12.83584-59.57632-36.1984-36.20352z" fill="#FF9655" p-id="3910"></path><path d="M305.88416 369.69984h414.70976c33.01376 0 33.01376-51.2 0-51.2H305.88416c-33.01888 0-33.01888 51.2 0 51.2zM334.91456 498.33984h356.65408c33.01376 0 33.01376-51.2 0-51.2H334.91456c-33.01888 0-33.01888 51.2 0 51.2z" fill="#FF9655" p-id="3911"></path><path d="M538.83392 564.89984V344.09984c0-33.01888-51.2-33.01888-51.2 0v220.8c0.00512 33.01376 51.2 33.01376 51.2 0z" fill="#FF9655" p-id="3912"></path></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
@ -93,10 +93,10 @@
|
||||
|
||||
.common-dialog {
|
||||
.el-dialog {
|
||||
border: solid 6px #5393ff;
|
||||
border: solid 6px #FF9655;
|
||||
}
|
||||
.el-dialog__header{
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
padding: 10px;
|
||||
}
|
||||
.el-dialog__headerbtn {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
**/
|
||||
|
||||
/* theme color */
|
||||
$--color-primary: #5393ff;
|
||||
$--color-primary: #FF9655;
|
||||
$--color-success: #13ce66;
|
||||
$--color-warning: #ffba00;
|
||||
$--color-danger: #ff4949;
|
||||
|
||||
@ -163,7 +163,7 @@
|
||||
/** 表格更多操作下拉样式 */
|
||||
.el-table .el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: #5393ff;
|
||||
color: #FF9655;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
@ -246,7 +246,7 @@
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #5393ff;
|
||||
color: #FF9655;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<el-color-picker
|
||||
v-model="theme"
|
||||
:predefine="['#5393ff', '', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d' ]"
|
||||
:predefine="['#FF9655', '', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d' ]"
|
||||
class="theme-picker"
|
||||
popper-class="theme-picker-dropdown"
|
||||
/>
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
<script>
|
||||
const version = require('element-ui/package.json').version // element-ui version from node_modules
|
||||
const ORIGINAL_THEME = '#5393ff' // default color
|
||||
const ORIGINAL_THEME = '#FF9655' // default color
|
||||
|
||||
export default {
|
||||
data() {
|
||||
|
||||
@ -70,7 +70,7 @@ export default {
|
||||
height: 38px;
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
margin: 0px 6px 10px 6px;
|
||||
|
||||
@ -5,7 +5,7 @@ const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dyn
|
||||
const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
|
||||
const state = {
|
||||
title: '',
|
||||
theme: storageSetting.theme || '#5393ff',
|
||||
theme: storageSetting.theme || '#FF9655',
|
||||
sideTheme: storageSetting.sideTheme || sideTheme,
|
||||
showSettings: showSettings,
|
||||
topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
|
||||
|
||||
@ -1511,7 +1511,7 @@ import {getReturnCode, printIntegralReport, sendPrintIndex} from "@/api/print";
|
||||
}
|
||||
.center-left-top{
|
||||
width: 100%;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -1611,8 +1611,8 @@ import {getReturnCode, printIntegralReport, sendPrintIndex} from "@/api/print";
|
||||
margin: 15px 10px ;
|
||||
}
|
||||
.bottom-gd{
|
||||
border: 1px solid #5393ff;
|
||||
background: #5393ff;
|
||||
border: 1px solid #FF9655;
|
||||
background: #FF9655;
|
||||
box-sizing: border-box;
|
||||
padding: 14px 20px;
|
||||
border-radius: 50px;
|
||||
@ -1657,7 +1657,7 @@ import {getReturnCode, printIntegralReport, sendPrintIndex} from "@/api/print";
|
||||
}
|
||||
.bule{
|
||||
font-weight: 700;
|
||||
color: #5393ff !important;
|
||||
color: #FF9655 !important;
|
||||
}
|
||||
.vip-bottom{
|
||||
border: 1px solid #ffffff;
|
||||
@ -1768,9 +1768,9 @@ import {getReturnCode, printIntegralReport, sendPrintIndex} from "@/api/print";
|
||||
border-radius: 50px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 25px;
|
||||
border: 1px solid #5393ff;
|
||||
border: 1px solid #FF9655;
|
||||
font-size: 20px;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
color: white;
|
||||
margin: 8px 10px;
|
||||
cursor: pointer;
|
||||
|
||||
@ -4774,7 +4774,7 @@
|
||||
}
|
||||
.center-left-top{
|
||||
width: 100%;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -4881,8 +4881,8 @@
|
||||
margin: 15px 10px ;
|
||||
}
|
||||
.bottom-gd{
|
||||
border: 1px solid #5393ff;
|
||||
background: #5393ff;
|
||||
border: 1px solid #FF9655;
|
||||
background: #FF9655;
|
||||
box-sizing: border-box;
|
||||
padding: 14px 20px;
|
||||
border-radius: 50px;
|
||||
@ -4940,7 +4940,7 @@
|
||||
}
|
||||
.bule{
|
||||
font-weight: 700;
|
||||
color: #5393ff !important;
|
||||
color: #FF9655 !important;
|
||||
}
|
||||
.vip-bottom{
|
||||
border: 1px solid #ffffff;
|
||||
|
||||
@ -212,7 +212,7 @@ export default {
|
||||
}
|
||||
|
||||
.input-item >>> .el-input__inner {
|
||||
border: #5393ff solid 2px;
|
||||
border: #FF9655 solid 2px;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
@ -231,7 +231,7 @@ export default {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.confirm-button {
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
line-height: 50px;
|
||||
padding: 0px 25px 0px 25px;
|
||||
height: 50px;
|
||||
|
||||
@ -137,7 +137,7 @@ export default {
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
background: #e6f7f7;
|
||||
border: #5393ff solid 1px;
|
||||
border: #FF9655 solid 1px;
|
||||
.sn {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
|
||||
@ -130,7 +130,7 @@
|
||||
v-model="scope.row.status"
|
||||
active-value="A"
|
||||
inactive-value="N"
|
||||
active-color="#5393ff"
|
||||
active-color="#FF9655"
|
||||
@change="handleStatusChange(scope.row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="name">现金支付</div>
|
||||
</div>
|
||||
<div :class="'pay-item' + (payType == 'BALANCE' ? ' active' : '')" @click="selectPayType('BALANCE')">
|
||||
<svg t="1656295559018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6471" width="32" height="32"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m286.4896 668.16a78.2336 78.2336 0 0 1-78.208 78.208H303.1808A78.2336 78.2336 0 0 1 224.9728 668.16V355.3536a78.1312 78.1312 0 0 1 78.1568-78.2336h417.1008a78.2336 78.2336 0 0 1 78.208 78.2336v91.1616h-208.5632a65.2032 65.2032 0 1 0 0 130.4064h208.6144z m-143.36-156.3904a39.1168 39.1168 0 1 1-39.1168-39.0912 39.1168 39.1168 0 0 1 39.0656 39.1936z" fill="#5393ff" p-id="6472"></path></svg>
|
||||
<svg t="1656295559018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6471" width="32" height="32"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m286.4896 668.16a78.2336 78.2336 0 0 1-78.208 78.208H303.1808A78.2336 78.2336 0 0 1 224.9728 668.16V355.3536a78.1312 78.1312 0 0 1 78.1568-78.2336h417.1008a78.2336 78.2336 0 0 1 78.208 78.2336v91.1616h-208.5632a65.2032 65.2032 0 1 0 0 130.4064h208.6144z m-143.36-156.3904a39.1168 39.1168 0 1 1-39.1168-39.0912 39.1168 39.1168 0 0 1 39.0656 39.1936z" fill="#FF9655" p-id="6472"></path></svg>
|
||||
<div class="name">余额支付</div>
|
||||
</div>
|
||||
<div :class="'pay-item' + (payType == 'MICROPAY' ? ' active' : '')" @click="selectPayType('MICROPAY')">
|
||||
@ -287,14 +287,14 @@ export default {
|
||||
width: 45%;
|
||||
margin-left: 10px;
|
||||
height: 83px;
|
||||
border: solid 2px #5393ff;
|
||||
border: solid 2px #FF9655;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
.left {
|
||||
width: 30%;
|
||||
height: 80px;
|
||||
float: left;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
color: #FFFFFF;
|
||||
.amount {
|
||||
font-size: 24px;
|
||||
@ -358,7 +358,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.active {
|
||||
border: 3px solid #5393ff;
|
||||
border: 3px solid #FF9655;
|
||||
background: #FDF5E6;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
@ -102,7 +102,7 @@ export default {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.input-item >>> .el-input__inner {
|
||||
border: #5393ff solid 2px;
|
||||
border: #FF9655 solid 2px;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
@ -751,7 +751,7 @@ export default {
|
||||
}
|
||||
.bule{
|
||||
font-weight: 700;
|
||||
color: #5393ff !important;
|
||||
color: #FF9655 !important;
|
||||
}
|
||||
.app-right{
|
||||
width: 89% !important;
|
||||
@ -801,7 +801,7 @@ export default {
|
||||
.container-top{
|
||||
width: 100%;
|
||||
height: 98px;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -814,7 +814,7 @@ export default {
|
||||
.left-side {
|
||||
width: 160px;
|
||||
height: 100%;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
border-right: #888888 solid 2px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@ -909,7 +909,7 @@ export default {
|
||||
.title {
|
||||
height: 70px;
|
||||
width: 310px;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
border-bottom: #CCCCCC 2px solid;
|
||||
color: #FFFFFF;
|
||||
padding-top: 16px;
|
||||
@ -1068,11 +1068,11 @@ export default {
|
||||
.cash {
|
||||
float: left;
|
||||
height: 50px;
|
||||
border: solid 1px #5393ff;
|
||||
border: solid 1px #FF9655;
|
||||
padding-top: 15px;
|
||||
width: 135px;
|
||||
border-radius: 5px;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
font-weight: bold;
|
||||
}
|
||||
.submit {
|
||||
@ -1118,7 +1118,7 @@ export default {
|
||||
}
|
||||
.search-goods {
|
||||
height: 50px;
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
margin-left: 3px;
|
||||
color: #fff;
|
||||
}
|
||||
@ -1225,7 +1225,7 @@ export default {
|
||||
</style>
|
||||
<style scoped>
|
||||
.input-item >>> .el-input__inner {
|
||||
border: #5393ff solid 2px;
|
||||
border: #FF9655 solid 2px;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@ export default {
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
.main {
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
@ -85,7 +85,7 @@ export default {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.item:hover {
|
||||
border: #5393ff 3px solid;
|
||||
border: #FF9655 3px solid;
|
||||
}
|
||||
.logout {
|
||||
border: none;
|
||||
|
||||
@ -38,7 +38,7 @@ export default {
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
.main {
|
||||
background: #5393ff;
|
||||
background: #FF9655;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
|
||||
@ -30,7 +30,7 @@ $uni-text-color-disable:#c0c0c0;
|
||||
$uni-bg-color:#ffffff;
|
||||
$uni-bg-color-grey:#f8f8f8;
|
||||
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
|
||||
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
|
||||
$uni-bg-color-mask:#fff0e3;//遮罩颜色
|
||||
|
||||
/* 边框颜色 */
|
||||
$uni-border-color:#c8c7cc;
|
||||
|
||||
@ -31,7 +31,7 @@ $uni-text-color-disable:#c0c0c0;
|
||||
$uni-bg-color:#ffffff;
|
||||
$uni-bg-color-grey:#f8f8f8;
|
||||
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
|
||||
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
|
||||
$uni-bg-color-mask:#fff0e3;//遮罩颜色
|
||||
|
||||
/* 边框颜色 */
|
||||
$uni-border-color:#c8c7cc;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user