huatao-spc
/
huatao-spc-ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

按照电视分辨率调整看板样式

master
songguoqiang 11 months ago
parent
976d57d74f
commit
9da021baac
1 changed files with 44 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 72
      src/views/board/Index.vue

72
src/views/board/Index.vue
View File

@ -8,7 +8,7 @@
<div class="time">{{date}}</div>
<div class="pl-2vw pr-2vw">
<el-row :gutter="14" justify="space-between">
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
<el-col :xl="12" :lg="12" :md="12" :sm="12" :xs="12">
<div class="left">
<div class="table">
<ul class="table-header">
@ -49,22 +49,22 @@
</div>
<Echart :options="pieOptionsData" :height="'22vh'" />
<div class="line-header">
<div class=""
<div class="zhongjianwenzi"
>零件号:<span>{{ lineData?.item_code }}</span></div
>
<div class=""
<div class="zhongjianwenzi"
>检测类型:<span>{{ lineData?.itemTypeName }}</span></div
>
<div class="" v-if="lineData?.itemTypeName == '色差'"
<div class="zhongjianwenzi" v-if="lineData?.itemTypeName == '色差'"
>点位:<span>{{ lineData?.line_number }}</span></div
>
<div class=""
<div class="zhongjianwenzi"
>检测项:<span>{{ lineData?.contents }}</span></div
>
</div>
<div class="bottom">
<div class="line-data">
<Echart :options="lineOptionsData" style="height: calc(77vh - 22vh - 240px)" />
<Echart :options="lineOptionsData" style="height: 20vh" />
</div>
<div class="bottom-r ml-6px mt-20px">
<div class="bottom-r-item">
@ -81,7 +81,7 @@
</div>
</div>
</el-col>
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
<el-col :xl="12" :lg="12" :md="12" :sm="12" :xs="12">
<div class="right">
<div class="samll-title">合格数据</div>
<div class="mt-10px qualified-list" style="height:calc(50% - 44px);">
@ -129,18 +129,18 @@ const loading = ref(true)
const standardDataTotal = ref(0)
const standardDataTime = ref()
const standardData = ref({
columnWidth: [230, 230, 140, 170, 170, 170, 110],
header: ['零件号', '零件名称', '检测类型', '检测项', '检测日期', '标准', '实测值'],
columnWidth: [300, 120, 170, 170, 170, 170],
header: ['零件号', '检测类型', '检测项', '检测日期', '标准', '实测值'],
indexHeader: '序号',
index: false,
data: [],
align: ['center','center','center','center','center','center','center'],
align: ['center','center','center','center','center','center'],
headerBGC: '#e3e8eb',
oddRowBGC: '#f7f7f7',
evenRowBGC: '#eeeff1',
waitTime: 3000,
headerHeight: 40,
rowNum: 10
rowNum: 5
})
const standardDataParams = ref({
@ -151,18 +151,18 @@ const standardDataParams = ref({
const noStandardDataTotal = ref(0)
const noStandardDataTime = ref()
const noStandardData = ref({
columnWidth: [230, 230, 140, 170, 170, 170, 110],
header: ['零件号', '零件名称', '检测类型', '检测项', '检测日期', '标准', '实测值'],
columnWidth: [300, 120, 170, 170, 170, 170],
header: ['零件号', '检测类型', '检测项', '检测日期', '标准', '实测值'],
indexHeader: '序号',
index: false,
data: [],
align: ['center','center','center','center','center','center','center'],
align: ['center','center','center','center','center','center'],
headerBGC: '#e3e8eb',
oddRowBGC: '#f7f7f7',
evenRowBGC: '#eeeff1',
waitTime: 3000,
headerHeight: 40,
rowNum: 10
rowNum: 5
})
const noStandardDataParams = ref({
pageSize: 20,
@ -192,7 +192,7 @@ const getpieData = async () => {
set(pieOptionsData, 'series', {
name: '',
type: 'pie',
radius: '80%',
radius: '70%',
center: ['30%', '50%'],
data: data.map((v) => {
return {
@ -238,7 +238,7 @@ const getLineData = async () => {
})
set(lineOptionsData, 'grid', {
left: 0,
right: 0,
right: 20,
bottom: 0,
top: 20,
containLabel: true
@ -281,7 +281,7 @@ const getStandardData = () => {
res.list.forEach((item) => {
let data1 = []
data1.push(item.itemCode)
data1.push(item.itemName)
// data1.push(item.itemName)
data1.push(item.itemTypeName)
data1.push(item.contents)
data1.push(item.times)
@ -317,7 +317,7 @@ const getNoStandardData = () => {
res.list.forEach((item) => {
let data1 = []
data1.push(item.itemCode)
data1.push(item.itemName)
// data1.push(item.itemName)
data1.push(item.itemTypeName)
data1.push(item.contents)
data1.push(item.times)
@ -406,8 +406,8 @@ onUnmounted(() => {
text-align: center;
background: url(../../assets/imgs/title.png) no-repeat 0 0;
background-size: 100% 100%;
height: 12vh;
line-height: 8vh;
height: 11vh;
line-height: 7vh;
font-size: 2vw;
color: #596a7c;
position: absolute;
@ -416,19 +416,20 @@ onUnmounted(() => {
}
.bod {
width: 99vw;
height: 90vh;
height: 91vh;
background: url(../../assets/imgs/side.png) no-repeat 0 0;
background-size: 100% 100%;
margin: 0 auto;
}
.height {
height: 9vh;
height: 8vh;
}
.time {
text-align: center;
color: #3b556e;
line-height: 8vh;
font-size: 18px;
font-size: 1.8vw;
padding-top: 2.2vh;
padding-bottom: 1.4vh;
}
.line-header {
background: #e3e8eb !important;
@ -463,14 +464,13 @@ onUnmounted(() => {
&:nth-child(1) {
font-size: 1vw;
color: #3c73ac;
padding-top: 10px;
padding-left: 10px;
}
&:nth-child(2) {
font-size: 1.7vw;
font-size: 1vw;
font-weight: bold;
padding-left: 10px;
padding-top: 6px;
padding-top: 2px;
}
&:nth-child(3) {
position: absolute;
@ -502,9 +502,11 @@ onUnmounted(() => {
}
.qualified-list ::v-deep(.row-item) {
color: #12ad8b !important;
font-size: 1vw!important;
}
.no-qualified-list ::v-deep(.row-item) {
color: #c2020f !important;
font-size: 1vw!important;
}
.left {
display: flex;
@ -530,6 +532,7 @@ onUnmounted(() => {
color: #495f76;
}
li {
font-size: 1vw;
list-style: none;
// flex:1;
padding: 9px 15px;
@ -556,4 +559,17 @@ onUnmounted(() => {
}
}
}
::v-deep(.zhongjianwenzi) {
font-size: 1vw;
}
::v-deep(.dv-scroll-board .header .header-item){
font-size: 1vw;
height: 31px!important;
line-height: 31px!important;
}
::v-deep.dv-scroll-board .header{
height: 31px!important;
line-height: 31px!important;
}
</style>

Write Preview
Loading…
Cancel
Save