diff --git a/src/views/board/Index.vue b/src/views/board/Index.vue index 1fad519..d9fda43 100644 --- a/src/views/board/Index.vue +++ b/src/views/board/Index.vue @@ -8,7 +8,7 @@
{{date}}
- +
    @@ -49,22 +49,22 @@
-
零件号:{{ lineData?.item_code }}
-
检测类型:{{ lineData?.itemTypeName }}
-
点位:{{ lineData?.line_number }}
-
检测项:{{ lineData?.contents }}
- +
@@ -81,7 +81,7 @@
- +
合格数据
@@ -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; + +}