From 482efd9ee971fe7d799a015dc288340c85b8805c Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 29 九月 2022 11:24:17 +0800
Subject: [PATCH] 1.新增 提交类按钮只能提交一次的控制2.关联类的按钮 接口返回成功后显示对话框
---
src/views/kb/zhkb.vue | 159 ++++++++++++++++++++++++++++++++---------------------
1 files changed, 96 insertions(+), 63 deletions(-)
diff --git a/src/views/kb/zhkb.vue b/src/views/kb/zhkb.vue
index c754437..e281a69 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,20 +13,21 @@
<MarqueeTips
:content="MarqueeTipsContent"
class="MarqueeTipsContentClass"
- :speed="speed"
+ :speed="180"
/>
+ <!-- :speed="speed"-->
<div class="kb_content">
<div class="kb_left">
<!-- 1-->
<div class="kb_left_top_title01 kb_title_text">
<!-- <div class="PG01" />-->
<!-- <svg-icon icon-class="sccx" />-->
- 浜х嚎鍔犲伐涓换鍔�
+ 浜х嚎鍔犲伐涓换鍔� <div style="margin-left: 30px">{{ number1 }} 鍗�</div>
</div>
<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>
@@ -100,7 +101,7 @@
<!-- 2-->
<div class="kb_left_bottom kb_pd10">
<div class="kb_left_bottom_content">
- <div class="content_head kb_title_text">浜х嚎鍔犲伐浠诲姟</div>
+ <div class="content_head kb_title_text">浜х嚎鍔犲伐浠诲姟 <div style="margin-left: 30px">{{ number2 }} 鍗�</div></div>
<div class="content_body">
<el-table
ref="tableData"
@@ -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="鏁伴噺"
@@ -286,8 +308,7 @@
LineSearchBottomLeftData,
LineSearchBottomRightData,
LineSearchTopLeftData,
- LineSearchTopRightData, ShopSearch,
- ShopSearchLine, WkspReportNotice
+ LineSearchTopRightData, ShopSearch, WkspReportNotice
} from '@/api/dzkb'
import MarqueeTips from 'vue-marquee-tips'
@@ -301,7 +322,7 @@
headTime: '',
lineContent: [],
- lineContent4: [],
+ lineContent3: [],
leftTopData: [],
tableData: [],
@@ -309,6 +330,9 @@
lineCodeArr: [],
ShopArr: [], // 杞﹂棿缂栫爜鏁扮粍
+
+ number1: '',
+ number2: '',
MarqueeTipsContent: '', // 鍏憡
speed: 100// 鍏憡鎾斁鐨勯�熷害
@@ -352,11 +376,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 = []
@@ -381,26 +406,30 @@
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)
+
+ this.number1 = this.lineContent.length
})
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)
+
+ this.number1 = this.lineContent.length
})
} 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)
},
@@ -408,6 +437,7 @@
getTableDataRoll() {
LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
this.tableData = res.data
+ this.number2 = this.tableData.length
const divData = this.$refs.tableData.bodyWrapper
// 鎷垮埌鍏冪礌鍚庯紝瀵瑰厓绱犺繘琛屽畾鏃跺鍔犺窛绂婚《閮ㄨ窛绂伙紝瀹炵幇婊氬姩鏁堟灉(姝ら厤缃负姣�100姣绉诲姩1鍍忕礌)
@@ -421,6 +451,7 @@
divData.scrollTop = 0
LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
this.tableData = res.data
+ this.number2 = this.tableData.length
if (this.tableData.length > 10) {
clearInterval(task)
this.getTableDataRoll()
@@ -527,9 +558,8 @@
.kb_left_top_title01 {
position: absolute;
- top: 40px;
+ top: 37px;
left: 15px;
- font-size: 18px;
display: flex;
color: #00ffff;
@@ -548,6 +578,7 @@
flex-direction: column;
justify-content: flex-start;
padding-top: 70px;
+
.kb_left_top02 {
display: flex;
flex-direction: column;
@@ -559,9 +590,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;
@@ -574,23 +605,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;
@@ -599,6 +630,7 @@
.content02Parent {
display: flex;
+
.content02 {
width: 60px;
border-right: 1px solid $kbBorderColor;
@@ -607,11 +639,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;
@@ -649,7 +682,7 @@
}
- .kb_left_top_block:nth-child(4n) {
+ .kb_left_top_block:nth-child(3n) {
border-bottom: none !important;
}
}
@@ -664,7 +697,7 @@
flex-direction: column;
.content_head {
- font-size: 18px;
+ display: flex;
line-height: 20px;
margin-bottom: 10px;
margin-top: -10px;
@@ -695,7 +728,7 @@
flex-direction: column;
.content_head {
- font-size: 18px;
+ //font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
margin-top: -10px;
@@ -714,9 +747,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 {
@@ -745,6 +777,7 @@
::v-deep .cell {
padding: 0 !important;
+ font-size: 18px;
}
.circleYellow {
--
Gitblit v1.9.3