Skip to content

H
hp-smart
Commit c331022a by lyy
Options

中小企业页面

parent 77da15f3
Showing with 948 additions and 7 deletions
src/main/java/com/baosight/hpjx/core/security/UserSessionUtils.java
......@@ -22,9 +22,9 @@ import java.util.stream.Collectors;
* @date:2024/1/15,14:48
*/
public class UserSessionUtils extends UserSession {
private static ConcurrentMap companyMap = new ConcurrentHashMap();
/**
* 获取用户信息
*
......@@ -34,7 +34,7 @@ public class UserSessionUtils extends UserSession {
EiInfo eiInfo = new EiInfo();
eiInfo.set("loginName", UserSession.getLoginName());
eiInfo.set(EiConstant.serviceName, "HPXSUser");
eiInfo.set(EiConstant.methodName, "getUserByLogin");
eiInfo.set(EiConstant.methodName, "getUser");
EiInfo outInfo = XLocalManager.call(eiInfo);
// -1表示报错
if (outInfo.getStatus() == -1) {
......@@ -51,7 +51,7 @@ public class UserSessionUtils extends UserSession {
// 状态为1表示用户存在
return (User) outInfo.get(EiConstant.resultBlock);
}
/**
* 获取登录用户的公司编码
*
......@@ -70,7 +70,7 @@ public class UserSessionUtils extends UserSession {
}
return companyCode;
}
/**
* 获取登录用户的组织机构
*
......@@ -79,7 +79,7 @@ public class UserSessionUtils extends UserSession {
public static List<String> getOrgId() {
return HPXSTools.XsOrg.getOrgId();
}
/**
* 获取登录用户的厂区编码
*
......@@ -97,5 +97,5 @@ public class UserSessionUtils extends UserSession {
}
return factoryCodes;
}
}
src/main/java/com/baosight/hpjx/hp/bi/service/ServiceHPBI004.java 0 → 100644
package com.baosight.hpjx.hp.bi.service;
import com.baosight.iplat4j.core.ei.EiInfo;
import com.baosight.iplat4j.core.service.impl.ServiceBase;
public class ServiceHPBI004 extends ServiceBase {
@Override
public EiInfo initLoad(EiInfo inInfo) {
return super.initLoad(inInfo);
}
}
src/main/webapp/HP/BI/components/hipi/002/left-manage-cockpit.vue 0 → 100644
<template>
<div class="home-page-left">
<div class="home-page-content">
<div class="page-content-title">
<div class="page-title-span">
产量
</div>
</div>
<div class="page-content-main">
<div v-for="(item,index) in 3"
:key="index" style="width: 28%;height: 70%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 2.5vh"
>
<div class="content-main-title">50.5</div>
<img src="../../hpjx/common/img/production-icon.png" class="production-icon" alt/>
<div class="content-main-footer">用工量/工</div>
</div>
</div>
</div>
<div class="home-page-bootom margin-top">
<div class="page-content-title">
<div class="page-title-span">
工序
</div>
</div>
<div class="page-content-main" style="flex-wrap: wrap">
<div v-for="(item,index) in 3"
:key="index" style="width: 100%;height: 30%;display: flex;justify-content: space-between;"
>
<div class="page-content-left">
<div class="data-title-span temp">160</div>
<div style="width: 100%;display: flex;" class="temp">
<img src="../../hpjx/common/img/produce-img.png" class="produce-img " alt/>
</div>
<div class="content-main-footer temp">组立/吨</div>
</div>
<div class="page-content-left">
<div class="data-title-span temp">160</div>
<div style="width: 100%;" class="temp">
<img src="../../hpjx/common/img/produce-img.png" class="produce-img " alt/>
</div>
<div class="content-main-footer temp">组立/吨</div>
</div>
</div>
</div>
</div>
<!-- <select></select>-->
</div>
</template>
<script>
module.exports = {
data(){
return {
name: '红安',
dataPicker:new Date,
};
},
}
</script>
<style scoped>
.home-page-left{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.home-page-content{
width: 100%;
//height: 28vh;
height:24vh;
background-image: url("../../../../../common/img/productionBackground.png");
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.home-page-content::before{
content: ""; /* 伪元素需要内容，即使它是空的 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
background-image: url("../../../../../common/img/productionTitle.png");
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: -1;;
}
.home-page-bootom{
width: 100%;
//height: 28vh;
height: 50vh;
background-image: url("../../../../../common/img/productionlongBackground.png");
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.home-page-bootom::before{
content: ""; /* 伪元素需要内容，即使它是空的 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
background-image: url("../../../../../common/img/productionTitle.png");
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: -1;;
}
.page-content-title{
width: 100%;
height: 5vh;
}
.page-title-span{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 1vw;
color: #CAECFF;
background: linear-gradient(-2deg, #FFFFFF 0%, #CAECFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-left: 2vw;
padding-top: 0.2vh;
}
.data-title-span{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #01A9FF;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -30px;
}
.page-content-main{
width: 100%;
height: 90%;
display: flex;
justify-content: center;
padding: 1vw 2vw;
}
.margin-top{
margin-top: 6vh;
}
.content-main-title{
width: 100%;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #01A9FF;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -30px;
}
.content-main-footer{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
.production-icon{
width: 3vw;
height: 6vh;
background-repeat: no-repeat;
background-size: contain;
}
.page-content-left{
width: 50%;
}
.bootom-content-title{
width: 100%;
height: 2vh;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 13px;
color: #01A9FF;
line-height: 25px;
}
.temp{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.produce-img{
margin-top: 2.5vh;
width: 5vw;
height: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
}
</style>
src/main/webapp/HP/BI/components/hipi/002/manage-echarts.vue 0 → 100644
<template>
<div ref="chartContainer" :style="{ width: '100%', height: '40vh' }"></div>
</template>
<script>
module.exports = {
props: {
option: Object
},
mounted() {
this.initChart();
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() {
if (this.chart) {
this.chart.dispose();
}
window.removeEventListener('resize', this.handleResize);
},
methods: {
initChart() {
this.chart = echarts.init(this.$refs.chartContainer);
this.chart.setOption(this.option);
},
handleResize() {
if (this.chart) {
this.chart.resize();
}
}
}
};
</script>
src/main/webapp/HP/BI/components/hipi/002/right-manage-cockpit.vue 0 → 100644
<template>
<div class="home-page-left">
<div class="home-page-content">
<div class="page-content-title">
<div class="page-title-span">
项目生产明细
</div>
</div>
<div class="page-content-main">
<div v-for="(item,index) in dataList"
:key="index" style="width: 28%;height: 70%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 25px"
>
</div>
</div>
</div>
<!-- <select></select>-->
</div>
</template>
<script>
module.exports = {
data(){
return {
name: '红安',
dataPicker:new Date,
dataList:['项目名称','计划完成时间','计划产量','实际产量','进度']
};
},
}
</script>
<style scoped>
.home-page-left{
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.home-page-content{
width: 23vw;
height:100%;
background-image: url("../../../../../common/img/productionBackground.png");
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.home-page-content::before{
content: ""; /* 伪元素需要内容，即使它是空的 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
z-index: -1;
background-image: url("../../../../../common/img/productionTitle.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.page-content-title{
width: 100%;
height: 5vh;
}
.page-title-span{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 0.9vw;
color: #CAECFF;
background: linear-gradient(-2deg, #FFFFFF 0%, #CAECFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-left: 2vw;
padding-top: 0.2vh;
}
.page-content-main{
width: 100%;
height: 90%;
display: flex;
justify-content: center;
}
</style>
src/main/webapp/HP/BI/components/hipi/003/home-echarts.vue 0 → 100644
<template>
<div ref="chartContainer" :style="{ width: '100%', height: '40vh' }"></div>
</template>
<script>
module.exports = {
props: {
option: Object
},
mounted() {
this.initChart();
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() {
if (this.chart) {
this.chart.dispose();
}
window.removeEventListener('resize', this.handleResize);
},
methods: {
initChart() {
this.chart = echarts.init(this.$refs.chartContainer);
this.chart.setOption(this.option);
},
handleResize() {
if (this.chart) {
this.chart.resize();
}
}
}
};
</script>
src/main/webapp/HP/BI/components/hipi/003/home-page-left.vue 0 → 100644
<template>
<div class="home-page-left">
<div class="home-page-content">
<div class="page-content-title">
<div class="page-title-span">
日产量
</div>
</div>
<div class="page-content-main">
<div v-for="(item,index) in queryInfoList"
:key="index" style="width: 28%;height: 70%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 25px"
>
<div class="content-main-title">{{ queryDataObject[3-index]}}</div>
<img src="../../hpjx/common/img/production-icon.png" class="production-icon" alt/>
<div class="content-main-footer">{{queryRCLList[index]}}</div>
</div>
</div>
</div>
<div class="home-page-content margin-top">
<div class="page-content-title">
<div class="page-title-span">
月累计产量
</div>
</div>
<div class="page-content-main">
<div v-for="(item,index) in queryInfoList"
:key="index" style="width: 28%;height: 70%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 25px"
>
<div class="content-main-title">{{ queryMonthObject[3-index]}}</div>
<img src="../../hpjx/common/img/production-icon.png" class="production-icon" alt/>
<div class="content-main-footer">{{queryRCLList[index]}}</div>
</div>
</div>
</div>
<div class="home-page-content margin-top">
<div class="page-content-title">
<div class="page-title-span">
年产量
</div>
</div>
<div class="page-content-main">
<div v-for="(item,index) in queryInfoList"
:key="index" style="width: 28%;height: 70%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 25px"
>
<div class="content-main-title">{{ queryYearObject[3-index]}}</div>
<img src="../../hpjx/common/img/production-icon.png" class="production-icon" alt/>
<div class="content-main-footer">{{queryRCLList[index]}}</div>
</div>
</div>
</div>
<!-- <select></select>-->
</div>
</template>
<script>
module.exports = {
props:{
factory:String,
datapicker:String,
},
data(){
return {
name: '红安',
dataPicker:new Date,
queryRCLList:['用工量/工','实际产量/T','人均产量/工'],
queryInfoList:['ygl','sjcl','rjcl'],
queryMonthList:['ljygl','ljsjcl','ljrjcl'],
queryYearList:['nljyg','nljsjcl','nljrjcl'],
queryRCLInfoList:[],
queryDataObject:[],
queryMonthObject:[],
queryYearObject:[],
};
},
mounted(){
this.queryRCLInfo();
this.queryYCLinfo();
this.queryNCLinfo();
},
methods:{
queryRCLInfo(){
let _this = this;
var inInfo = new EiInfo();
inInfo.set('inqu_status-0-factoryCode',this.factory)
inInfo.set('inqu_status-0-date',this.datapicker)
IPLAT.EiCommunicator.send('HPBI003', 'queryRCLInfo', inInfo, {
onSuccess: function (res) {
console.log('queryRCLInfo',res)
if(undefined != res.blocks.result.rows[0] && undefined != res.blocks.result.meta.metas){
// const queryRCLInfoList = res.blocks.result.rows[0];
// const tempMetas = res.blocks.result.meta.metas;
// const queryData = Object.entries(tempMetas).reduce((acc, [key, value], index) => {
// acc[key] = queryRCLInfoList[index] || 0;
// return acc;
// }, {});
// _this.queryDataObject = _this.queryInfoList.map(item => queryData[item] || null);
// console.log('_this.queryDataObject',_this.queryDataObject)
_this.queryDataObject = res.blocks.result.rows[0];
}
},
onFail: function (err) {
console.error('request_tools----------------->错误信息', err);
}
},
{async: false}
);
},
queryYCLinfo(){
let _this = this;
var inInfo = new EiInfo();
inInfo.set('inqu_status-0-factoryCode',this.factory)
inInfo.set('inqu_status-0-date',this.datapicker)
// inInfo.set('requestList','[{\\"ids\\":[\\"show65\\"],\\"params\\":\\"\\"}]')
IPLAT.EiCommunicator.send('HPBI003', 'queryYCLinfo', inInfo, {
onSuccess: function (res) {
console.log('queryYCLinfo',res)
if(undefined != res.blocks.result.rows[0] && undefined != res.blocks.result.meta.metas){
// const queryRCLInfoList = res.blocks.result.rows[0];
// const tempMetas = res.blocks.result.meta.metas;
//
// const queryData = Object.entries(tempMetas).reduce((acc, [key, value], index) => {
// acc[key] = queryRCLInfoList[index] || 0;
// return acc;
// }, {});
// _this.queryMonthObject = _this.queryMonthList.map(item => queryData[item] || null);
// console.log('_this.queryMonthObject',_this.queryMonthObject)
_this.queryMonthObject = res.blocks.result.rows[0];
}
},
onFail: function (err) {
console.error('request_tools----------------->错误信息', err);
}
},
{async: false}
);
},
queryNCLinfo(){
let _this = this;
var inInfo = new EiInfo();
inInfo.set('inqu_status-0-factoryCode',this.factory)
inInfo.set('inqu_status-0-date',this.datapicker)
IPLAT.EiCommunicator.send('HPBI003', 'queryNCLinfo', inInfo, {
onSuccess: function (res) {
console.log('queryNCLinfo',res)
if(undefined != res.blocks.result.rows[0] && undefined != res.blocks.result.meta.metas){
// console.log('queryNCLinfo',res)
// const queryRCLInfoList = res.blocks.result.rows[0];
// const tempMetas = res.blocks.result.meta.metas;
// const queryData = Object.entries(tempMetas).reduce((acc, [key, value], index) => {
// acc[key] = queryRCLInfoList[index] || 0;
// return acc;
// }, {});
// _this.queryYearObject = _this.queryYearList.map(item => queryData[item] || null);
// console.log('_this.queryYearObject',_this.queryYearObject)
_this.queryYearObject = res.blocks.result.rows[0]
}
},
onFail: function (err) {
console.error('request_tools----------------->错误信息', err);
}
},
{async: false}
);
},
}
}
</script>
<style scoped>
.home-page-left{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.home-page-content{
width: 100%;
height:24vh;
background-image: url("../../../../../common/img/productionBackground.png");
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.home-page-content::before{
content: ""; /* 伪元素需要内容，即使它是空的 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
background-image: url("../../../../../common/img/productionTitle.png");
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: -1;
}
.page-content-title{
width: 100%;
height: 5vh;
}
.page-title-span{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 0.9vw;
color: #CAECFF;
background: linear-gradient(-2deg, #FFFFFF 0%, #CAECFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-content-main{
width: 100%;
height: 20vh;
display: flex;
justify-content: center;
}
.margin-top{
margin-top: 7vh;
}
.content-main-title{
width: 100%;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #01A9FF;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -30px;
}
.content-main-footer{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
.production-icon{
width: 3vw;
height: 6vh;
background-repeat: no-repeat;
background-size: contain;
}
</style>
src/main/webapp/HP/BI/components/hipi/003/home-page-top.vue 0 → 100644
<template>
<div class="home-page-main">
<div class="top-main">{{name}}</div>
<el-date-picker
class="data-picker"
v-model="dataPicker"
type="date"
placeholder="选择日期"
value-format="yyyyMMdd"
>
</el-date-picker>
<!-- <select></select>-->
</div>
</template>
<script>
module.exports = {
data(){
return {
name: '红安', // 初始化当前日期时间
dataPicker:new Date,
};
},
mounted(){
this.queryCompanyInfo();
},
methods:{
queryCompanyInfo(){
let _this = this;
var inInfo = new EiInfo();
// inInfo.set('requestList','[{\\"ids\\":[\\"show65\\"],\\"params\\":\\"\\"}]')
IPLAT.EiCommunicator.send('HPBI002', 'queryCompanyInfo', inInfo, {
onSuccess: function (res) {
console.log('queryCompanyInfo',res)
},
onFail: function (err) {
console.error('request_tools----------------->错误信息', err);
}
},
{async: false}
);
},
},
}
</script>
<style scoped>
.home-page-main{
width: 100%;
display: flex;
justify-content: flex-start;
}
.top-main{
width: 10vw;
height: 4vh;
background-image: url("../../../../../common/img/select.png");
background-size: cover;
background-repeat: repeat-y;
background-position: center;
display: flex;
align-content: center;
//justify-content: center;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 1vw;
color: #FFFFFF;
flex-wrap: wrap;
padding-left: 1vw;
}
.data-picker{
width: 10vw;
height: 4vh;
margin-left: 1vw;
font-size: 1vw;
}
</style>
src/main/webapp/HP/BI/components/hipi/004/left-manage-device.vue 0 → 100644
<template>
<div class="home-page-left">
<div class="content-main-title">车间设备分布图</div>
<div class="content-content-title">原材料库</div>
<div style="width: 100%;display: flex">
<div class="content-content-img device-img1" style="margin-left: 3.5vw;margin-right: 3vh">
<img src="../../hpjx/common/img/device-img1-content.png" class="device-img1-content img" alt/>
<div class="content-content-title" style="justify-content: flex-start;margin-top: 2.8vh;padding-left: 1vw">型材切割机</div>
</div>
<div class="content-content-img device-img2">
<img src="../../hpjx/common/img/device-img2-content.png" class="device-img2-content img" alt/>
<div class="content-content-title" style="justify-content: flex-end;margin-top: 2.8vh;padding-right: 1vw">激光切割机</div>
</div>
</div>
<div style="width: 100%;height: 48vh;display: flex;margin-top: 2vh">
<div style="width: 50%;height: 100%">
<div class="content-content-img device-img1" style="width: 79%;margin-left: 3.2vw;">
<img src="../../hpjx/common/img/device-img3-content.png" class="device-img1-content img" alt/>
<div class="content-content-title" style="justify-content: flex-start;margin-top: 2.8vh;padding-left: 1.5vw">组立机</div>
</div>
<div style="width: 79%;margin-left: 3.2vw;height: 28vh;margin-top: 2vh">
<div class="content-device-img img">
<div class="title-content-device img">成库库 1283</div>
</div>
<img src="../../hpjx/common/img/architectureDiagram.png" style="width: 100%;height: 100%" alt/>
</div>
</div>
<!-- <div class="right-device img">-->
<!-- </div>-->
</div>
<!-- <select></select>-->
</div>
</template>
<script>
module.exports = {
data(){
return {
name: '红安',
dataPicker:new Date,
};
},
}
</script>
<style scoped>
.img{
background-size: 100% 100%;
background-repeat: no-repeat;
}
.home-page-left{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-content: flex-start;
background-image: url("../../../../../common/img/manageDeviceBg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.content-main-title{
height: 3vh;
width: 100%;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 1.2vw;
color: #01A9FF;
display: flex;
align-items: center;
justify-content: center;
}
.content-content-title{
width: 100%;
height: 3vh;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 1vw;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2vh;
}
.content-content-img{
width: 40%;
height: 17vh;
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.device-img1{
background-image: url("../../../../../common/img/deviceImgLeft.png");
}
.device-img2{
background-image: url("../../../../../common/img/deviceImgRight.png");
}
.device-img1-content{
width: 9vw;
height: 8vh;
margin-top: 3vh;
margin-left: 3.5vw;
}
.device-img2-content{
width: 9vw;
height: 8vh;
margin-top: 3vh;
margin-left: 3.5vw;
}
.content-device-img{
width: 95%;
height: 5vh;
background-image: url("../../../../../common/img/titleContentDevice.png");
}
.title-content-device{
width: 100%;
height: 100%;
font-family: Adobe Heiti Std;
font-weight: normal;
font-size: 1vw;
color: #FFFFFF;
background: linear-gradient(180deg, #ACE5FF 0%, #FFFFFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: flex;
justify-content: center;
align-items: center;
//background-image: url("../../../../../common/img/titleContentDevice.png");
}
.right-device{
width: 50%;
height: 100%;
margin-top: 2vh;
background-image: url("../../../../../common/img/deviceImgRight.png");
}
</style>
src/main/webapp/HP/BI/components/hipi/004/manage-echarts.vue 0 → 100644
<template>
<div ref="chartContainer" :style="{ width: '100%', height: '40vh' }"></div>
</template>
<script>
module.exports = {
props: {
option: Object
},
mounted() {
this.initChart();
window.addEventListener('resize', this.handleResize);
},
beforeDestroy() {
if (this.chart) {
this.chart.dispose();
}
window.removeEventListener('resize', this.handleResize);
},
methods: {
initChart() {
this.chart = echarts.init(this.$refs.chartContainer);
this.chart.setOption(this.option);
},
handleResize() {
if (this.chart) {
this.chart.resize();
}
}
}
};
</script>
src/main/webapp/HP/BI/components/hipi/004/right-manage-device.vue 0 → 100644
<template>
<div class="home-page-main">
<div class="left-device device">
<div v-for="(item,index) in 3"
:key="index" class="device-background">
<div class="device-title device-span" style="padding-top: 0.2vh;margin-left: 2vw">
激光切割机
</div>
<div class="device-main device-span">
123
</div>
</div>
</div>
<div class="right-device device">
<div v-for="(item,index) in 3"
:key="index" style="width: 100%;height: 31.2%;display: flex;margin-bottom: 1.9vh">
<div class="device-background" style="width: 49%;height:100%;margin-left: 1vw">
<div class="device-title device-span" style="padding-top: 0.2vh;margin-left: 2vw">
激光切割机
</div>
<div class="device-main device-span" >
123
</div>
</div>
<div class="device-background" style="width: 49%;height:100%;margin-left: 1vw">
<div class="device-title device-span" style="padding-top: 0.2vh;margin-left: 2vw">
激光切割机
</div>
<div class="device-main device-span">
123
</div>
</div>
</div>
</div>
</div>
</template>
<script>
module.exports = {
data(){
return {
name: '红安',
dataPicker:new Date,
};
},
}
</script>
<style scoped>
.home-page-main{
width: 100%;
height: 100%;
display: flex;
}
.device{
height: 100%;
}
.left-device{
width: 30%;
}
.right-device{
width: 68%;
height: 100%;
}
.device-background{
width: 100%;
height:31.1%;
background-image: url("../../../../../common/img/productionBackground.png");
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
margin-bottom: 2vh;
}
.device-background::before{
content: ""; /* 伪元素需要内容，即使它是空的 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
background-image: url("../../../../../common/img/productionTitle.png");
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: -1;
}
.device-span{
width: 100%;
height: 3vh;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 1vw;
color: #FFFFFF;
}
.device-title{
width: 100%;
height: 5vh;
}
.device-main{
}
</style>
src/main/webapp/common/css/element-ui.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/common/js/echarts.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/common/js/element-ui.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/common/js/vue-2.6.10.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
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