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