Skip to content

肖康 / cloudSystem

Go to a project
Commit 8be034ef by liangjianmin
Options

css

parent 4936e1dd
Expand all
Inline Side-by-side
Showing with 66 additions and 57 deletions
src/ajax/index.js
...@@ -15,7 +15,7 @@ export let NODE_ENVS = "/"; ...@@ -15,7 +15,7 @@ export let NODE_ENVS = "/";
switch (envs) { switch (envs) {
case 'development': case 'development':
//开发环境 //开发环境
NODE_ENVS = 'http://192.168.2.251:8080'; NODE_ENVS = 'http://192.168.1.240:8080';
break; break;
case 'test': case 'test':
//测试环境 //测试环境
......
src/assets/css/index/index.less
...@@ -190,10 +190,11 @@ ...@@ -190,10 +190,11 @@
padding-left: 10px; padding-left: 10px;
cursor: pointer; cursor: pointer;
transition: all 0.4s ease; transition: all 0.4s ease;
display: block;
} }
&:hover { &:hover {
.wrap{ .wrap {
transform: translateY(-8px); transform: translateY(-8px);
} }
...@@ -216,20 +217,22 @@ ...@@ -216,20 +217,22 @@
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
padding: 10px 10px 12px 12px; padding: 10px 10px 12px 12px;
position: relative; position: relative;
&:hover{
&::after{ &:hover {
&::after {
content: ""; content: "";
position: absolute; position: absolute;
width:231px; width: 231px;
height:58px; height: 58px;
background: url(../../images/tips.png) no-repeat; background: url(../../images/tips.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left:50%; left: 50%;
top:50%; top: 50%;
margin-top: -29px; margin-top: -29px;
margin-left: -115px; margin-left: -115px;
} }
} }
.top { .top {
.title { .title {
font-size: 16px; font-size: 16px;
...@@ -238,7 +241,6 @@ ...@@ -238,7 +241,6 @@
} }
.tab { .tab {
width: 160px;
height: 28px; height: 28px;
background: #F1F4FA; background: #F1F4FA;
border-radius: 2px; border-radius: 2px;
...@@ -246,6 +248,8 @@ ...@@ -246,6 +248,8 @@
text-align: center; text-align: center;
li { li {
width: 52px;
box-sizing: border-box;
font-size: 12px; font-size: 12px;
color: #646b78; color: #646b78;
text-align: center; text-align: center;
...@@ -310,20 +314,22 @@ ...@@ -310,20 +314,22 @@
.box { .box {
flex: 0 0 49.5%; flex: 0 0 49.5%;
position: relative; position: relative;
&:hover{
&::after{ &:hover {
&::after {
content: ""; content: "";
position: absolute; position: absolute;
width:231px; width: 231px;
height:58px; height: 58px;
background: url(../../images/tips.png) no-repeat; background: url(../../images/tips.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left:50%; left: 50%;
top:50%; top: 50%;
margin-top: -29px; margin-top: -29px;
margin-left: -115px; margin-left: -115px;
} }
} }
.head { .head {
padding-right: 100px; padding-right: 100px;
...@@ -363,6 +369,7 @@ ...@@ -363,6 +369,7 @@
.list { .list {
width: 100%; width: 100%;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
tr { tr {
th { th {
height: 44px; height: 44px;
...@@ -378,7 +385,8 @@ ...@@ -378,7 +385,8 @@
background: #FFFFFF; background: #FFFFFF;
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
&.first{
&.first {
text-align: center; text-align: center;
} }
} }
...@@ -438,7 +446,6 @@ ...@@ -438,7 +446,6 @@
.params-wrap { .params-wrap {
.tabs { .tabs {
margin-right: 9px; margin-right: 9px;
width: 160px;
height: 28px; height: 28px;
background: #F1F4FA; background: #F1F4FA;
border-radius: 2px; border-radius: 2px;
...@@ -446,6 +453,8 @@ ...@@ -446,6 +453,8 @@
text-align: center; text-align: center;
li { li {
width: 40px;
box-sizing: border-box;
font-size: 12px; font-size: 12px;
color: #646b78; color: #646b78;
text-align: center; text-align: center;
...@@ -481,16 +490,17 @@ ...@@ -481,16 +490,17 @@
.box1 { .box1 {
width: 80%; width: 80%;
position: relative; position: relative;
&:hover{
&::after{ &:hover {
&::after {
content: ""; content: "";
position: absolute; position: absolute;
width:231px; width: 231px;
height:58px; height: 58px;
background: url(../../images/tips.png) no-repeat; background: url(../../images/tips.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left:50%; left: 50%;
top:50%; top: 50%;
margin-top: -89px; margin-top: -89px;
margin-left: -115px; margin-left: -115px;
} }
......
src/views/Index/index.vue
<template> <template>
<div class="home-index boxsiz"> <div class="home-index boxsiz">
<Menu /> <Menu/>
<ul class="survey-top row bothSide"> <ul class="survey-top row bothSide">
<li class="boxsiz"> <li class="boxsiz">
<p class="top row bothSide verCenter"> <p class="top row bothSide verCenter">
...@@ -61,46 +61,46 @@ ...@@ -61,46 +61,46 @@
</li> </li>
</ul> </ul>
<ul class="survey-show row avarage boxsiz"> <ul class="survey-show row avarage boxsiz">
<li class="column boxsiz"> <li class="boxsiz">
<a class="wrap" href="/#/enter"> <a class="wrap boxsiz" href="/#/enter">
<i class="iconfont iconjinzhi"></i> <i class="iconfont iconjinzhi"></i>
<p class="t1">未通过SKU</p> <p class="t1">未通过SKU</p>
</a> </a>
<span class="color1 rowCenter verCenter">{{data.reject_sku_count}}</span> <span class="color1 rowCenter verCenter">{{data.reject_sku_count}}</span>
</li> </li>
<li class="column boxsiz"> <li class="boxsiz">
<a class="wrap" href="/#/list"> <a class="wrap boxsiz" href="/#/list">
<i class="iconfont iconclose"></i> <i class="iconfont iconclose"></i>
<p class="t1">下架SKU</p> <p class="t1">下架SKU</p>
</a> </a>
<span class="color2">{{data.off_shelf_sku_count}}</span> <span class="color2">{{data.off_shelf_sku_count}}</span>
</li> </li>
<li class="column boxsiz"> <li class="boxsiz">
<a class="wrap" href="/#/inquire"> <a class="wrap boxsiz" href="/#/inquire">
<i class="iconfont iconjinzhi1"></i> <i class="iconfont iconjinzhi1"></i>
<p class="t1">待报价</p> <p class="t1">待报价</p>
</a> </a>
<span class="color3">{{data.weekly_inquiry_ready_count}}</span> <span class="color3">{{data.weekly_inquiry_ready_count}}</span>
</li> </li>
<li class="column boxsiz"> <li class="boxsiz">
<a class="wrap" href="/#/quote"> <a class="wrap boxsiz" href="/#/quote">
<i class="iconfont iconjinzhi2"></i> <i class="iconfont iconjinzhi2"></i>
<p class="t1">已选中报价</p> <p class="t1">已选中报价</p>
</a> </a>
<span class="color4">{{data.weekly_quote_selected_count}}</span> <span class="color4">{{data.weekly_quote_selected_count}}</span>
</li> </li>
<li class="column boxsiz"> <li class="boxsiz">
<a class="wrap" href="/#/quote"> <a class="wrap boxsiz" href="/#/quote">
<i class="iconfont iconjinzhi2"></i> <i class="iconfont iconjinzhi2"></i>
<p class="t1">已成单报价</p> <p class="t1">已成单报价</p>
</a> </a>
<span class="color5">{{data.weekly_quote_deal_count}}</span> <span class="color5">{{data.weekly_quote_deal_count}}</span>
</li> </li>
<li class="column rowCenter verCenter boxsiz"> <li class="boxsiz">
<div class="wrap"> <a class="wrap boxsiz">
<i class="iconfont iconjinzhi3 "></i> <i class="iconfont iconjinzhi3 "></i>
<p class="t2">未完待续</p> <p class="t2">未完待续</p>
</div> </a>
</li> </li>
</ul> </ul>
<div class="rate-box boxsiz"> <div class="rate-box boxsiz">
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
<td>3</td> <td>3</td>
</tr> </tr>
<tr> <tr>
<td class="first" >1</td> <td class="first">1</td>
<td>NRF51822-QFAA-NRF51822</td> <td>NRF51822-QFAA-NRF51822</td>
<td>NORDIC</td> <td>NORDIC</td>
<td>3</td> <td>3</td>
...@@ -207,7 +207,7 @@ ...@@ -207,7 +207,7 @@
</div> </div>
<div class="box2"> <div class="box2">
<p class="t1">单个型号询报价总数分析</p> <p class="t1">单个型号询报价总数分析</p>
<input type="text" placeholder="请输入型号" class="inp boxsiz" /> <input type="text" placeholder="请输入型号" class="inp boxsiz"/>
<div id="echarts_box2" style="width: 100%;height:200px;"></div> <div id="echarts_box2" style="width: 100%;height:200px;"></div>
</div> </div>
</div> </div>
...@@ -225,7 +225,8 @@ ...@@ -225,7 +225,8 @@
Message, Message,
DatePicker DatePicker
} from 'element-ui'; } from 'element-ui';
Vue.prototype.$message=Message
Vue.prototype.$message = Message
Vue.use(Form).use(FormItem).use(DatePicker); Vue.use(Form).use(FormItem).use(DatePicker);
...@@ -239,9 +240,9 @@ ...@@ -239,9 +240,9 @@
"weekly_spu_count": 100, "weekly_spu_count": 100,
"all_sku_count": 100, "all_sku_count": 100,
"reject_sku_count": 100, "reject_sku_count": 100,
"weekly_quote_deal_count":100, "weekly_quote_deal_count": 100,
"off_shelf_sku_count": 100, "off_shelf_sku_count": 100,
"weekly_quote_count":100, "weekly_quote_count": 100,
"brand_count": 100, "brand_count": 100,
"weekly_sku_count": 100, "weekly_sku_count": 100,
"all_spu_count": 100, "all_spu_count": 100,
...@@ -253,9 +254,19 @@ ...@@ -253,9 +254,19 @@
}, },
watch: {}, watch: {},
created() { created() {
this.getData()
}, },
mounted() { mounted() {
var self = this;
this.getData();
window.onresize = function () {
console.log('test')
self.getData();
};
},
methods: {
getData() {
var myChart = echarts.init(document.getElementById('echarts_box')); var myChart = echarts.init(document.getElementById('echarts_box'));
var myChart1 = echarts.init(document.getElementById('echarts_box1')); var myChart1 = echarts.init(document.getElementById('echarts_box1'));
var myChart2 = echarts.init(document.getElementById('echarts_box2')); var myChart2 = echarts.init(document.getElementById('echarts_box2'));
...@@ -333,18 +344,6 @@ ...@@ -333,18 +344,6 @@
myChart.setOption(option); myChart.setOption(option);
myChart1.setOption(option); myChart1.setOption(option);
myChart2.setOption(option1); myChart2.setOption(option1);
},
methods: {
getData() {
this.$http('get', "/api/statistics/index", {}).then(res => {
if (res.err_code === 0) {
this.data = res.data
} else {
this.$message(res.err_msg);
}
})
} }
}, },
components: { components: {
......
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 sign in to comment