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/bzcj.vue | 141 +++++++++++++++++++++++++++-------------------
1 files changed, 83 insertions(+), 58 deletions(-)
diff --git a/src/views/kb/bzcj.vue b/src/views/kb/bzcj.vue
index ef74dd3..ff32861 100644
--- a/src/views/kb/bzcj.vue
+++ b/src/views/kb/bzcj.vue
@@ -13,8 +13,9 @@
<MarqueeTips
:content="MarqueeTipsContent"
class="MarqueeTipsContentClass"
- :speed="300"
+ :speed="180"
/>
+ <!-- :speed="speed"-->
<div class="kb_content">
<div class="kb_left">
<!-- 1-->
@@ -26,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>
@@ -113,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>
@@ -129,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>
@@ -138,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>
@@ -197,7 +209,7 @@
<el-table-column
prop="planenddate"
label="棰勮寮�濮�"
- width="95"
+ width="115"
>
<template slot-scope="{row}">
<div>{{ row.planenddate.substring(0, 10) }}</div>
@@ -206,7 +218,7 @@
<el-table-column
prop="planstartdate"
label="棰勮缁撴潫"
- width="105"
+ width="125"
>
<template slot-scope="{row}">
<div>{{ row.planstartdate.substring(0, 10) }}</div>
@@ -250,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="鏁伴噺"
@@ -301,14 +323,14 @@
headTime: '',
lineContent: [],
- lineContent4: [],
+ lineContent3: [],
leftTopData: [],
tableData: [],
tableDataRank: [],
lineCodeArr: [],
- ShopArr: ['CJ003'], // 杞﹂棿缂栫爜鏁扮粍 鍖呰杞﹂棿
+ ShopArr: ['CJ003'], // 杞﹂棿缂栫爜鏁扮粍
MarqueeTipsContent: '', // 鍏憡
speed: 100// 鍏憡鎾斁鐨勯�熷害
@@ -331,6 +353,7 @@
await this.getTableDataRoll()
await this.getTableDataRankRoll()
await this.getMarqueeTipsContent()
+ await this.getMarqueeTipsContent()
},
// 鑾峰彇鍏憡
getMarqueeTipsContent() {
@@ -351,11 +374,12 @@
this.MarqueeTipsContent = contentAll
this.speed = this.MarqueeTipsContent.length / 10
})
+ // }, this.speed * 1000)
}, 1000 * 60 * 5)
})
},
// 鑾峰彇杞﹂棿缂栫爜
- async getShopSearch() {
+ async getShopSearch() {
const res1 = await ShopSearch()
if (res1.code === '200') {
this.ShopArr = []
@@ -380,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)
},
@@ -526,9 +550,8 @@
.kb_left_top_title01 {
position: absolute;
- top: 40px;
+ top: 37px;
left: 15px;
- font-size: 18px;
display: flex;
color: #00ffff;
@@ -547,6 +570,7 @@
flex-direction: column;
justify-content: flex-start;
padding-top: 70px;
+
.kb_left_top02 {
display: flex;
flex-direction: column;
@@ -558,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;
@@ -573,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;
@@ -598,6 +622,7 @@
.content02Parent {
display: flex;
+
.content02 {
width: 60px;
border-right: 1px solid $kbBorderColor;
@@ -606,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;
@@ -648,7 +674,7 @@
}
- .kb_left_top_block:nth-child(4n) {
+ .kb_left_top_block:nth-child(3n) {
border-bottom: none !important;
}
}
@@ -663,7 +689,6 @@
flex-direction: column;
.content_head {
- font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
margin-top: -10px;
@@ -694,7 +719,7 @@
flex-direction: column;
.content_head {
- font-size: 18px;
+ //font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
margin-top: -10px;
@@ -713,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 {
@@ -744,6 +768,7 @@
::v-deep .cell {
padding: 0 !important;
+ font-size: 18px;
}
.circleYellow {
--
Gitblit v1.9.3