Skip to content

M
mes-ui
Commit 31c971a3 authored by renjintao's avatar renjintao
Browse files
Options

plan home

parent 1c945fd6
Hide whitespace changes
Inline Side-by-side
Showing with 628 additions and 546 deletions
i18n/locale/zh-CN.js
View file @ 31c971a3
...@@ -839,7 +839,7 @@ export default { ...@@ -839,7 +839,7 @@ export default {
mainDepartmentId: '厂内主主体责任部门', mainDepartmentId: '厂内主主体责任部门',
remark: '备注', remark: '备注',
taskInputDate: '创建日期', taskInputDate: '创建日期',
taskRequire: '任务接点要求', taskRequire: '任务要求',
putintDocmentCode: '上传文件名称', putintDocmentCode: '上传文件名称',
technologyDocmentCode: '上传文件名称', technologyDocmentCode: '上传文件名称',
outerDrawnNumber: '外部图号/模型号', outerDrawnNumber: '外部图号/模型号',
...@@ -854,8 +854,8 @@ export default { ...@@ -854,8 +854,8 @@ export default {
equipment: '设备', equipment: '设备',
materialWeight: '材料重量', materialWeight: '材料重量',
isSupportingFinish: '配套状态', //是否配套，0 未配套，1 已配套 isSupportingFinish: '配套状态', //是否配套，0 未配套，1 已配套
demandStartDate: '投料时间', demandStartDate: '开始时间',
demandFinishDate: '节点时间', demandFinishDate: '完成时间',
actualStartDate: '订单实际开始时间，实际为第一道工序的开始时间', actualStartDate: '订单实际开始时间，实际为第一道工序的开始时间',
actualFinishDate: '订单实际结束时间，实际为最后一道工序的结束时间', actualFinishDate: '订单实际结束时间，实际为最后一道工序的结束时间',
isDeleted: '是否被删除，0 : 否，1 是', isDeleted: '是否被删除，0 : 否，1 是',
...@@ -923,7 +923,7 @@ export default { ...@@ -923,7 +923,7 @@ export default {
taskRequire: '任务要求', taskRequire: '任务要求',
status: '订单状态', status: '订单状态',
divideMark: '分解标记:1-已分解;0-未分解', divideMark: '分解标记:1-已分解;0-未分解',
productCode: '产品序号:No1~No99', productCode: '产品序号',
productName: '产品名称', productName: '产品名称',
drawnNumber: '图号', drawnNumber: '图号',
rootId: '根节点Id', rootId: '根节点Id',
......
pages/aps/plan/index.vue
View file @ 31c971a3
...@@ -267,6 +267,60 @@ export default { ...@@ -267,6 +267,60 @@ export default {
high: true, high: true,
code: "aps.plan.ispreschedule", code: "aps.plan.ispreschedule",
}, },
{
key: "taskRequire",
title: this.l("taskRequire"),
align: "left",
easy: true,
high: true,
hide: true
},
{
key: "productingPreparationPeople",
title: this.l("productingPreparationPeople"),
align: "left",
high: true,
hide: true,
type: 'workShopName'
},
{
key: "productingPreparationFinishDate",
title: this.l("productingPreparationFinishDate"),
align: "left",
high: true,
hide: true
},
{
key: "quotationPeople",
title: this.l("quotationPeople"),
align: "left",
high: true,
hide: true,
type: "user"
},
{
key: "quotationFinishDate",
title: this.l("quotationFinishDate"),
align: "left",
high: true,
hide: true
},
{
key: "demandStartDate",
title: this.l("demandStartDate"),
align: "left",
high: true,
hide: true,
type: "date"
},
{
key: "demandFinishDate",
title: this.l("demandFinishDate"),
align: "left",
high: true,
hide: true,
type: "date"
},
// { // {
// key: "spareQty", // key: "spareQty",
// title: this.l("spareQty"), // title: this.l("spareQty"),
......
pages/home/index.vue
View file @ 31c971a3
<template> <template>
<div class="home"> <div class="home">
<div class="card-user"> <div class="card-user">
<div class="img-header"> <div class="img-header">
<Avatar :src="avatorPath" size="90" v-if="imgPath" /> <Avatar :src="avatorPath" size="90" v-if="imgPath" />
<img src="@/assets/images/home/user.png" width="90px" height="90px" v-else /> <img src="@/assets/images/home/user.png" width="90px" height="90px" v-else />
</div> </div>
<div class="user-text"> <div class="user-text">
<p>你好：{{userData.userName}}，欢迎登录MES系统!</p> <p>你好：{{userData.userName}}，欢迎登录MES系统!</p>
<p> <p>
<span class="mr20">{{userData.departmentTitle}}</span> <span class="mr20">{{userData.departmentTitle}}</span>
<span>{{userData.roleTitles}}</span> <span>{{userData.roleTitles}}</span>
</p> </p>
</div> </div>
<div class="incon-carousel"> <div class="incon-carousel">
<Icon <Icon type="ios-arrow-back" class="bg-b" @click="clickLeft" :class="num1<0?'bg-b1':'bg-b'" v-if="collect.length>0" />
type="ios-arrow-back" <div class="list-shoucang" :style="{'margin-left': num1 * 230 + 'px',width :'990px',}">
class="bg-b" <div class="bg" v-for="(item,i) in collect" :key="i" @click="toPage(item)">
@click="clickLeft" <Icon :type="item.icon||'md-mail'" />
:class="num1<0?'bg-b1':'bg-b'" <p>{{item.title}}</p>
v-if="collect.length>0" </div>
/> </div>
<div class="list-shoucang" :style="{'margin-left': num1 * 230 + 'px',width :'990px',}"> <Icon type="ios-arrow-forward" class="bg-l" @click="clickRight" :class="collect.length>8 && showIcon ?'bg-l1':'bg-l'" v-if="collect.length>0" />
<div class="bg" v-for="(item,i) in collect" :key="i" @click="toPage(item)"> <a class="down-delete" @click="setDelete">
<Icon :type="item.icon||'md-mail'" /> <Icon type="md-settings" class="f20" v-if="collect.length>0" />
<p>{{item.title}}</p> </a>
</div>
</div> </div>
<Icon
type="ios-arrow-forward"
class="bg-l"
@click="clickRight"
:class="collect.length>8 && showIcon ?'bg-l1':'bg-l'"
v-if="collect.length>0"
/>
<a class="down-delete" @click="setDelete">
<Icon type="md-settings" class="f20" v-if="collect.length>0" />
</a>
</div>
</div> </div>
<div class="card-list"> <div class="card-list">
<Icon type="ios-arrow-back" @click="leftmove" :class="num<0?'bg-b1':'bg-b'" /> <Icon type="ios-arrow-back" @click="leftmove" :class="num<0?'bg-b1':'bg-b'" />
<div class="list-c" :style="{width:'98%','margin-left': num * 740 + 'px',}"> <div class="list-c" :style="{width:'98%','margin-left': num * 740 + 'px',}">
<div <div v-for="(item,index) in listTask" :key="index" :class="item.name=='订单报价' ? 'img_bg02':(item.name=='质量检验' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))" @click="goPage(item)">
v-for="(item,index) in listTask" <div class="leftIco">
:key="index" <img class="img_icon" :src="imgUrl + item.image" alt />
:class="item.name=='订单报价' ? 'img_bg02':(item.name=='质量检验' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))" </div>
@click="goPage(item)" <div class="text-p">
> <p>{{item.totalUrl}}</p>
<div class="leftIco"> <p>{{item.name}}</p>
<img class="img_icon" :src="imgUrl + item.image" alt /> </div>
</div> </div>
<div class="text-p">
<p>{{item.totalUrl}}</p>
<p>{{item.name}}</p>
</div>
</div> </div>
</div> <Icon type="ios-arrow-forward" :class="listTask.length>5&& showArrow?'bg-l1':'bg-l'" @click="rightmove" />
<Icon
type="ios-arrow-forward"
:class="listTask.length>5&& showArrow?'bg-l1':'bg-l'"
@click="rightmove"
/>
</div> </div>
<Row class="table" :gutter="16"> <Row class="table" :gutter="16">
<Col :span="15"> <Col :span="15">
<Approval ref="approval" /> <Approval ref="approval" />
</Col> </Col>
<Col :span="9"> <Col :span="9">
<UnreadMessage /> <UnreadMessage />
</Col> </Col>
</Row> </Row>
<div class="table title-r" v-if="show"> <div class="table title-r" v-if="show">
<div class="a-r" @click="set(show)"> <div class="a-r" @click="set(show)">
<Icon type="md-settings" class="f20" /> <Icon type="md-settings" class="f20" />
</div> </div>
<StaChart /> <StaChart />
</div> </div>
<div class="table title-r" v-if="show1"> <div class="table title-r" v-if="show1">
<div class="a-r" @click="set"> <div class="a-r" @click="set">
<Icon type="md-settings" class="f20" /> <Icon type="md-settings" class="f20" />
</div> </div>
<UnqualifiedEcharts /> <UnqualifiedEcharts />
</div> </div>
<Row class="table title-r" :gutter="16"> <Row class="table title-r" :gutter="16">
<Col :span="8" class="title-r" v-if="show2"> <Col :span="8" class="title-r" v-if="show2">
<div class="a-r" @click="set(show2)"> <div class="a-r" @click="set(show2)">
<Icon type="md-settings" class="f20" /> <Icon type="md-settings" class="f20" />
</div> </div>
<WorkChart /> <WorkChart />
</Col> </Col>
<Col :span="8" class="title-r" v-if="show3"> <Col :span="8" class="title-r" v-if="show3">
<div class="a-r" @click="set"> <div class="a-r" @click="set">
<Icon type="md-settings" class="f20" /> <Icon type="md-settings" class="f20" />
</div> </div>
<SuspendChart /> <SuspendChart />
</Col> </Col>
<Col :span="8" class="title-r" v-if="show4"> <Col :span="8" class="title-r" v-if="show4">
<div class="a-r" @click="set"> <div class="a-r" @click="set">
<Icon type="md-settings" class="f20" /> <Icon type="md-settings" class="f20" />
</div> </div>
<MaterielChart /> <MaterielChart />
</Col> </Col>
</Row> </Row>
<Modal v-model="modal1" title="统计列表显示设置" width="900" footer-hide :mask-closable="false"> <Modal v-model="modal1" title="统计列表显示设置" width="900" footer-hide :mask-closable="false">
<Divider> <Divider>
<span style="color: #2680eb;"> <span style="color: #2680eb;">
生产计划状态监控 生产计划状态监控
<Icon :type="show?'md-eye':'md-eye-off'" @click="clickEye" class="eye"/> <Icon :type="show?'md-eye':'md-eye-off'" @click="clickEye" class="eye" />
</span> </span>
</Divider> </Divider>
<div class="set-img"> <div class="set-img">
<img src="@/assets/images/home/user-img1.png" style="width:630px;height:165px" /> <img src="@/assets/images/home/user-img1.png" style="width:630px;height:165px" />
</div> </div>
<Divider> <Divider>
<span style="color: #2680eb;"> <span style="color: #2680eb;">
不合格品审理单统计 不合格品审理单统计
<Icon :type="show1?'md-eye':'md-eye-off'" @click="clickEye1" class="eye"/> <Icon :type="show1?'md-eye':'md-eye-off'" @click="clickEye1" class="eye" />
</span> </span>
</Divider> </Divider>
<div class="set-img"> <div class="set-img">
<img src="@/assets/images/home/user-img2.png" style="width:630px;height:165px" /> <img src="@/assets/images/home/user-img2.png" style="width:630px;height:165px" />
</div> </div>
<Divider> <Divider>
<span style="color: #2680eb;"> <span style="color: #2680eb;">
班组工单监控 班组工单监控
<Icon :type="show2?'md-eye':'md-eye-off'" @click="clickEye2" class="eye"/> <Icon :type="show2?'md-eye':'md-eye-off'" @click="clickEye2" class="eye" />
</span> </span>
</Divider> </Divider>
<div class="set-img"> <div class="set-img">
<img src="@/assets/images/home/user-img3.png" style="width:310px;height:165px" /> <img src="@/assets/images/home/user-img3.png" style="width:310px;height:165px" />
</div> </div>
<Divider> <Divider>
<span style="color: #2680eb;"> <span style="color: #2680eb;">
暂停任务统计 暂停任务统计
<Icon :type="show3?'md-eye':'md-eye-off'" @click="clickEye3" class="eye"/> <Icon :type="show3?'md-eye':'md-eye-off'" @click="clickEye3" class="eye" />
</span> </span>
</Divider> </Divider>
<div class="set-img"> <div class="set-img">
<img src="@/assets/images/home/user-img4.png" style="width:310px;height:165px" /> <img src="@/assets/images/home/user-img4.png" style="width:310px;height:165px" />
</div> </div>
<Divider> <Divider>
<span style="color: #2680eb;"> <span style="color: #2680eb;">
物料相关统计 物料相关统计
<Icon :type="show4?'md-eye':'md-eye-off'" @click="clickEye4" class="eye"/> <Icon :type="show4?'md-eye':'md-eye-off'" @click="clickEye4" class="eye" />
</span> </span>
</Divider> </Divider>
<div class="set-img"> <div class="set-img">
<img src="@/assets/images/home/user-img5.png" style="width:310px;height:165px" /> <img src="@/assets/images/home/user-img5.png" style="width:310px;height:165px" />
</div> </div>
</Modal> </Modal>
<Modal v-model="modal" title="删除收藏" width="300" footer-hide :mask-closable="false"> <Modal v-model="modal" title="删除收藏" width="300" footer-hide :mask-closable="false">
<ul class="modal-r"> <ul class="modal-r">
<li <li v-for="(li,i) in collect" :key="i" class="right-delete" v-dragging="{ item: li, list: collect}">
v-for="(li,i) in collect" <Icon :type="li.icon||'md-mail'" />&nbsp;&nbsp;
:key="i" <span>{{li.title}}</span>
class="right-delete" <a @click="remover(li.menuId)">
v-dragging="{ item: li, list: collect}" <Icon type="md-trash" />
> </a>
<Icon :type="li.icon||'md-mail'" />&nbsp;&nbsp; </li>
<span>{{li.title}}</span> </ul>
<a @click="remover(li.menuId)">
<Icon type="md-trash" />
</a>
</li>
</ul>
</Modal> </Modal>
</div> </div>
</template> </template>
<script> <script>
import Api from "./api"; import Api from "./api";
import Approval from "./component/approval"; import Approval from "./component/approval";
...@@ -178,443 +153,496 @@ import WorkChart from "./component/workChart"; ...@@ -178,443 +153,496 @@ import WorkChart from "./component/workChart";
import SuspendChart from "./component/suspendChart"; import SuspendChart from "./component/suspendChart";
import MaterielChart from "./component/materielChart"; import MaterielChart from "./component/materielChart";
import { mapState } from "vuex"; import {
mapState
} from "vuex";
export default { export default {
components: { components: {
Approval, Approval,
UnreadMessage, UnreadMessage,
StaChart, StaChart,
UnqualifiedEcharts, UnqualifiedEcharts,
WorkChart, WorkChart,
SuspendChart, SuspendChart,
MaterielChart, MaterielChart,
},
data() {
return {
modal: false,
modal1: false,
listTask: [],
listFavorite: [],
imgUrl: iconImg,
userData: {},
avatorPath: "",
imgPath: true,
setStatistics: true,
show: true,
show1: false,
show2: false,
show3: false,
show4: false,
num: 0,
num1: 0,
showIcon: true,
showArrow: true,
};
},
async fetch({ store, params }) {
// console.warn("vvvvvv");
await store.dispatch("collectList"); // 加载数据字典
},
created() {
this.$store.dispatch("collectList");
this.get();
this.getUserInfoFn();
// console.log(this.$store.state.collect);
// this.getList();
},
mounted() {
this.$dragging.$on("dragged", ({ value }) => {
// console.log("-----------" + value);
});
},
computed: {
...mapState({ collect: "collect" }),
},
methods: {
clickLeft() {
if (this.num1 < 0) {
this.num1 += 1;
if (this.num1 == 0) {
this.showIcon = true;
}
}
}, },
clickRight() { data() {
if (this.num1 + this.collect.length > 8) { return {
this.num1 -= 1; modal: false,
if (this.num1 + this.collect.length == 8) { modal1: false,
this.showIcon = false; listTask: [],
} listFavorite: [],
} else { imgUrl: iconImg,
this.showIcon = false; userData: {},
} avatorPath: "",
imgPath: true,
setStatistics: true,
show: true,
show1: false,
show2: false,
show3: false,
show4: false,
num: 0,
num1: 0,
showIcon: true,
showArrow: true,
};
}, },
leftmove() { async fetch({
if (this.num < 0) { store,
this.num += 1; params
if (this.num == 0) { }) {
this.showArrow = true; // console.warn("vvvvvv");
} await store.dispatch("collectList"); // 加载数据字典
}
},
rightmove() {
if (this.num + this.listTask.length > 5) {
this.num -= 1;
if (this.num + this.listTask.length == 5) {
this.showArrow = false;
}
} else {
this.showArrow = false;
}
}, },
getUserInfoFn() { created() {
let userId = this.$store.state.userInfo.userId; this.$store.dispatch("collectList");
Api.getUserInfo({ id: userId }).then((res) => {
if (res.success) { this.get();
this.userData = res.result; this.getUserInfoFn();
if (res.result) { // console.log(this.$store.state.collect);
this.avatorPath = fileUrlDown + res.result.avatarUrl; // this.getList();
// console.log(this.avatorPath)
this.imgPath = true;
} else {
this.avatorPath = "";
this.imgPath = false;
}
} else {
this.$Message.error("查询失败!");
}
});
}, },
get() { mounted() {
let list = []; this.$dragging.$on("dragged", ({
let url = `${systemUrl}/backlog/get`; value
this.$api.get(url).then((r) => { }) => {
list = r.result; // console.log("-----------" + value);
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);
});
}); });
this.listTask = list;
this.shuliang = this.listTask.length;
});
},
goPage(u) {
this.$router.push(u.menuUrl);
},
toPage(u) {
this.$router.push(u.url);
},
set() {
this.modal1 = true;
this.setStatistics = true;
},
clickEye() {
this.show = !this.show;
},
clickEye1() {
this.show1 = !this.show1;
},
clickEye2() {
this.show2 = !this.show2;
},
clickEye3() {
this.show3 = !this.show3;
},
clickEye4() {
this.show4 = !this.show4;
}, },
setDelete() { computed: {
this.modal = true; ...mapState({
collect: "collect"
}),
}, },
remover(id) { methods: {
this.$Modal.confirm({ clickLeft() {
title: "删除收藏", if (this.num1 < 0) {
content: "<p>您确定要删除收藏吗</p>", this.num1 += 1;
onOk: () => { if (this.num1 == 0) {
let url = `${systemUrl}/favorite/delete`; this.showIcon = true;
let menuId = []; }
menuId.push(id);
this.$api.post(url, menuId).then((r) => {
if (r.success) {
this.$Message.success("收藏已删除");
this.$store.dispatch("collectList");
} }
});
}, },
onCancel: () => { clickRight() {
// this.$Message.info("Clicked cancel"); if (this.num1 + this.collect.length > 8) {
this.num1 -= 1;
if (this.num1 + this.collect.length == 8) {
this.showIcon = false;
}
} else {
this.showIcon = false;
}
},
leftmove() {
if (this.num < 0) {
this.num += 1;
if (this.num == 0) {
this.showArrow = true;
}
}
},
rightmove() {
if (this.num + this.listTask.length > 5) {
this.num -= 1;
if (this.num + this.listTask.length == 5) {
this.showArrow = false;
}
} else {
this.showArrow = false;
}
},
getUserInfoFn() {
let userId = this.$store.state.userInfo.userId;
Api.getUserInfo({
id: userId
}).then((res) => {
if (res.success) {
this.userData = res.result;
if (res.result && res.result.avatarUrl && res.result.avatarUrl != '' && res.result.avatarUrl != null) {
this.avatorPath = fileUrlDown + res.result.avatarUrl;
// console.log(this.avatorPath)
this.imgPath = true;
} else {
this.avatorPath = "";
this.imgPath = false;
}
} else {
this.$Message.error("查询失败!");
}
});
},
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);
});
});
this.listTask = list;
this.shuliang = this.listTask.length;
});
},
goPage(u) {
this.$router.push(u.menuUrl);
},
toPage(u) {
this.$router.push(u.url);
},
set() {
this.modal1 = true;
this.setStatistics = true;
},
clickEye() {
this.show = !this.show;
},
clickEye1() {
this.show1 = !this.show1;
},
clickEye2() {
this.show2 = !this.show2;
},
clickEye3() {
this.show3 = !this.show3;
},
clickEye4() {
this.show4 = !this.show4;
},
setDelete() {
this.modal = true;
},
remover(id) {
this.$Modal.confirm({
title: "删除收藏",
content: "<p>您确定要删除收藏吗</p>",
onOk: () => {
let url = `${systemUrl}/favorite/delete`;
let menuId = [];
menuId.push(id);
this.$api.post(url, menuId).then((r) => {
if (r.success) {
this.$Message.success("收藏已删除");
this.$store.dispatch("collectList");
}
});
},
onCancel: () => {
// this.$Message.info("Clicked cancel");
},
});
},
cancel() {
this.modal = false;
}, },
});
},
cancel() {
this.modal = false;
}, },
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import "../../assets/css/custom.less"; @import "../../assets/css/custom.less";
.ivu-layout-content { .ivu-layout-content {
background-color: none !important; background-color: none !important;
} }
.home { .home {
padding: 5px; padding: 5px;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
.card-user {
padding: 25px 0 0 15px; .card-user {
height: 120px; padding: 25px 0 0 15px;
background-color: @card-bg; height: 120px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); background-color: @card-bg;
border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
display: flex; border-radius: 8px;
display: -webkit-flex; display: flex;
display: -webkit-flex;
.img-header {
margin-top: -10px; .img-header {
z-index: 999; margin-top: -10px;
// background: rgba(255, 255, 255, 1); z-index: 999;
} // background: rgba(255, 255, 255, 1);
.ivu-avatar > img { }
width: 100%;
height: 100%; .ivu-avatar>img {
} width: 100%;
.user-text { height: 100%;
width: 43%; }
z-index: 999;
// background: rgba(255, 255, 255, 1); .user-text {
p { width: 43%;
margin: 10px 20px; z-index: 999;
}
// background: rgba(255, 255, 255, 1);
p {
margin: 10px 20px;
}
}
.incon-carousel {
width: 1000px;
position: relative;
text-align: center;
z-index: 100;
.bg-b {
margin-top: 10px;
font-size: 30px;
color: @icon-slide1-color;
opacity: 0.4;
position: absolute;
width: 40px;
top: 13px;
left: 0;
}
.bg-b1 {
margin-top: 10px;
font-size: 30px;
color: @icon-slide2-color;
cursor: pointer;
position: absolute;
width: 40px;
top: 13px;
left: 0;
}
.bg-l {
width: 40px;
margin-top: 10px;
font-size: 30px;
color: @icon-slide1-color;
opacity: 0.4;
position: absolute;
top: 13px;
right: 0;
}
.bg-l1 {
width: 40px;
margin-top: 10px;
font-size: 30px;
color: @icon-slide2-color;
cursor: pointer;
position: absolute;
top: 13px;
right: 0;
}
.list-shoucang {
// width: 960px;
display: -webkit-inline-box;
display: inline-box;
transition: margin-left 1s;
}
.bg {
text-align: center;
width: 122px;
.ivu-icon {
font-size: 35px;
color: @icon-color;
cursor: pointer;
}
p {
margin-top: 8px;
}
}
.down-delete {
position: absolute;
top: -17px;
right: 7px;
color: @icon-title-color;
.ivu-icon {
font-size: 16px;
}
}
}
} }
.incon-carousel {
width: 1000px; .card-list {
position: relative; // margin-top: 5px;
text-align: center; position: relative;
z-index: 100;
.bg-b {
margin-top: 10px;
font-size: 30px;
color: @icon-slide1-color;
opacity: 0.4;
position: absolute;
width: 40px;
top: 13px;
left: 0;
}
.bg-b1 {
margin-top: 10px;
font-size: 30px;
color: @icon-slide2-color;
cursor: pointer;
position: absolute;
width: 40px;
top: 13px;
left: 0;
}
.bg-l {
width: 40px;
margin-top: 10px;
font-size: 30px;
color: @icon-slide1-color;
opacity: 0.4;
position: absolute;
top: 13px;
right: 0;
}
.bg-l1 {
width: 40px;
margin-top: 10px;
font-size: 30px;
color: @icon-slide2-color;
cursor: pointer;
position: absolute;
top: 13px;
right: 0;
}
.list-shoucang {
// width: 960px;
display: -webkit-inline-box;
display: inline-box;
transition: margin-left 1s;
}
.bg {
text-align: center; text-align: center;
width: 122px;
.ivu-icon { .bg-b {
font-size: 35px; font-size: 30px;
color: @icon-color; color: @icon-slide1-color;
cursor: pointer; opacity: 0.4;
width: 35px;
position: absolute;
top: 45px;
left: 0;
}
.bg-b1 {
font-size: 30px;
color: @icon-slide2-color;
width: 35px;
position: absolute;
top: 45px;
left: 0;
cursor: pointer;
} }
p {
margin-top: 8px; .list-c {
transition: margin-left 1s;
margin: 0 auto;
display: -webkit-inline-box;
display: inline-box;
} }
}
.down-delete { .bg-l {
position: absolute; position: absolute;
top: -17px; font-size: 30px;
right: 7px; color: @icon-slide1-color;
color: @icon-title-color; opacity: 0.4;
.ivu-icon { top: 45px;
font-size: 16px; right: 0;
width: 35px;
}
.bg-l1 {
position: absolute;
font-size: 30px;
color: @icon-slide2-color;
top: 45px;
right: 0;
width: 35px;
cursor: pointer;
}
.img_bg01 {
// background-color: #ff9100;
width: 290px;
height: 130px;
border-radius: 8px;
cursor: pointer;
margin: 0 40px;
background-image: url("../../assets/images/home/ju-xing1.png");
// background: linear-gradient(to left, #0673df, #26c2e9);
}
.img_bg02 {
width: 290px;
height: 130px;
cursor: pointer;
margin: 0 40px;
border-radius: 8px;
background-image: url("../../assets/images/home/ju-xing2.png");
}
.img_bg03 {
cursor: pointer;
width: 290px;
height: 130px;
margin: 0 40px;
border-radius: 8px;
background-image: url("../../assets/images/home/ju-xing3.png");
}
.img_bg04 {
cursor: pointer;
width: 290px;
height: 130px;
margin: 0 40px;
border-radius: 8px;
background-image: url("../../assets/images/home/ju-xing4.png");
}
.img_icon {
width: 40px;
height: 40px;
margin: 72% 0 0 38px;
}
.text-p {
text-align: center;
color: #fff;
padding: 7% 0 0 35%;
p:first-child {
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
}
p:nth-child(2) {
font-size: 18px;
}
} }
}
}
}
.card-list {
// margin-top: 5px;
position: relative;
text-align: center;
.bg-b {
font-size: 30px;
color: @icon-slide1-color;
opacity: 0.4;
width: 35px;
position: absolute;
top: 45px;
left: 0;
}
.bg-b1 {
font-size: 30px;
color: @icon-slide2-color;
width: 35px;
position: absolute;
top: 45px;
left: 0;
cursor: pointer;
}
.list-c {
transition: margin-left 1s;
margin: 0 auto;
display: -webkit-inline-box;
display: inline-box;
}
.bg-l {
position: absolute;
font-size: 30px;
color: @icon-slide1-color;
opacity: 0.4;
top: 45px;
right: 0;
width: 35px;
}
.bg-l1 {
position: absolute;
font-size: 30px;
color: @icon-slide2-color;
top: 45px;
right: 0;
width: 35px;
cursor: pointer;
}
.img_bg01 {
// background-color: #ff9100;
width: 290px;
height: 130px;
border-radius: 8px;
cursor: pointer;
margin: 0 40px;
background-image: url("../../assets/images/home/ju-xing1.png");
// background: linear-gradient(to left, #0673df, #26c2e9);
}
.img_bg02 {
width: 290px;
height: 130px;
cursor: pointer;
margin: 0 40px;
border-radius: 8px;
background-image: url("../../assets/images/home/ju-xing2.png");
} }
.img_bg03 {
cursor: pointer; .url-img {
width: 290px; width: 100%;
height: 130px; height: 370px;
margin: 0 40px; background: url("../../assets/images/home/echars.png") no-repeat;
border-radius: 8px; background-size: 100% 100%;
background-image: url("../../assets/images/home/ju-xing3.png");
} }
.img_bg04 {
cursor: pointer; // .table {
width: 290px; // margin-top: 5px;
height: 130px; // }
margin: 0 40px; .title-r {
border-radius: 8px; position: relative;
background-image: url("../../assets/images/home/ju-xing4.png"); margin-top: 5px;
} }
.img_icon {
width: 40px; .a-r {
height: 40px; position: absolute;
margin: 72% 0 0 38px; top: 15px;
right: 15px;
z-index: 100;
color: @icon-title-color;
} }
.text-p {
text-align: center; .set-p {
color: #fff; width: 100%;
padding: 7% 0 0 35%; margin: 0 auto;
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: 5px;
// }
.title-r {
position: relative;
margin-top: 5px;
}
.a-r {
position: absolute;
top: 15px;
right: 15px;
z-index: 100;
color: @icon-title-color;
}
.set-p {
width: 100%;
margin: 0 auto;
}
} }
.set-img { .set-img {
width: 100%; width: 100%;
text-align: center; text-align: center;
margin-bottom: 25px; margin-bottom: 25px;
} }
.eye{
cursor: pointer; .eye {
cursor: pointer;
} }
.modal-r { .modal-r {
height: 400px; height: 400px;
overflow: auto; overflow: auto;
.right-delete {
height: 35px; .right-delete {
line-height: 35px; height: 35px;
border-bottom: 1px solid #eee; line-height: 35px;
.ivu-icon { border-bottom: 1px solid #eee;
color: #2680eb;
} .ivu-icon {
a { color: #2680eb;
float: right; }
a {
float: right;
}
} }
}
} }
</style> </style>
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