Skip to content

M
mes-ui
Commit 1538932b authored by 周远喜's avatar 周远喜
Browse files
Options

ok

parent cacadce6
Show whitespace changes
Inline Side-by-side
Showing with 306 additions and 306 deletions
pages/home/component/approval.vue
View file @ 1538932b
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<a class="row_more fr" @click="toivew">更多</a> <a class="row_more fr" @click="toivew">更多</a>
</p> </p>
<div class="row_card_body"> <div class="row_card_body">
<Table border :columns="columns1" :data="data1" height="220"></Table> <Table border :columns="columns1" :data="data1" height="250"></Table>
</div> </div>
</Card> </Card>
<Modal v-model="viewModal" width="800" title="详情"> <Modal v-model="viewModal" width="800" title="详情">
......
pages/home/component/staChart.vue
View file @ 1538932b
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
format="yyyy/MM/dd" format="yyyy/MM/dd"
type="daterange" type="daterange"
placement="bottom-end" placement="bottom-end"
placeholder="Select date" placeholder="选择日期"
style="width: 200px" style="width: 200px"
></DatePicker> ></DatePicker>
<Button type="primary">查询</Button> <Button type="primary">查询</Button>
......
pages/home/component/unreadMessage.vue
View file @ 1538932b
...@@ -87,7 +87,7 @@ export default { ...@@ -87,7 +87,7 @@ export default {
} }
} }
.msg { .msg {
height: 215px; height: 245px;
overflow-y: auto; overflow-y: auto;
margin-top: 10px; margin-top: 10px;
.row-text { .row-text {
......
pages/home/index.vue
View file @ 1538932b
<template> <template>
<div class="home_box"> <div class="home">
<Card> <div class="card-user">
<div class="flex"> <div class="img-header">
<div class="user">
<img src="@/assets/images/home/user.png" /> <img src="@/assets/images/home/user.png" />
</div>
<div class="user-text"> <div class="user-text">
<p>你好：张飞，欢迎登录MES系统!</p> <p>你好：张飞，欢迎登录MES系统!</p>
<p> <p>
...@@ -11,53 +11,247 @@ ...@@ -11,53 +11,247 @@
<span>工艺技术员</span> <span>工艺技术员</span>
</p> </p>
</div> </div>
<div class="incon-carousel">
<div class="bg-b">
<Icon type="ios-arrow-back" />
</div>
<div class="bg">
<Icon type="ios-cube" />
<p>电子对账单</p>
</div>
<div class="bg">
<Icon type="md-mail" />
<p>站内邮件</p>
</div>
<div class="bg">
<Icon type="md-map" />
<p>站内邮件</p>
</div>
<div class="bg">
<Icon type="ios-cube" />
<p>电子对账单</p>
</div>
<div class="bg">
<Icon type="ios-cube" />
<p>电子对账单</p>
</div> </div>
<div class="fg flex"> <div class="bg">
<div class="left"> <Icon type="md-mail" />
<Icon type="ios-arrow-back" size="32" /> <p>站内邮件</p>
</div> </div>
<div class="fg"></div> <div class="bg">
<div class="right"> <Icon type="md-mail" />
<Icon type="ios-arrow-forward" size="32" /> <p>站内邮件</p>
</div> </div>
<div class="bg-l">
<Icon type="ios-arrow-forward" />
</div> </div>
</div> </div>
</div>
<div class="card-list">
<div class="bg-b">
<Icon type="ios-arrow-back" />
</div>
<Card
v-for="(item,index) in listTask"
:key="index"
:class="item.name=='物料复验' ? 'img_bg02':(item.name=='产品合格证' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))"
@click.native="goPage(item)"
>
<div class="leftIco">
<img class="img_icon" :src="imgUrl + item.image" alt />
</div>
<div class="text-p">
<p>{{item.totalUrl}}</p>
<p>{{item.name}}</p>
</div>
</Card> </Card>
<div class="bg-l">
<Icon type="ios-arrow-forward" />
</div>
</div>
<Row class="table" :gutter="16">
<Col :span="15">
<Approval ref="approval" />
</Col>
<Col :span="9">
<UnreadMessage />
</Col>
</Row>
<div class="table">
<StaChart/>
</div>
</div> </div>
</template> </template>
<script> <script>
import Api from "./api";
import Approval from "./component/approval";
import UnreadMessage from "./component/unreadMessage";
import StaChart from "./component/staChart";
export default { export default {
name: "", components: {
Approval,
UnreadMessage,
StaChart
},
data() { data() {
return {}; return {
listTask: [],
imgUrl: iconImg,
};
},
created() {
this.get();
},
methods: {
get() {
let list = [];
let url = `${systemUrl}/backlog/get`;
this.$api.get(url).then(r => {
list = r.result;
list.forEach(data => {
// console.log(data.totalUrl)
let ulrt = `http://${address}:` + data.totalUrl;
data.totalUrl = 0;
this.$api.get(ulrt).then(r => {
return (data.totalUrl = r.result);
});
});
console.log(list);
this.listTask = list;
});
},
goPage(u) {
// alert(u.menuUrl)
this.$router.push(u.menuUrl);
}
} }
}; };
</script> </script>
<style lang="less" scoped>
<style lang="less"> .ivu-layout-content {
.home_box { background-color: none !important;
background: rgba(245, 246, 250, 1); }
margin: -5px -10px -50px -10px; .home {
height: 100%; padding: 10px 0;
padding: 5px 10px; .card-user {
.flex{ padding: 25px 15px;
height: 90px; height: 120px;
.user{ background: rgba(255, 255, 255, 1);
width: 600px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
img{ border-radius: 8px;
.img-header {
margin-top: -8px;
float: left; float: left;
} }
.user-text {
float: left;
p {
margin: 10px;
} }
.fg { }
.left,.right{ .incon-carousel {
width: 50px; float: right;
line-height: 90px; // margin-top: 8px;
width: 800px;
.bg-b {
float: left;
margin-top: 10px;
font-size: 30px;
color: #dcdfe6;
}
.bg-l {
float: right;
margin-top: 10px;
font-size: 30px;
color: #dcdfe6;
}
.bg {
text-align: center; text-align: center;
color: #A7B8CC; width: 100px;
float: left;
.ivu-icon {
font-size: 35px;
color: #2680eb;
}
p {
margin-top: 8px;
}
} }
} }
}
.card-list {
display: flex;
display: -webkit-flex;
margin-top: 15px;
justify-content: space-around;
.bg-b {
margin-top: 40px;
font-size: 30px;
color: #dcdfe6;
width: 35px;
}
.bg-l {
margin-top: 40px;
font-size: 30px;
color: #dcdfe6;
width: 35px;
}
.img_bg01 {
background-color: #ff9100;
width: 290px;
height: 130px;
cursor: pointer;
background: linear-gradient(to left, #0673df, #26c2e9);
}
.img_bg02 {
width: 290px;
height: 130px;
cursor: pointer;
background: linear-gradient(to left, #5140e9, #8a92fc);
}
.img_bg03 {
cursor: pointer;
width: 290px;
height: 130px;
background: linear-gradient(to left, #04b573, #69fc8a);
}
.img_bg04 {
cursor: pointer;
width: 290px;
height: 130px;
background: linear-gradient(to left, #6514cf, #a972fe);
}
.img_icon {
width: 40px;
height: 40px;
margin: 45% 0 0 20%;
}
.text-p {
text-align: center;
color: #fff;
padding: 2% 0 0 40%;
p:first-child {
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
}
p:nth-child(2) {
font-size: 18px;
}
}
}
.url-img {
width: 100%;
height: 370px;
background: url("../../assets/images/home/echars.png") no-repeat;
background-size: 100% 100%;
}
.table {
margin-top: 15px;
} }
} }
</style> </style>
\ No newline at end of file
pages/home/index1.vue 0 → 100644
View file @ 1538932b
<template>
<div class="home_box">
<Card>
<div class="flex">
<div class="user">
<img src="@/assets/images/home/user.png" />
<div class="user-text">
<p>你好：张飞，欢迎登录MES系统!</p>
<p>
<span>xx公司/xx车间xx班组</span> &nbsp &nbsp
<span>工艺技术员</span>
</p>
</div>
</div>
<div class="fg flex">
<div class="left">
<Icon type="ios-arrow-back" size="32" />
</div>
<div class="fg"></div>
<div class="right">
<Icon type="ios-arrow-forward" size="32" />
</div>
</div>
</div>
</Card>
</div>
</template>
<script>
export default {
name: "",
data() {
return {};
}
};
</script>
<style lang="less">
.home_box {
background: rgba(245, 246, 250, 1);
margin: -5px -10px -50px -10px;
height: 100%;
padding: 5px 10px;
.flex{
height: 90px;
.user{
width: 600px;
img{
float: left;
}
}
.fg {
.left,.right{
width: 50px;
line-height: 90px;
text-align: center;
color: #A7B8CC;
}
}
}
}
</style>
\ No newline at end of file
pages/home/index2.vue deleted 100644 → 0
View file @ cacadce6
<template>
<div class="home">
<div class="card-user">
<div class="img-header">
<img src="@/assets/images/home/user.png" />
</div>
<div class="user-text">
<p>你好：张飞，欢迎登录MES系统!</p>
<p>
<span>xx公司/xx车间xx班组</span> &nbsp &nbsp
<span>工艺技术员</span>
</p>
</div>
<div class="incon-carousel">
<div class="bg-b">
<Icon type="ios-arrow-back" />
</div>
<div class="bg">
<Icon type="ios-cube" />
<p>电子对账单</p>
</div>
<div class="bg">
<Icon type="md-mail" />
<p>站内邮件</p>
</div>
<div class="bg">
<Icon type="md-map" />
<p>站内邮件</p>
</div>
<div class="bg">
<Icon type="ios-cube" />
<p>电子对账单</p>
</div>
<div class="bg">
<Icon type="ios-cube" />
<p>电子对账单</p>
</div>
<div class="bg">
<Icon type="md-mail" />
<p>站内邮件</p>
</div>
<div class="bg">
<Icon type="md-mail" />
<p>站内邮件</p>
</div>
<div class="bg-l">
<Icon type="ios-arrow-forward" />
</div>
</div>
</div>
<div class="card-list">
<div class="bg-b">
<Icon type="ios-arrow-back" />
</div>
<Card
v-for="(item,index) in listTask"
:key="index"
:class="item.name=='物料复验' ? 'img_bg02':(item.name=='产品合格证' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))"
@click.native="goPage(item)"
>
<div class="leftIco">
<img class="img_icon" :src="imgUrl + item.image" alt />
</div>
<div class="text-p">
<p>{{item.totalUrl}}</p>
<p>{{item.name}}</p>
</div>
</Card>
<div class="bg-l">
<Icon type="ios-arrow-forward" />
</div>
</div>
<Row class="table" :gutter="16">
<Col :span="15">
<Approval ref="approval" />
</Col>
<Col :span="9">
<UnreadMessage />
</Col>
</Row>
<div class="table">
<StaChart/>
</div>
</div>
</template>
<script>
import Api from "./api";
import Approval from "./component/approval";
import UnreadMessage from "./component/unreadMessage";
import StaChart from "./component/staChart";
export default {
components: {
Approval,
UnreadMessage,
StaChart
},
data() {
return {
listTask: [],
imgUrl: iconImg,
};
},
created() {
this.get();
},
methods: {
get() {
let list = [];
let url = `${systemUrl}/backlog/get`;
this.$api.get(url).then(r => {
list = r.result;
list.forEach(data => {
// console.log(data.totalUrl)
let ulrt = `http://${address}:` + data.totalUrl;
data.totalUrl = 0;
this.$api.get(ulrt).then(r => {
return (data.totalUrl = r.result);
});
});
console.log(list);
this.listTask = list;
});
},
goPage(u) {
// alert(u.menuUrl)
this.$router.push(u.menuUrl);
}
}
};
</script>
<style lang="less" scoped>
.ivu-layout-content {
background-color: none !important;
}
.home {
padding: 10px 0;
.card-user {
padding: 25px 15px;
height: 120px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
border-radius: 8px;
.img-header {
margin-top: -8px;
float: left;
}
.user-text {
float: left;
p {
margin: 10px;
}
}
.incon-carousel {
float: right;
// margin-top: 8px;
width: 800px;
.bg-b {
float: left;
margin-top: 10px;
font-size: 30px;
color: #dcdfe6;
}
.bg-l {
float: right;
margin-top: 10px;
font-size: 30px;
color: #dcdfe6;
}
.bg {
text-align: center;
width: 100px;
float: left;
.ivu-icon {
font-size: 35px;
color: #2680eb;
}
p {
margin-top: 8px;
}
}
}
}
.card-list {
display: flex;
display: -webkit-flex;
margin-top: 15px;
justify-content: space-around;
.bg-b {
margin-top: 40px;
font-size: 30px;
color: #dcdfe6;
width: 35px;
}
.bg-l {
margin-top: 40px;
font-size: 30px;
color: #dcdfe6;
width: 35px;
}
.img_bg01 {
background-color: #ff9100;
width: 290px;
height: 130px;
cursor: pointer;
background: linear-gradient(to left, #0673df, #26c2e9);
}
.img_bg02 {
width: 290px;
height: 130px;
cursor: pointer;
background: linear-gradient(to left, #5140e9, #8a92fc);
}
.img_bg03 {
cursor: pointer;
width: 290px;
height: 130px;
background: linear-gradient(to left, #04b573, #69fc8a);
}
.img_bg04 {
cursor: pointer;
width: 290px;
height: 130px;
background: linear-gradient(to left, #6514cf, #a972fe);
}
.img_icon {
width: 40px;
height: 40px;
margin: 45% 0 0 20%;
}
.text-p {
text-align: center;
color: #fff;
padding: 2% 0 0 40%;
p:first-child {
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
}
p:nth-child(2) {
font-size: 18px;
}
}
}
.url-img {
width: 100%;
height: 370px;
background: url("../../assets/images/home/echars.png") no-repeat;
background-size: 100% 100%;
}
.table {
margin-top: 15px;
}
}
</style>
\ No newline at end of file
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