From 5abc5f45a74ca2b5671ef73d6a665b6e6321d194 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 22 九月 2022 11:12:55 +0800
Subject: [PATCH] 大岛看板整体字体变大
---
src/views/kb/zhkb.vue | 140 +++++++++++++++++++++++++++-------------------
1 files changed, 81 insertions(+), 59 deletions(-)
diff --git a/src/views/kb/zhkb.vue b/src/views/kb/zhkb.vue
index 9bea1a6..dd99047 100644
--- a/src/views/kb/zhkb.vue
+++ b/src/views/kb/zhkb.vue
@@ -3,7 +3,7 @@
<div class="kb_dashboard">
<div class="kb_header">
<div class="flex_c_c kb_header_text">
- 澶у矝杞﹂棿缁煎悎鐪嬫澘
+ 杞﹂棿缁煎悎鐪嬫澘
</div>
<div class="kb_headerPic" />
<div class="kb_headTime">
@@ -13,7 +13,7 @@
<MarqueeTips
:content="MarqueeTipsContent"
class="MarqueeTipsContentClass"
- :speed="300"
+ :speed="180"
/>
<!-- :speed="speed"-->
<div class="kb_content">
@@ -27,7 +27,7 @@
<div class="kb_left_top kb_pd10">
<div class="kb_left_top02">
- <div v-for="item in lineContent4" :key="item.workcode" class="kb_left_top_block">
+ <div v-for="item in lineContent3" :key="item.workcode" class="kb_left_top_block">
<div class="kb_block02 kb_pd10">
<div>
<div>閿�鍞崟鍙�:{{ item.saleordercode }}</div>
@@ -114,12 +114,13 @@
<el-table-column
prop="RowNum"
label="搴忓彿"
- width="40"
+ width="50"
/>
+ <!-- label="鍔犲伐鐘舵��"-->
<el-table-column
prop="status"
- label="鍔犲伐鐘舵��"
- width="70"
+ label="鐘舵��"
+ width="65"
>
<template slot-scope="{row}">
<div v-if="row.status==='ALLO'">宸叉淳鍙�</div>
@@ -130,7 +131,7 @@
<el-table-column
prop="lm_date"
label="娲惧彂鏃堕棿"
- width="95"
+ width="115"
>
<template slot-scope="{row}">
<div>{{ row.lm_date.substring(0, 10) }}</div>
@@ -139,57 +140,67 @@
<el-table-column
prop="saleOrderCode"
label="閿�鍞鍗曞彿"
- width="158"
+ width="178"
>
<template slot-scope="{row}">
- <div v-if="row.saleOrderCode">{{ row.saleOrderCode }}</div>
+ <div v-if="row.saleOrderCode" class="ellipsis">{{ row.saleOrderCode }}</div>
<div v-else>/</div>
</template>
</el-table-column>
<el-table-column
prop="wo_code"
label="鍔犲伐鍗曞彿"
- width="175"
- />
- <el-table-column
- prop="partname"
- label="浜у搧鍚嶇О"
- width="145"
- />
- <el-table-column
- prop="partspec"
- label="瑙勬牸"
- width="125"
+ width="205"
>
<template slot-scope="{row}">
- <div v-if="row.partspec" class="ellipsis">{{ row.partspec }}</div>
+ <div v-if="row.wo_code" class="ellipsis">{{ row.wo_code }}</div>
<div v-else>/</div>
</template>
</el-table-column>
<el-table-column
- prop="name"
- label="鍗曚綅"
- width="50"
- />
+ prop="partname"
+ label="浜у搧鍚嶇О"
+ width="150"
+ >
+ <template slot-scope="{row}">
+ <div v-if="row.partname" class="ellipsis">{{ row.partname }}</div>
+ <div v-else>/</div>
+ </template>
+ </el-table-column>
+ <!-- <el-table-column-->
+ <!-- prop="partspec"-->
+ <!-- label="瑙勬牸"-->
+ <!-- width="125"-->
+ <!-- >-->
+ <!-- <template slot-scope="{row}">-->
+ <!-- <div v-if="row.partspec" class="ellipsis">{{ row.partspec }}</div>-->
+ <!-- <div v-else>/</div>-->
+ <!-- </template>-->
+ <!-- </el-table-column>-->
+ <!-- <el-table-column-->
+ <!-- prop="name"-->
+ <!-- label="鍗曚綅"-->
+ <!-- width="50"-->
+ <!-- />-->
<el-table-column
prop="plan_qty"
label="浠诲姟鏁伴噺"
- width="70"
+ width="85"
/>
<el-table-column
prop="good_qty"
label="瀹屽伐鏁伴噺"
- width="70"
+ width="85"
/>
<el-table-column
prop="ng_qty"
label="涓嶈壇鏁伴噺"
- width="70"
+ width="85"
/>
<el-table-column
prop="wcl"
label="瀹屾垚鐜�"
- width="50"
+ width="60"
>
<template slot-scope="{row}">
<div>{{ parseFloat((row.good_qty * 100 / row.plan_qty).toFixed(2)) }}%</div>
@@ -198,7 +209,7 @@
<el-table-column
prop="planenddate"
label="棰勮寮�濮�"
- width="95"
+ width="115"
>
<template slot-scope="{row}">
<div>{{ row.planenddate.substring(0, 10) }}</div>
@@ -207,7 +218,7 @@
<el-table-column
prop="planstartdate"
label="棰勮缁撴潫"
- width="105"
+ width="125"
>
<template slot-scope="{row}">
<div>{{ row.planstartdate.substring(0, 10) }}</div>
@@ -251,12 +262,22 @@
prop="linename"
label="浜х嚎"
width="120"
- />
+ >
+ <template slot-scope="{row}">
+ <div v-if="row.linename" class="ellipsis">{{ row.linename }}</div>
+ <div v-else>/</div>
+ </template>
+ </el-table-column>
<el-table-column
prop="partname"
width="138"
label="浜у搧"
- />
+ >
+ <template slot-scope="{row}">
+ <div v-if="row.partname" class="ellipsis">{{ row.partname }}</div>
+ <div v-else>/</div>
+ </template>
+ </el-table-column>
<el-table-column
prop="good_qty"
label="鏁伴噺"
@@ -302,7 +323,7 @@
headTime: '',
lineContent: [],
- lineContent4: [],
+ lineContent3: [],
leftTopData: [],
tableData: [],
@@ -353,12 +374,12 @@
this.MarqueeTipsContent = contentAll
this.speed = this.MarqueeTipsContent.length / 10
})
- // }, this.speed * 1000)
+ // }, this.speed * 1000)
}, 1000 * 60 * 5)
})
},
// 鑾峰彇杞﹂棿缂栫爜
- async getShopSearch() {
+ async getShopSearch() {
const res1 = await ShopSearch()
if (res1.code === '200') {
this.ShopArr = []
@@ -383,26 +404,26 @@
LineSearchTopLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
this.lineContent = res.data
length = this.lineContent.length
- count = Math.ceil(length / 4) // 闇�瑕佽疆鎾殑缁勬暟 4涓负涓�缁�
- this.lineContent4 = this.lineContent.slice(0, 4)
+ count = Math.ceil(length / 3) // 闇�瑕佽疆鎾殑缁勬暟 3涓负涓�缁�
+ this.lineContent3 = this.lineContent.slice(0, 3)
})
let start = 0
const task = setInterval(() => {
- if (Math.floor(start / 4) === count && count !== 0) {
+ if (Math.floor(start / 3) === count && count !== 0) {
start = 0
LineSearchTopLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
this.lineContent = res.data
length = this.lineContent.length
- count = Math.ceil(length / 4) // 闇�瑕佽疆鎾殑缁勬暟 4涓负涓�缁�
- this.lineContent4 = this.lineContent.slice(0, 4)
+ count = Math.ceil(length / 3) // 闇�瑕佽疆鎾殑缁勬暟 3涓负涓�缁�
+ this.lineContent3 = this.lineContent.slice(0, 3)
})
} else if (count === 0) {
clearInterval(task)
this.getShopSearchLine()
}
- this.lineContent4 = this.lineContent.slice(start, start + 4)
- start = start + 4
+ this.lineContent3 = this.lineContent.slice(start, start + 3)
+ start = start + 3
}, 1000 * 3)
},
@@ -529,9 +550,8 @@
.kb_left_top_title01 {
position: absolute;
- top: 40px;
+ top: 37px;
left: 15px;
- font-size: 18px;
display: flex;
color: #00ffff;
@@ -550,6 +570,7 @@
flex-direction: column;
justify-content: flex-start;
padding-top: 70px;
+
.kb_left_top02 {
display: flex;
flex-direction: column;
@@ -561,9 +582,9 @@
.kb_left_top_block {
width: 100%;
- height: 100px;
+ height: 133px;
display: flex;
- font-size: 14px;
+ font-size: 17px;
border-bottom: 1px solid $kbBorderColor;
justify-content: flex-start;
@@ -576,23 +597,23 @@
.kb_block03 {
width: 1020px;
-
+ font-size: 17px;
display: flex;
flex-direction: column;
- font-size: 12px;
+ //font-size: 12px;
border-radius: 5px;
.kb_block03_content {
border: 1px solid $kbBorderColor;
width: 180px;
- height: 50px;
+ height: 80px;
margin-right: 15px;
display: flex;
flex-direction: column;
.content01 {
+ height: 30px;
width: 100%;
- height: 18px;
border-bottom: 1px solid $kbBorderColor;
display: flex;
align-items: center;
@@ -601,6 +622,7 @@
.content02Parent {
display: flex;
+
.content02 {
width: 60px;
border-right: 1px solid $kbBorderColor;
@@ -609,11 +631,12 @@
display: flex;
align-items: center;
justify-content: center;
- height: 50%;
+ //height: 50%;
+ height: 25px;
}
.content02_2 {
- height: 50%;
+ height: 25px;
display: flex;
align-items: center;
justify-content: center;
@@ -651,7 +674,7 @@
}
- .kb_left_top_block:nth-child(4n) {
+ .kb_left_top_block:nth-child(3n) {
border-bottom: none !important;
}
}
@@ -666,7 +689,6 @@
flex-direction: column;
.content_head {
- font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
margin-top: -10px;
@@ -697,7 +719,7 @@
flex-direction: column;
.content_head {
- font-size: 18px;
+ //font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
margin-top: -10px;
@@ -716,9 +738,8 @@
.kb_right_bottom_content_title {
color: #00ffff;
- font-size: 18px;
- margin-bottom: 10px;
- margin-top: -10px;
+ margin-bottom: 5px;
+ margin-top: -12px;
}
.kb_right_bottom_content {
@@ -747,6 +768,7 @@
::v-deep .cell {
padding: 0 !important;
+ font-size: 18px;
}
.circleYellow {
--
Gitblit v1.9.3