样式修改
This commit is contained in:
@@ -1,5 +1,4 @@
|
|||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { Dialog } from './mUtils.js'
|
|
||||||
import store from '../vuex/store.js'
|
import store from '../vuex/store.js'
|
||||||
import router from '@/router'
|
import router from '@/router'
|
||||||
|
|
||||||
@@ -23,7 +22,7 @@ axios.interceptors.request.use(
|
|||||||
return config
|
return config
|
||||||
},
|
},
|
||||||
error => {
|
error => {
|
||||||
Dialog('错误的传参')
|
// Dialog('错误的传参')
|
||||||
return Promise.reject(error)
|
return Promise.reject(error)
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|||||||
1499
src/config/mork2.js
1499
src/config/mork2.js
File diff suppressed because it is too large
Load Diff
@@ -3,18 +3,16 @@ import Vue from 'vue'
|
|||||||
import App from './App'
|
import App from './App'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import store from './vuex/store'
|
import store from './vuex/store'
|
||||||
import './config/rem.js'
|
// import './config/rem.js'
|
||||||
import './style/reset.css'
|
import './style/reset.css'
|
||||||
import './style/layout.styl'
|
import './style/iconfont.styl'
|
||||||
import * as echarts from 'echarts'
|
import * as echarts from 'echarts'
|
||||||
import 'default-passive-events'
|
import 'default-passive-events'
|
||||||
import scroll from 'vue-seamless-scroll'
|
import scroll from 'vue-seamless-scroll'
|
||||||
import {Message, Select, Option} from 'element-ui'
|
import {Message} from 'element-ui'
|
||||||
|
|
||||||
Vue.prototype.$echarts = echarts
|
Vue.prototype.$echarts = echarts
|
||||||
Vue.use(scroll)
|
Vue.use(scroll)
|
||||||
Vue.use(Select)
|
|
||||||
Vue.use(Option)
|
|
||||||
Vue.prototype.$message = Message
|
Vue.prototype.$message = Message
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
/* eslint-disable no-new */
|
/* eslint-disable no-new */
|
||||||
|
|||||||
@@ -7,11 +7,11 @@
|
|||||||
<div class="login_wrap">
|
<div class="login_wrap">
|
||||||
<h2>系统配置</h2>
|
<h2>系统配置</h2>
|
||||||
<div class="zd-row item_wrap">
|
<div class="zd-row item_wrap">
|
||||||
<div class="zd-col-8 label">域名地址</div>
|
<div class="zd-col-10 label">域名地址</div>
|
||||||
<input type="text" class="input" v-model="baseUrl">
|
<input type="text" class="input" v-model="baseUrl">
|
||||||
</div>
|
</div>
|
||||||
<div class="zd-row item_wrap">
|
<div class="zd-row item_wrap">
|
||||||
<div class="zd-col-8 label">刷新时间（秒）</div>
|
<div class="zd-col-10 label">刷新时间（秒）</div>
|
||||||
<input type="number" class="input" v-model="setTime">
|
<input type="number" class="input" v-model="setTime">
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="zd-row item_wrap">
|
<!-- <div class="zd-row item_wrap">
|
||||||
@@ -139,11 +139,12 @@ h2
|
|||||||
padding 2% 2%
|
padding 2% 2%
|
||||||
margin-bottom 3%
|
margin-bottom 3%
|
||||||
.label
|
.label
|
||||||
_font(12px, 25px, #fff,,left)
|
_font(14px, 25px, #fff,,left)
|
||||||
.input
|
.input
|
||||||
width 100%
|
width 100%
|
||||||
_font(12px, 25px, #fff,,left)
|
_font(14px, 25px, #fff,,left)
|
||||||
background-color transparent
|
background-color transparent
|
||||||
|
border 0
|
||||||
.btn
|
.btn
|
||||||
background-color #2778f3
|
background-color #2778f3
|
||||||
border-radius 6px
|
border-radius 6px
|
||||||
|
|||||||
@@ -9,9 +9,6 @@
|
|||||||
<div class="l-wrap"><v-left></v-left></div>
|
<div class="l-wrap"><v-left></v-left></div>
|
||||||
<div class="r-wrap"><v-right></v-right></div>
|
<div class="r-wrap"><v-right></v-right></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="left_bg"></div>
|
|
||||||
<div class="right_bg"></div>
|
|
||||||
<div class="bottom_bg"></div>
|
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -43,75 +40,5 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.container
|
@import './style.stylus'
|
||||||
position relative
|
|
||||||
width 100%
|
|
||||||
height 100%
|
|
||||||
// background center / 100% 100% url('../../../images/bg.jpg') no-repeat
|
|
||||||
padding-top 60px
|
|
||||||
overflow hidden
|
|
||||||
.header
|
|
||||||
position absolute
|
|
||||||
top 0
|
|
||||||
width 100%
|
|
||||||
height 88px
|
|
||||||
background center / 100% 100% url('../../../images/bg-top.png') no-repeat
|
|
||||||
h1
|
|
||||||
font-size: 18px;
|
|
||||||
font-family: 'YouSheBiaoTiHei';
|
|
||||||
font-weight: 700;
|
|
||||||
color: transparent;
|
|
||||||
line-height 1
|
|
||||||
opacity: 0.89;
|
|
||||||
letter-spacing 1px
|
|
||||||
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
|
|
||||||
filter: drop-shadow(#092F6D 1px 4px 1px);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
text-align center
|
|
||||||
margin-top 16px
|
|
||||||
.exit_btn
|
|
||||||
position absolute
|
|
||||||
left 3%
|
|
||||||
top 11%
|
|
||||||
z-index 100
|
|
||||||
height 16px
|
|
||||||
width 16px
|
|
||||||
line-height 16px
|
|
||||||
font-size 16px
|
|
||||||
color #AECAF5
|
|
||||||
text-align: center;
|
|
||||||
.content
|
|
||||||
width 98%
|
|
||||||
height 100%
|
|
||||||
margin 0 auto
|
|
||||||
padding-bottom 2%
|
|
||||||
.l-wrap
|
|
||||||
width 64%
|
|
||||||
height 100%
|
|
||||||
.r-wrap
|
|
||||||
width 34.5%
|
|
||||||
height 100%
|
|
||||||
.left_bg
|
|
||||||
position absolute
|
|
||||||
left 0
|
|
||||||
top 0
|
|
||||||
width 2%
|
|
||||||
height 100%
|
|
||||||
// background center / 100% auto url('../../../images/bg-left.png') no-repeat
|
|
||||||
.right_bg
|
|
||||||
position absolute
|
|
||||||
right 0
|
|
||||||
top 0
|
|
||||||
width 2%
|
|
||||||
height 100%
|
|
||||||
// background center / 100% auto url('../../../images/bg-right.png') no-repeat
|
|
||||||
.bottom_bg
|
|
||||||
position absolute
|
|
||||||
bottom 0
|
|
||||||
width 100%
|
|
||||||
height 4%
|
|
||||||
// background center / auto 100% url('../../../images/bg-bottom.png') no-repeat
|
|
||||||
.zd-col-8
|
|
||||||
width 35%
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="n_container">
|
<div class="n_container_l">
|
||||||
<div class="zd-row allHeight">
|
<div class="zd-row allHeight">
|
||||||
<div class="hwpl_wrap_1">
|
<div class="hwpl_wrap_1">
|
||||||
<div class="zd-row jcflexstart state_wrap">
|
<div class="zd-row jcflexstart state_wrap">
|
||||||
@@ -156,123 +156,5 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
@import '~@style/mixin'
|
@import './style.stylus'
|
||||||
.n_container
|
|
||||||
_wh(100%, 100%)
|
|
||||||
background-color #08225f
|
|
||||||
border 1px solid #43b3fa
|
|
||||||
// background center / 100% 100% url('../../../images/bg-center.png') no-repeat
|
|
||||||
padding 2.2% 0 2.2% 2.2%
|
|
||||||
.hwpl_wrap_1
|
|
||||||
width calc(43.9% - 20px)
|
|
||||||
height 100%
|
|
||||||
.hwpl_wrap_2
|
|
||||||
width calc(56.1% - 20px)
|
|
||||||
height 100%
|
|
||||||
.gd_wrap
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width 20px
|
|
||||||
height 100%
|
|
||||||
.state_wrap
|
|
||||||
margin-bottom 10px
|
|
||||||
.state_icon
|
|
||||||
_wh(10px, 10px)
|
|
||||||
.state_title
|
|
||||||
_font(12px, 12px, #fff,,)
|
|
||||||
margin 0 20px 0 5px
|
|
||||||
.bg_col_1
|
|
||||||
border-radius 4px
|
|
||||||
box-shadow 0px 0px 12px 4px rgba(239, 82, 82, .5)
|
|
||||||
border 1px solid #B55F4E
|
|
||||||
background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
|
||||||
.bg_col_2
|
|
||||||
border-radius 4px
|
|
||||||
box-shadow 0px 0px 12px 4px rgba(142, 181, 229, .5)
|
|
||||||
border 1px solid rgba(42, 189, 251, 50%)
|
|
||||||
background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
|
||||||
.pie_num_wrap
|
|
||||||
margin-bottom 10px
|
|
||||||
.pie_wrap
|
|
||||||
width 50px
|
|
||||||
.pie_item
|
|
||||||
position relative
|
|
||||||
_wh(50px, 50px)
|
|
||||||
background center / 100% auto url('../../../images/pie-bg_1.png') no-repeat
|
|
||||||
p
|
|
||||||
font-size: 12px;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 1;
|
|
||||||
transform: scale(0.5);
|
|
||||||
white-space: nowrap;
|
|
||||||
padding-top: 25px;
|
|
||||||
.pie_name
|
|
||||||
_font(12px, 20px, #fff,,center)
|
|
||||||
transform: scale(0.5);
|
|
||||||
.num_wrap
|
|
||||||
width 100%
|
|
||||||
padding 0 2px
|
|
||||||
margin-bottom 5px
|
|
||||||
.num_wrap_1
|
|
||||||
background center / 100% 100% url('../../../images/gl-bg_1.png') no-repeat
|
|
||||||
.num_wrap_2
|
|
||||||
background center / 100% 100% url('../../../images/gl-bg_2.png') no-repeat
|
|
||||||
.num_wrap_3
|
|
||||||
background center / 100% 100% url('../../../images/gl-bg_3.png') no-repeat
|
|
||||||
.num_label
|
|
||||||
_font(12px, 12px, #fff,,left)
|
|
||||||
transform: scale(0.5);
|
|
||||||
white-space: nowrap;
|
|
||||||
.num_value
|
|
||||||
_font(12px, 12px, #fff,,right)
|
|
||||||
transform: scale(0.5);
|
|
||||||
white-space: nowrap;
|
|
||||||
.hwpl_wrap_i
|
|
||||||
_wh(100%, calc(100% - 102px))
|
|
||||||
.hw_wrap
|
|
||||||
align-content: flex-start;
|
|
||||||
height 23.4%
|
|
||||||
margin-bottom 5%
|
|
||||||
&:last-child
|
|
||||||
margin-bottom 0
|
|
||||||
.hw_item
|
|
||||||
_wh(13.6%, 26.6%)
|
|
||||||
padding 2px
|
|
||||||
margin-bottom 1%
|
|
||||||
border-radius 4px
|
|
||||||
background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
|
||||||
border 1px solid rgba(42, 189, 251, 50%)
|
|
||||||
overflow hidden
|
|
||||||
.hw_item_2
|
|
||||||
width: 10.5%;
|
|
||||||
height: 4.92%;
|
|
||||||
.hw_item_i
|
|
||||||
_wh(100%, 100%)
|
|
||||||
background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px)
|
|
||||||
background-size 12px 12px
|
|
||||||
background-repeat repeat
|
|
||||||
.hw_item_active
|
|
||||||
background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
|
||||||
border 1px solid #B55F4E
|
|
||||||
.hw_item_i
|
|
||||||
background-image linear-gradient(to bottom, transparent 11px, rgba(118, 36, 23, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(118, 36, 23, 20%) 1px)
|
|
||||||
.hw_p1
|
|
||||||
_font(12px, 1,#EFF2FF,,)
|
|
||||||
font-family: "SourceHanSansCN-Bold";
|
|
||||||
height 50%
|
|
||||||
text-shadow: 0px 1px 1px #A0D4FF;
|
|
||||||
transform: scale(0.5);
|
|
||||||
white-space: nowrap;
|
|
||||||
.hw_p2
|
|
||||||
_font(12px, 1, #EFF2FF,,center)
|
|
||||||
font-family: "SourceHanSansCN-Bold";
|
|
||||||
height 50%
|
|
||||||
transform: scale(0.5);
|
|
||||||
white-space: nowrap;
|
|
||||||
.txt
|
|
||||||
_font(12px, 16px, #fff,,center)
|
|
||||||
font-family: "YouSheBiaoTiHei"
|
|
||||||
transform: scale(0.8);
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="n_container">
|
<div class="n_container_r">
|
||||||
<div class="right_item">
|
<div class="right_item">
|
||||||
<div class="title_wrap"><p>库存分析</p></div>
|
<div class="title_wrap"><p>库存分析</p></div>
|
||||||
<div class="data_wrap data_wrap_1">
|
<div class="data_wrap data_wrap_1">
|
||||||
@@ -54,9 +54,6 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import symbol3 from '@img/symbol_3.png'
|
|
||||||
import symbol4 from '@img/symbol_4.png'
|
|
||||||
import lineSelected from '@img/line_selected.png'
|
|
||||||
import { boardKc } from '@js/getData2.js'
|
import { boardKc } from '@js/getData2.js'
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
@@ -139,11 +136,6 @@ export default {
|
|||||||
this.setEchart1()
|
this.setEchart1()
|
||||||
},
|
},
|
||||||
setEchart1 () {
|
setEchart1 () {
|
||||||
let img = {
|
|
||||||
imgSrc1: symbol3,
|
|
||||||
imgSrc2: symbol4,
|
|
||||||
imgSrc3: lineSelected
|
|
||||||
}
|
|
||||||
let total = 0
|
let total = 0
|
||||||
this.qs.map(el => {
|
this.qs.map(el => {
|
||||||
total = Math.max(total, Number(el.innum), Number(el.outnum))
|
total = Math.max(total, Number(el.innum), Number(el.outnum))
|
||||||
@@ -151,7 +143,6 @@ export default {
|
|||||||
let barName = []
|
let barName = []
|
||||||
let barData1 = []
|
let barData1 = []
|
||||||
let barData2 = []
|
let barData2 = []
|
||||||
// let totalDate = []
|
|
||||||
this.qs.map(el => {
|
this.qs.map(el => {
|
||||||
barName.push(el.date)
|
barName.push(el.date)
|
||||||
barData1.push(el.innum)
|
barData1.push(el.innum)
|
||||||
@@ -229,9 +220,6 @@ export default {
|
|||||||
{
|
{
|
||||||
name: '入库',
|
name: '入库',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
symbol: 'image://' + img.imgSrc1,
|
|
||||||
symbolSize: [20, 20],
|
|
||||||
legendHoverLink: true,
|
|
||||||
showSymbol: false,
|
showSymbol: false,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#67D470',
|
color: '#67D470',
|
||||||
@@ -257,9 +245,6 @@ export default {
|
|||||||
{
|
{
|
||||||
name: '出库',
|
name: '出库',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
symbol: 'image://' + img.imgSrc2,
|
|
||||||
symbolSize: [20, 20],
|
|
||||||
legendHoverLink: true,
|
|
||||||
showSymbol: false,
|
showSymbol: false,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: '#58A2E3',
|
color: '#58A2E3',
|
||||||
@@ -296,90 +281,5 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
@import '~@style/mixin'
|
@import './style.stylus'
|
||||||
.n_container
|
|
||||||
_wh(100%, 100%)
|
|
||||||
.right_item
|
|
||||||
height calc((100% - 20px) / 3)
|
|
||||||
margin-bottom 10px
|
|
||||||
&:last-child
|
|
||||||
margin-bottom 0
|
|
||||||
.title_wrap
|
|
||||||
height 20px
|
|
||||||
background center / 100% 100% url('../../../images/bg-title_1.png') no-repeat
|
|
||||||
padding 0 10px 0 15px
|
|
||||||
p
|
|
||||||
font-size 12px
|
|
||||||
font-family: 'YouSheBiaoTiHei';
|
|
||||||
font-weight: 400;
|
|
||||||
color: transparent;
|
|
||||||
line-height 14px
|
|
||||||
background: linear-gradient(0deg, #F9FEFF 0%, #F5FCFF 53.3154296875%, #BAE9FF 100%);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
// transform: scale(0.7);
|
|
||||||
// transform-origin: left;
|
|
||||||
.data_wrap
|
|
||||||
height calc(100% - 20px)
|
|
||||||
background center / 100% 100% url('../../../images/bg-m_1.png') no-repeat
|
|
||||||
padding 10px 12px
|
|
||||||
.data_wrap_1
|
|
||||||
padding 5px 12px 10px 12px
|
|
||||||
.scroll_tab
|
|
||||||
_wh(100%, 30px)
|
|
||||||
background center / 100% 100% url('../../../images/table-bg_1.png') no-repeat
|
|
||||||
li
|
|
||||||
float left
|
|
||||||
width 15%
|
|
||||||
_font(12px,30px,#AFBED8,,center)
|
|
||||||
font-family: 'SourceHanSansCN-Regular';
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: italic;
|
|
||||||
word-wrap break-word
|
|
||||||
word-break break-all
|
|
||||||
white-space nowrap
|
|
||||||
padding 0 2px
|
|
||||||
overflow hidden
|
|
||||||
box-sizing border-box
|
|
||||||
&:nth-child(1)
|
|
||||||
width 30%
|
|
||||||
&:nth-child(2)
|
|
||||||
width 25%
|
|
||||||
.scroll_tab_1
|
|
||||||
li
|
|
||||||
&:nth-child(1), &:nth-child(2)
|
|
||||||
width 50%
|
|
||||||
.scroll_container
|
|
||||||
width 100%
|
|
||||||
height calc(100% - 30px)
|
|
||||||
overflow hidden
|
|
||||||
.scroll-ul
|
|
||||||
li
|
|
||||||
_wh(100%, 30px)
|
|
||||||
border-bottom 1px solid rgba(122,159,224,0.17)
|
|
||||||
&:nth-child(even)
|
|
||||||
background rgba(31,46,73,0.7)
|
|
||||||
&:nth-child(odd)
|
|
||||||
background rgba(31,46,73,0.55)
|
|
||||||
.scroll-item
|
|
||||||
float left
|
|
||||||
_wh(15%, 30px)
|
|
||||||
_fj(row, center)
|
|
||||||
_font(12px, 12px, #B2BBD7,,center)
|
|
||||||
font-family: 'SourceHanSansCN-Regular';
|
|
||||||
font-style: italic;
|
|
||||||
word-wrap break-word
|
|
||||||
word-break break-all
|
|
||||||
// white-space nowrap
|
|
||||||
padding 0 2px
|
|
||||||
overflow hidden
|
|
||||||
&:nth-child(1)
|
|
||||||
width 30%
|
|
||||||
&:nth-child(2)
|
|
||||||
width 25%
|
|
||||||
.scroll-ul_1
|
|
||||||
li
|
|
||||||
.scroll-item
|
|
||||||
&:nth-child(1), &:nth-child(2)
|
|
||||||
width 50%
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
259
src/pages/modules/home_960/style.stylus
Normal file
259
src/pages/modules/home_960/style.stylus
Normal file
@@ -0,0 +1,259 @@
|
|||||||
|
@import '~@style/mixin'
|
||||||
|
.container
|
||||||
|
position relative
|
||||||
|
width 100%
|
||||||
|
height 100%
|
||||||
|
// background center / 100% 100% url('../../../images/bg.jpg') no-repeat
|
||||||
|
padding-top 60px
|
||||||
|
overflow hidden
|
||||||
|
.header
|
||||||
|
position absolute
|
||||||
|
top 0
|
||||||
|
width 100%
|
||||||
|
height 88px
|
||||||
|
background center / 100% 100% url('../../../images/bg-top.png') no-repeat
|
||||||
|
h1
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: 'YouSheBiaoTiHei';
|
||||||
|
font-weight: 700;
|
||||||
|
color: transparent;
|
||||||
|
line-height 1
|
||||||
|
opacity: 0.89;
|
||||||
|
letter-spacing 1px
|
||||||
|
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
|
||||||
|
filter: drop-shadow(#092F6D 1px 4px 1px);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
text-align center
|
||||||
|
margin-top 16px
|
||||||
|
.exit_btn
|
||||||
|
position absolute
|
||||||
|
left 3%
|
||||||
|
top 11%
|
||||||
|
z-index 100
|
||||||
|
height 16px
|
||||||
|
width 16px
|
||||||
|
line-height 16px
|
||||||
|
font-size 16px
|
||||||
|
color #AECAF5
|
||||||
|
text-align: center;
|
||||||
|
.content
|
||||||
|
width 98%
|
||||||
|
height 100%
|
||||||
|
margin 0 auto
|
||||||
|
padding-bottom 2%
|
||||||
|
.l-wrap
|
||||||
|
width 64%
|
||||||
|
height 100%
|
||||||
|
.r-wrap
|
||||||
|
width 34.5%
|
||||||
|
height 100%
|
||||||
|
.zd-col-8
|
||||||
|
width 35%
|
||||||
|
.n_container_l
|
||||||
|
_wh(100%, 100%)
|
||||||
|
background-color #08225f
|
||||||
|
border 1px solid #43b3fa
|
||||||
|
// background center / 100% 100% url('../../../images/bg-center.png') no-repeat
|
||||||
|
padding 2.2% 0 2.2% 2.2%
|
||||||
|
.hwpl_wrap_1
|
||||||
|
width calc(43.9% - 20px)
|
||||||
|
height 100%
|
||||||
|
.hwpl_wrap_2
|
||||||
|
width calc(56.1% - 20px)
|
||||||
|
height 100%
|
||||||
|
.gd_wrap
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width 20px
|
||||||
|
height 100%
|
||||||
|
.state_wrap
|
||||||
|
margin-bottom 10px
|
||||||
|
.state_icon
|
||||||
|
_wh(10px, 10px)
|
||||||
|
.state_title
|
||||||
|
_font(12px, 12px, #fff,,)
|
||||||
|
margin 0 20px 0 5px
|
||||||
|
.bg_col_1
|
||||||
|
border-radius 4px
|
||||||
|
// box-shadow 0px 0px 12px 4px rgba(239, 82, 82, .5)
|
||||||
|
border 1px solid #B55F4E
|
||||||
|
// background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
||||||
|
background-color #77200F
|
||||||
|
.bg_col_2
|
||||||
|
border-radius 4px
|
||||||
|
// box-shadow 0px 0px 12px 4px rgba(142, 181, 229, .5)
|
||||||
|
border 1px solid rgba(42, 189, 251, 50%)
|
||||||
|
// background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
||||||
|
background-color rgba(14, 82, 140, 50%)
|
||||||
|
.pie_num_wrap
|
||||||
|
margin-bottom 10px
|
||||||
|
.pie_wrap
|
||||||
|
width 50px
|
||||||
|
.pie_item
|
||||||
|
position relative
|
||||||
|
_wh(50px, 50px)
|
||||||
|
background center / 100% auto url('../../../images/pie-bg_1.png') no-repeat
|
||||||
|
p
|
||||||
|
font-size: 6px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1;
|
||||||
|
// transform: scale(0.5);
|
||||||
|
white-space: nowrap;
|
||||||
|
padding-top: 22px;
|
||||||
|
.pie_name
|
||||||
|
_font(10px, 20px, #fff,,center)
|
||||||
|
// transform: scale(0.5);
|
||||||
|
.num_wrap
|
||||||
|
width 100%
|
||||||
|
padding 0 2px
|
||||||
|
margin-bottom 5px
|
||||||
|
.num_wrap_1
|
||||||
|
background center / 100% 100% url('../../../images/gl-bg_1.png') no-repeat
|
||||||
|
.num_wrap_2
|
||||||
|
background center / 100% 100% url('../../../images/gl-bg_2.png') no-repeat
|
||||||
|
.num_wrap_3
|
||||||
|
background center / 100% 100% url('../../../images/gl-bg_3.png') no-repeat
|
||||||
|
.num_label
|
||||||
|
_font(6px, 12px, #fff,,left)
|
||||||
|
// transform: scale(0.5);
|
||||||
|
white-space: nowrap;
|
||||||
|
.num_value
|
||||||
|
_font(6px, 12px, #fff,,right)
|
||||||
|
// transform: scale(0.5);
|
||||||
|
white-space: nowrap;
|
||||||
|
.hwpl_wrap_i
|
||||||
|
_wh(100%, calc(100% - 102px))
|
||||||
|
.hw_wrap
|
||||||
|
align-content: flex-start;
|
||||||
|
height 23.4%
|
||||||
|
margin-bottom 5%
|
||||||
|
&:last-child
|
||||||
|
margin-bottom 0
|
||||||
|
.hw_item
|
||||||
|
_wh(13.6%, 26.6%)
|
||||||
|
padding 2px
|
||||||
|
margin-bottom 1%
|
||||||
|
border-radius 4px
|
||||||
|
//background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
||||||
|
background-color rgba(14, 82, 140, 50%)
|
||||||
|
border 1px solid rgba(42, 189, 251, 50%)
|
||||||
|
overflow hidden
|
||||||
|
.hw_item_2
|
||||||
|
width: 10.5%;
|
||||||
|
height: 4.92%;
|
||||||
|
.hw_item_i
|
||||||
|
_wh(100%, 100%)
|
||||||
|
// background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px)
|
||||||
|
// background-size 12px 12px
|
||||||
|
// background-repeat repeat
|
||||||
|
.hw_item_active
|
||||||
|
// background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
||||||
|
background-color #77200F
|
||||||
|
border 1px solid #B55F4E
|
||||||
|
.hw_item_i
|
||||||
|
// background-image linear-gradient(to bottom, transparent 11px, rgba(118, 36, 23, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(118, 36, 23, 20%) 1px)
|
||||||
|
.hw_p1
|
||||||
|
_font(6px, 1,#EFF2FF,,)
|
||||||
|
font-family: "SourceHanSansCN-Bold";
|
||||||
|
height 50%
|
||||||
|
text-shadow: 0px 1px 1px #A0D4FF;
|
||||||
|
// transform: scale(0.5);
|
||||||
|
white-space: nowrap;
|
||||||
|
.hw_p2
|
||||||
|
_font(6px, 1, #EFF2FF,,center)
|
||||||
|
font-family: "SourceHanSansCN-Bold";
|
||||||
|
height 50%
|
||||||
|
// transform: scale(0.5);
|
||||||
|
white-space: nowrap;
|
||||||
|
.txt
|
||||||
|
_font(12px, 16px, #fff,,center)
|
||||||
|
font-family: "YouSheBiaoTiHei"
|
||||||
|
// transform: scale(0.8);
|
||||||
|
.n_container_r
|
||||||
|
_wh(100%, 100%)
|
||||||
|
.right_item
|
||||||
|
height calc((100% - 20px) / 3)
|
||||||
|
margin-bottom 10px
|
||||||
|
&:last-child
|
||||||
|
margin-bottom 0
|
||||||
|
.title_wrap
|
||||||
|
height 20px
|
||||||
|
background center / 100% 100% url('../../../images/bg-title_1.png') no-repeat
|
||||||
|
padding 0 10px 0 15px
|
||||||
|
p
|
||||||
|
font-size 12px
|
||||||
|
font-family: 'YouSheBiaoTiHei';
|
||||||
|
font-weight: 400;
|
||||||
|
color: transparent;
|
||||||
|
line-height 14px
|
||||||
|
background: linear-gradient(0deg, #F9FEFF 0%, #F5FCFF 53.3154296875%, #BAE9FF 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
// // transform: scale(0.7);
|
||||||
|
// // transform-origin: left;
|
||||||
|
.data_wrap
|
||||||
|
height calc(100% - 20px)
|
||||||
|
background center / 100% 100% url('../../../images/bg-m_1.png') no-repeat
|
||||||
|
padding 10px 12px
|
||||||
|
.data_wrap_1
|
||||||
|
padding 5px 12px 10px 12px
|
||||||
|
.scroll_tab
|
||||||
|
_wh(100%, 30px)
|
||||||
|
background center / 100% 100% url('../../../images/table-bg_1.png') no-repeat
|
||||||
|
li
|
||||||
|
float left
|
||||||
|
width 15%
|
||||||
|
_font(12px,30px,#AFBED8,,center)
|
||||||
|
font-family: 'SourceHanSansCN-Regular';
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
word-wrap break-word
|
||||||
|
word-break break-all
|
||||||
|
white-space nowrap
|
||||||
|
padding 0 2px
|
||||||
|
overflow hidden
|
||||||
|
box-sizing border-box
|
||||||
|
&:nth-child(1)
|
||||||
|
width 30%
|
||||||
|
&:nth-child(2)
|
||||||
|
width 25%
|
||||||
|
.scroll_tab_1
|
||||||
|
li
|
||||||
|
&:nth-child(1), &:nth-child(2)
|
||||||
|
width 50%
|
||||||
|
.scroll_container
|
||||||
|
width 100%
|
||||||
|
height calc(100% - 30px)
|
||||||
|
overflow hidden
|
||||||
|
.scroll-ul
|
||||||
|
li
|
||||||
|
_wh(100%, 30px)
|
||||||
|
border-bottom 1px solid rgba(122,159,224,0.17)
|
||||||
|
&:nth-child(even)
|
||||||
|
background rgba(31,46,73,0.7)
|
||||||
|
&:nth-child(odd)
|
||||||
|
background rgba(31,46,73,0.55)
|
||||||
|
.scroll-item
|
||||||
|
float left
|
||||||
|
_wh(15%, 30px)
|
||||||
|
_fj(row, center)
|
||||||
|
_font(12px, 12px, #B2BBD7,,center)
|
||||||
|
font-family: 'SourceHanSansCN-Regular';
|
||||||
|
font-style: italic;
|
||||||
|
word-wrap break-word
|
||||||
|
word-break break-all
|
||||||
|
// white-space nowrap
|
||||||
|
padding 0 2px
|
||||||
|
overflow hidden
|
||||||
|
&:nth-child(1)
|
||||||
|
width 30%
|
||||||
|
&:nth-child(2)
|
||||||
|
width 25%
|
||||||
|
.scroll-ul_1
|
||||||
|
li
|
||||||
|
.scroll-item
|
||||||
|
&:nth-child(1), &:nth-child(2)
|
||||||
|
width 50%
|
||||||
@@ -1,11 +1 @@
|
|||||||
@import 'mixin.styl'
|
|
||||||
@import 'iconfont.styl'
|
@import 'iconfont.styl'
|
||||||
|
|
||||||
.state_0
|
|
||||||
background center / 100% 100% url('../images/state_2.png') no-repeat
|
|
||||||
.state_1
|
|
||||||
background center / 100% 100% url('../images/state_1.png') no-repeat
|
|
||||||
.state_2
|
|
||||||
background center / 100% 100% url('../images/state_2.png') no-repeat
|
|
||||||
.state_3
|
|
||||||
background center / 100% 100% url('../images/state_3.png') no-repeat
|
|
||||||
@@ -9,7 +9,7 @@ const baseUrl = process.env.NODE_ENV === 'development' ? 'http://10.44.101.112:8
|
|||||||
const state = {
|
const state = {
|
||||||
baseUrl: getStore('baseUrl') || baseUrl,
|
baseUrl: getStore('baseUrl') || baseUrl,
|
||||||
// baseUrl: baseUrl,
|
// baseUrl: baseUrl,
|
||||||
setTime: getStore('setTime') || 30000,
|
setTime: getStore('setTime') || 50000,
|
||||||
// setTime: 30000,
|
// setTime: 30000,
|
||||||
equipId: getStore('equipId') || '1'
|
equipId: getStore('equipId') || '1'
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user