Skip to content

H
hg-smart
Commit 532b4097 by zhangzhen
Options

生产管理驾驶舱内容优化

parent 9c03c534
Showing with 347 additions and 25 deletions
src/main/webapp/HG/BI/HGBI002.jsp
......@@ -106,6 +106,7 @@
<script src="${iPlatStaticURL}/iplatui/assets/js/iplat.ui.bootstrap.min.js"></script>
<script src="${iPlatStaticURL}/iplatui/js/iplat.ui.min.js"></script>
<script src="${ctx}/common/js/public.js"></script>
<script src="${ctx}/common/js/dayjs.min.js"></script>
<script src="${ctx}/common/js/vue-2.6.10.js"></script>
<script src="${ctx}/common/js/httpVueLoader.js"></script>
......@@ -558,6 +559,49 @@
flex-wrap: wrap;
padding-left: 1vw;
}
.page-content-main .el-table, .el-table__expanded-cell{
background-color: transparent!important;
}
.page-content-main .el-table__cell .cell{
font-size: 10px;
padding: 0;
}
.page-content-main .el-table tr{
background-color: transparent!important;
}
.page-content-main .el-table--border, .el-table--group{
/*border-color: #4295f7;*/
border-color: transparent!important;
}
.page-content-main .el-table td.el-table__cell, .el-table th.el-table__cell{
background-color: transparent!important;
border-color: transparent!important;
}
.page-content-main .el-table--border .el-table__cell .cell{
padding-left: 0;
}
.page-content-main .el-table th.el-table__cell > .cell {
padding-right: 0;
}
.page-content-main .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
color: #ffffff;
border-color: transparent!important;
font-size: 0.8vw;
}
.page-content-main .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf .cell{
font-size: 0.68vw;
}
.page-content-main .el-table--border th.el-table__cell.gutter:last-of-type{
border-color: transparent!important;
}
.page-content-main .el-table--border::after, .el-table--group::after, .el-table::before{
/*background-color: #4295f7!important;*/
background-color: transparent!important;
}
.page-content-main tr{
border-bottom:1px solid #4295f7!important;
}
</style>
</body>
</html>
src/main/webapp/HG/BI/HGBI003.jsp
......@@ -540,7 +540,7 @@
},
series: [
{
data: [0, 0, 0, 0, 0, 0, 0],
data: [350, 240, 460, 245, 467, 234, 562],
type: 'line',
smooth: true,
itemStyle: {
......@@ -591,7 +591,7 @@
},
series: [
{
data: [24, 24, 24, 24, 24, 24, 24],
data: [30, 45, 50, 23, 24, 18, 80],
type: 'line',
smooth: true,
itemStyle: {
......
src/main/webapp/HG/BI/components/hipi/002/right-manage-cockpit.vue
......@@ -8,21 +8,43 @@
</div>
<div class="page-content-main">
<div class="page-title-project">
<div v-for="(item,index) in dataList"
:key="index" class="project-title-font"
>
{{ item }}
</div>
</div>
<div v-for="(temp,index) in getByProjCodewtWtList" :key="index" class="page-title-project"
style="margin-top: 0.8vh;height: 5vh;border: 1px solid #0097FF ;">
<div v-for="(item,index) in getByProjCodewtWtArray"
:key="index" class="project-title-font" style="opacity: 0.5;"
<!-- <div class="page-title-project">-->
<!-- <div v-for="(item,index) in dataList"-->
<!-- :key="index" class="project-title-font"-->
<!-- >-->
<!-- {{ item }}-->
<!-- </div>-->
<!-- </div>-->
<!-- <div v-for="(temp,index) in getByProjCodewtWtList" :key="index" class="page-title-project"-->
<!-- style="margin-top: 0.8vh;height: 5vh;border: 1px solid #0097FF ;">-->
<!-- <div v-for="(item,index) in getByProjCodewtWtArray"-->
<!-- :key="index" class="project-title-font" style="opacity: 0.5;"-->
<!-- >-->
<!-- {{ temp[item] }}-->
<!-- </div>-->
<!-- </div>-->
<el-table
:data="getByProjCodewtWtList"
border
:height="660"
id="tableId1"
:highlight-current-row="true"
style="width: 100%">
<el-table-column
v-for="(colVal,i) in columns"
:prop="colVal.value"
:align="colVal.align"
:label="colVal.label"
>
{{ temp[item] }}
</div>
</div>
<template slot-scope="scope">
<span class="project-title-font">{{scope.row[colVal.value] | resetData}}</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
......@@ -43,8 +65,47 @@ module.exports = {
getByProjCodewtWtList:[],
dataList:['项目名称','计划完成时间','计划产量','实际产量','进度'],
getByProjCodewtWtArray:['projName','completeDate','totalWeight','finishWeight','schedule'],
columns:[
{
label: '项目名称',
align: 'center',
value: 'projName',
},
{
label: '计划完成时间',
align: 'center',
value: 'completeDate',
},
{
label: '计划产量',
align: 'center',
value: 'totalWeight',
},
{
label: '实际产量',
align: 'center',
value: 'finishWeight',
},
{
label: '进度',
align: 'center',
value: 'schedule',
},
]
};
},
filters: {
resetData(d) {
if (d === '' || d === undefined) {
return '-'
} else if (d === 0) {
return 0
} else if (typeof d === 'number') {
return d.toFixed(2)
}
return d
}
},
watch:{
factory(newVal) {
this.getByProjCodewt();
......@@ -64,7 +125,188 @@ module.exports = {
inInfo.set('inqu_status-0-depositDate',this.dataPicker)
IPLAT.EiCommunicator.send('HGSC007', 'getByProjCodeWt', inInfo, {
onSuccess: function (res) {
_this.getByProjCodewtWtList = res.extAttr.result
let list = [
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称项目名称项目名称项目名称项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
},
{
projName:'项目名称',
completeDate:'2024-04-20',
totalWeight:'2000',
finishWeight:'2300',
schedule:'120',
}
]
_this.getByProjCodewtWtList = res.extAttr.result&& res.extAttr.result.length? res.extAttr.result: list;
_this.$nextTick(() => {
tableContentScroll('tableId1')
})
},
onFail: function (err) {
......@@ -148,15 +390,9 @@ module.exports = {
display: flex;
}
.project-title-font{
width: 25%;
height: 100%;
display: flex;
font-size: 0.7vw;
justify-content: center;
align-items: center;
color: #fff;
color: #f4f4f4;
overflow: hidden;
flex-wrap: wrap;
font-size: 0.65vw;
}
</style>
src/main/webapp/common/js/public.js 0 → 100644
let timer1 = {}
const tableContentScroll = (el) => {
if (timer1[el]) {
clearInterval(timer1[el])
timer1[el] = null;
}
setTimeout(()=>{
let i = $("#" + el + ' .el-table__body-wrapper table');
let i2 = $("#" + el + ' .el-table__body-wrapper');
let a = 0;
let boxHeight = i.height();
let height = i2.height();
let num = boxHeight - height;
// console.log(boxHeight, height, num,"高度数据")
let run = () => {
if (num > 0) {
timer1[el] = setInterval(() => {
a = a + 0.07;
if (a >= num) {
a = 0
}
i2.scrollTop(a);
}, 10)
}
}
run()
i.on('mouseenter', () => {
clearInterval(timer1[el])
timer1[el] = null
i2.on('scroll',()=>{
a = i2.scrollTop();
})
})
i.on("mouseleave",()=>{
i2.off("scroll");
if(!timer1[el]){
run()
}
})
},50)
}
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