Skip to content

S
shld-databoard-ui
Commit 0b39aa25 authored by 王礼鸿 Baimax Wang's avatar 王礼鸿 Baimax Wang
Browse files
Options

前期代码

parent b2ca0f90
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2640 additions and 1901 deletions
package-lock.json
View file @ 0b39aa25
This diff is collapsed.
package.json
View file @ 0b39aa25
......@@ -11,6 +11,7 @@
},
"dependencies": {
"axios": "^1.4.0",
"echarts": "^5.4.3",
"jquery": "^3.2.1",
"js-base64": "^3.7.5",
"js-md5": "^0.7.3",
......@@ -44,6 +45,7 @@
"rimraf": "^2.6.0",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"stylus": "^0.54.5",
"url-loader": "^0.5.8",
"vue-loader": "^12.1.0",
"vue-style-loader": "^3.0.1",
......
src/module/databoard/assets/index.rem.css
View file @ 0b39aa25
This diff is collapsed.
src/module/databoard/assets/index_back.css
View file @ 0b39aa25
This diff is collapsed.
src/module/databoard/components/card/card.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="info-card">
<slot></slot>
</div>
</template>
<script>
export default {
name:"Card",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.info-card{
border-radius: 5px;
width: 90%;
margin: auto;
margin-bottom: 10px;
background-color: #3d459e;
}
</style>
src/module/databoard/components/card/contrast-card.vue 0 → 100644
View file @ 0b39aa25
<template>
<info-card :style="cStyle">
<template v-slot:title>
{{title}}
</template>
<template v-slot:content>
<div class="card">
<div class="left">
<div class="left-top">
{{lt}}
</div>
<div class="left-bottom">
{{lb}}
</div>
</div>
<div class="right">
<div class="r_l c_top">{{rtl}}</div>
<div class="r_m c_top">{{rtm}}</div>
<div class="r_r c_top c_green">{{rtr}}</div>
<div class="r_l c_bottom">{{rbl}}</div>
<div class="r_m c_bottom ">{{rbm}}</div>
<div class="r_r c_bottom c_red">{{rbr}}</div>
</div>
</div>
</template>
</info-card>
</template>
<script>
import InfoCard from "./info-card.vue";
export default {
name:"ContrastCard",
components: {InfoCard},
data() {
return {
};
},
props: {
cStyle: {
type: Object,
default: function(){return {height:"110px"};}
},
title: {
type: String,
},
lt: {
type: String,
},
lb: {
type: String,
},
rtl: {
type: String,
},
rtm: {
type: String,
},
rtr: {
type: String,
},
rbl: {
type: String,
},
rbm: {
type: String,
},
rbr: {
type: String,
},
},
methods: {}
};
</script>
<style scoped>
.card{
width: 90%;
height: 100%;
margin: auto;
}
.left{
height: 100%;
width: 40%;
float:left;
}
.right{
height: 100%;
width: 60%;
float:left;
}
.c_top{
height: 60%;
line-height: 46px;
}
.c_bottom{
height: 40%;
}
.left-top{
color: #a2ef5c;
font-size: 32px;
text-align: center;
line-height: 46px;
height: 60%;
width: 100%;
}
.left-bottom{
text-align: right;
height: 40%;
width: 100%;
}
.right > div{
float: left;
text-align: center;
font-size: 16px;
}
.r_l{
width: 24%;
}
.r_m,.r_r{
width: 38%;
}
.c_red{
color: red;
}
.c_green{
color: #a2ef5c;
}
</style>
src/module/databoard/components/card/info-card.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="info-card">
<div class="content-title">
<slot name="title"></slot>
</div>
<div>
<slot name="content"></slot>
</div>
</div>
</template>
<script>
export default {
name:"InfoCard",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.info-card{
border-radius: 5px;
width: 90%;
margin: auto;
margin-bottom: 10px;
background: #3d459e;
}
.content-title{
line-height: 35px;
font-size: 18px;
font-weight: bold;
padding-left: 20px;
height: 28%;
}
</style>
src/module/databoard/components/container/container-with-bord.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="content container-with-bord" style="cursor: pointer; position: relative;">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<slot></slot>
</div>
</template>
<script>
export default {
name:"ContainerWithBord",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
div{
color: white;
}
.container-with-bord{
box-sizing: border-box;
border: 1px solid #2C58A6;
position: relative;
box-shadow: 0 0 10px #2C58A6;
}
</style>
<style scoped lang="css" src="../../assets/index.css"/>
src/module/databoard/components/container/title-content-with-bord.vue 0 → 100644
View file @ 0b39aa25
<template>
<div class="content content-with-bord" style="cursor: pointer; position: relative;">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="content-title">
<slot name="title"></slot>
</div>
<div>
<slot name="content"></slot>
</div>
</div>
</template>
<script>
export default {
name:"TitleContentWithBord",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
div{
color: white;
}
.content-with-bord{
box-sizing: border-box;
border: 1px solid #2C58A6;
position: relative;
box-shadow: 0 0 10px #2C58A6;
}
.content-title{
line-height: 50px;
font-size: 20px;
font-weight: bold;
padding-left: 20px;
}
</style>
<style scoped lang="css" src="../../assets/index.css"/>
src/module/databoard/components/container/title-content.vue 0 → 100644
View file @ 0b39aa25
<template>
<div>
<div class="content-title">
<slot name="title"></slot>
</div>
<div>
<slot name="content"></slot>
</div>
</div>
</template>
<script>
export default {
name:"TitleContent",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.content-title{
line-height: 35px;
font-size: 18px;
font-weight: bold;
height: 28%;
}
</style>
src/module/databoard/components/layout/num-with-r-b-mark.vue 0 → 100644
View file @ 0b39aa25
<template>
<div>
<div class="c_num">
<b>
<slot name="num"></slot>
</b>
<span class="c_unit">
<slot name="unit"></slot>
</span>
</div>
</div>
</template>
<script>
export default {
name:"NumWithRBMark",
data() {
return {
};
},
methods: {}
};
</script>
<style scoped>
.c_fl{
float: left;
}
.c_num{
position: relative;
font-size: 32px;
line-height: 46px;
text-align: center;
height: 100%;
width: 100%;
}
.c_unit{
position: absolute;
right: 0px;
bottom: 0px;
font-size: 16px;
line-height: 16px;
font-weight: normal;
text-align: center;
float: right;
width: 2em;
}
</style>
src/module/databoard/index.vue
View file @ 0b39aa25
This diff is collapsed.
src/module/index/index.html
View file @ 0b39aa25
......@@ -20,6 +20,13 @@
padding: 0;
}
body{
min-height: 1080.00px;
max-height: 1080.00px;
min-width: 1920px;
max-width: 1920px;
}
body, html {
margin: 0;
padding: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment