From 0b1837e9b6d1ac8825e9c1acf6f0cd5b2b14a897 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 04 一月 2023 10:41:00 +0800
Subject: [PATCH] 1.列展示设置 静态框架初步搭建完成
---
src/views/scgl/zdpc.vue | 152 +++++++++++++++++++++++---------------------------
1 files changed, 70 insertions(+), 82 deletions(-)
diff --git a/src/views/scgl/zdpc.vue b/src/views/scgl/zdpc.vue
index da1ca3b..9d99497 100644
--- a/src/views/scgl/zdpc.vue
+++ b/src/views/scgl/zdpc.vue
@@ -8,10 +8,10 @@
:model="formTop"
label-width="100px"
inline
- style="display: flex;justify-content: space-between"
+ style="display: flex;"
>
<div class="elForm">
- <el-form-item label-width="70px" label="杞﹂棿缂栫爜" style=" display: flex;">
+ <el-form-item label="杞﹂棿缂栫爜" style=" display: flex;">
<el-input v-model="formTop.workshop" placeholder="璇疯緭鍏�" style="width: 200px" />
</el-form-item>
<el-form-item label="鐢熶骇宸ュ崟鍙�" style=" display: flex;">
@@ -24,7 +24,7 @@
<el-input v-model="formTop.partname" placeholder="璇疯緭鍏�" style="width: 200px" />
</el-form-item>
</div>
- <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}">
+ <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}">
<el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
<el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
</div>
@@ -71,6 +71,7 @@
/>
<el-table-column
prop="AdvaSchePiroQue"
+ show-tooltip-when-overflow
label="浼樺厛绾�"
width="90"
sortable="custom"
@@ -112,6 +113,7 @@
prop="AdvaSchePartSpec"
label="浜у搧瑙勬牸"
width="110"
+ show-tooltip-when-overflow
sortable="custom"
>
<template slot-scope="{row}">
@@ -122,6 +124,7 @@
<el-table-column
prop="AdvaScheQty"
label="鏁伴噺"
+ show-tooltip-when-overflow
width="110"
sortable="custom"
/>
@@ -129,11 +132,13 @@
prop="AdvaScheEndDate"
label="瑕佹眰浜や粯鏃堕棿"
sortable="custom"
+ show-tooltip-when-overflow
width="160"
/>
<el-table-column
prop="AdvaScheStus"
label="鎺掔▼鐘舵��"
+ show-tooltip-when-overflow
width="110"
sortable="custom"
>
@@ -145,6 +150,7 @@
<el-table-column
prop="AdvaScheBotProcName"
label="鎺掔▼宸ュ簭"
+ show-tooltip-when-overflow
width="110"
sortable="custom"
/>
@@ -153,6 +159,7 @@
label="璁″垝鎺掔▼鏃堕棿"
width="160"
sortable="custom"
+ show-tooltip-when-overflow
>
<template slot-scope="{row}">
<div v-if="row.AdvaSchePCStartDate">{{ row.AdvaSchePCStartDate }}</div>
@@ -181,10 +188,11 @@
ref="form"
:model="formBottom"
inline
- style="display: flex;justify-content: space-between"
+ label-width="100px"
+ style="display: flex;"
>
<div class="elForm">
- <el-form-item label-width="70px" label="鎺掔▼鏃ユ湡" style=" display: flex;">
+ <el-form-item label="鎺掔▼鏃ユ湡" style=" display: flex;">
<el-date-picker
v-model="formBottom.scheDate"
type="daterange"
@@ -200,18 +208,18 @@
/>
</el-form-item>
<el-form-item label="鎺掔▼鏂瑰紡" style=" display: flex;">
- <el-select v-model="formBottom.types" style="width:120px" @change="changeTypes">
+ <el-select v-model="formBottom.types" :disabled="radioSelectedId===''" style="width:120px" @change="changeTypes">
<el-option value="N" label="璁惧浼樺厛" />
<el-option value="Y" label="鏃堕棿浼樺厛" />
</el-select>
</el-form-item>
- <el-form-item label="鏃堕棿鍒诲害锛堝垎閽燂級" style=" display: flex;">
+ <el-form-item label="鏃堕棿鍒诲害(鍒嗛挓)" label-width="110" style=" display: flex;">
<el-select v-model.number="formBottom.scale" style="width: 120px;">
<el-option v-for="item in scaleList" :key="item" :value="item" :label="item" />
</el-select>
</el-form-item>
- <el-form-item label="鎹㈠瀷鏃堕棿锛堝垎閽燂級" style=" display: flex;">
+ <el-form-item label="鎹㈠瀷鏃堕棿(鍒嗛挓)" label-width="110" style=" display: flex;">
<el-input
id="scale"
v-model="formBottom.times"
@@ -227,7 +235,7 @@
</span>
</el-form-item>
</div>
- <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}">
+ <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}">
<el-button
type="primary"
icon="el-icon-document-remove"
@@ -430,7 +438,7 @@
titleHeight: 40,
titleWidth: 250,
- datasNum: 100,
+ // datasNum: 100,
datasA: [],
// datasB: mockDatas(100),
dataKey: 'id',
@@ -446,9 +454,7 @@
scrollToY: 0,
positionB: {},
positionA: {},
-
title_list: [],
- imp_id: '',
submit_flag: false,
search_from: {
page: 1,
@@ -460,10 +466,10 @@
}
},
watch: {
- datasNum(newV) {
- // this.datasA = mockDatas(newV)
- // this.datasB = mockDatas(newV)
- },
+ // datasNum(newV) {
+ // // this.datasA = mockDatas(newV)
+ // // this.datasB = mockDatas(newV)
+ // },
scrollToY(val) {
this.positionA = { x: val }
}
@@ -581,6 +587,7 @@
this.getOnclickAdvancedSchedulingDevice()
},
click_box(val) {
+ console.log(val, 567)
if (!val.status) {
for (const i in this.facility_data) {
const new_arr = []
@@ -627,7 +634,7 @@
this.bm_data[i].gtArray = arr
}
this.formBottom.real_num = 0
- this.click_schedule()
+ // this.click_schedule()
},
look(data) {
this.showDialog = true
@@ -652,24 +659,15 @@
// },
// 鐐瑰嚮甯﹀嚭鏁版嵁
async getOnclickAdvancedSchedulingDevice() {
- await this.facility_top()
+ await this.facility_top()// 璁惧浼樺厛
const res = await OnclickAdvancedSchedulingDevice(this.forms)
-
- if (res.rus.Message) {
- this.$message({
- showClose: true,
- type: 'error',
- message: res.rus.Message
- })
- }
+ if (res.rus.Message) { this.$message.error(res.rus.Message) }
this.submit_flag = false
const list = []
this.time_all = res
const cont = res.Cont
this.formBottom.real_num = 0
- console.log(this.time_all.rows)
- console.log(this.time_all.rows[0].children)
for (const i in this.time_all.rows[0].children) {
const obj = {
id: '',
@@ -680,7 +678,7 @@
dark: 'rgb(83, 186, 241,0.8)',
light: 'rgb(83, 186, 241,0.1)',
light_capacity: 'rgb(209,239,237,0.8)',
- h_schedule: ' rgb(100,255,192,0.8)',
+ h_schedule: 'rgb(100,255,192,0.8)',
scheduleing: 'rgb(20,182,231,0.8)'
},
gtArray: []
@@ -692,7 +690,6 @@
].AdvaDevicRhythm
list.push(obj)
}
-
for (const i in this.time_all.rows) {
for (const j in this.time_all.rows[i].children) {
if (this.time_all.rows[i].children[j].OneStartDate != '') {
@@ -859,30 +856,29 @@
}
}
}
- // console.log(newList, 321)
for (const i in list) {
this.pushTiem(newList, list[i].id, list[i].gtArray)
}
this.bm_data = list
+ console.log(this.bm_data, 678)
const _this = this
if (cont != '') {
for (const i in cont) {
for (const j in this.bm_data) {
- if (this.bm_data[j].id == cont[i].EQP_CODE) {
+ if (this.bm_data[j].id == cont[i].eqp_code) {
const data = {
- id: cont[i].EQP_CODE,
- number: cont[i].ALLOC_QTY,
- cl_name: cont[i].PART_NAME,
+ id: cont[i].eqp_code,
+ number: cont[i].alloc_qty,
+ cl_name: cont[i].part_name,
cl_code: this.cl_code,
- work_order: cont[i].WO_CODE,
+ work_order: cont[i].wo_code,
STATUS: _this.AdvaScheUom,
- start: cont[i].TIME_START,
- end: cont[i].TIME_END,
- type: cont[i].STATUS == 'S' ? 'h_schedule' : 'bm_schedule'
+ // status: _this.AdvaScheUom,
+ start: cont[i].time_start,
+ end: cont[i].time_end,
+ type: cont[i].status == 'S' ? 'h_schedule' : 'bm_schedule'
}
-
this.bm_data[j].flag = 'isCont'
-
this.bm_data[j].gtArray.unshift(data)
}
}
@@ -897,7 +893,8 @@
}
}
}
- // })
+
+ // this.$forceUpdate()
},
// 鎹㈠瀷鏃堕棿
MinutesTest(time) {
@@ -962,9 +959,10 @@
this.cl_code = row.AdvaSchePartNumber
this.AdvaScheUom = row.AdvaScheUom
this.work_order = row.AdvaScheWorkCode
+
this.formBottom.scheDate.push(this.getNowFormatDate())
this.formBottom.scheDate.push(row.AdvaScheEndDate)
- if (this.formBottom.scheDate !== '') {
+ if (this.formBottom.scheDate != '') {
this.time_data[0] = this.formBottom.scheDate[0] + ' 00:00'
this.time_data[1] = this.formBottom.scheDate[1] + ' 23:59'
}
@@ -984,21 +982,17 @@
// 鎻愪氦鎺掔▼
async click_yes() {
if (this.submit_flag) {
- this.$message({
- showClose: true,
- type: 'error',
- message: '鏁伴噺鏈帓瀹�,璇疯缃骇鑳芥椂闂�'
- })
+ this.$message.error('鏁伴噺鏈帓瀹�,璇疯缃骇鑳芥椂闂�')
} else {
const list = [] // 鎻愪氦鏁扮粍
for (const i in this.bm_data) {
const arr = []
for (const j in this.bm_data[i].gtArray) {
- if (this.bm_data[i].gtArray[j].type === 'schedule') {
+ if (this.bm_data[i].gtArray[j].type == 'schedule') {
arr.push(this.bm_data[i].gtArray[j])
}
}
- if (arr !== '') {
+ if (arr != '') {
for (const i in arr) {
const data = {
AlreDevicNumber: '',
@@ -1025,12 +1019,8 @@
updata = JSON.stringify(updata)
this.formUpdata.json = updata
- if (list === '') {
- this.$message({
- showClose: true,
- message: '璇峰厛棰勬帓',
- type: 'error'
- })
+ if (list == '') {
+ this.$message.error('璇峰厛棰勬帓')
return false
}
@@ -1047,28 +1037,25 @@
this.formBottom.meter = 0
this.formBottom.real_num = 0
- // await this.getOnclickAdvancedSchedulingDevice()
+ await this.getOnclickAdvancedSchedulingDevice()
await this.getAdvancedSchedulingSearch()
}
},
// 鏃堕棿/璁惧浼樺厛鎺掔▼
click_schedule() {
const timestamp = new Date().toLocaleDateString()
- if (new Date(this.formBottom.scheDate[0]) < new Date(timestamp)) {
- this.$message({
- showClose: true,
- type: 'error',
- message: '鎺掔▼鏃堕棿涓嶅彲浠ュ皬浜庡綋鍓嶆椂闂�'
- })
+
+ if (new Date(this.formBottom.scheDate[1]) < new Date(timestamp)) {
+ this.$message.error('鎺掔▼鏃ユ湡涓嶅彲浠ュ皬浜庡綋鍓嶆椂闂�!')
return false
}
this.nitialize()// 鎵嬪姩杩囨护鎵�鏈夎澶囧凡鎺掔▼
-
- if (this.bm_data !== '' && this.formBottom.types === 'N') { // 璁惧浼樺厛
+ // console.log(this.facility_data, 67890)
+ if (this.bm_data != '' && this.formBottom.types == 'N') { // 璁惧浼樺厛
this.fun_time()
this.change_num(this.bm_data)
- } else if (this.facility_data !== '' && this.formBottom.types === 'Y') { // 鏃堕棿浼樺厛
+ } else if (this.facility_data != '' && this.formBottom.types == 'Y') { // 鏃堕棿浼樺厛
this.time_nitalize()
this.fun_facility()
this.dataTransition()
@@ -1079,7 +1066,7 @@
// 鎵嬪姩杩囨护鎵�鏈夋椂闂村凡鎺掔▼
time_nitalize() {
for (const i in this.facility_data) {
- this.facility_data[i].gtArray = this.facility_data[i].gtArray.filter(item => item.type !== 'schedule')
+ this.facility_data[i].gtArray = this.facility_data[i].gtArray.filter(item => item.type != 'schedule')
}
},
// 鎵嬪姩杩囨护鎵�鏈夎澶囧凡鎺掔▼
@@ -1087,7 +1074,7 @@
for (const i in this.bm_data) {
const newArr = []
for (const j in this.bm_data[i].gtArray) {
- if (this.bm_data[i].gtArray[j].type !== 'schedule') {
+ if (this.bm_data[i].gtArray[j].type != 'schedule') {
newArr.push(this.bm_data[i].gtArray[j])
}
}
@@ -1151,8 +1138,8 @@
let capacity_arr = [] // 瑕佹帓绋嬬殑鏁扮粍
this.bm_data[i].gtArray.sort((a, b) => new Date(a.end).getTime() - new Date(b.end).getTime())
// let capacity_end = ''
- end_arr = this.bm_data[i].gtArray.filter(item => item.type === 'h_schedule')
- nend_arr = this.bm_data[i].gtArray.filter(item => item.type === 'capacity')
+ end_arr = this.bm_data[i].gtArray.filter(item => item.type == 'h_schedule')
+ nend_arr = this.bm_data[i].gtArray.filter(item => item.type == 'capacity')
if (end_arr && end_arr.length > 0) {
capacity_arr = nend_arr.map(item => {
// 鎺掗櫎鎺夊凡缁忔帓绋嬬殑瀛樺湪hshedule锛宻tart锛宔nd閮界浉绛夌殑鎯呭喌
@@ -1299,7 +1286,7 @@
capacity_arr = JSON.parse(JSON.stringify(nend_arr))
end_arr.forEach(item => {
for (let i = 0; i < capacity_arr.length; i++) {
- if (new Date(capacity_arr[i].start).getTime() === new Date(item.start).getTime()) {
+ if (new Date(capacity_arr[i].start).getTime() == new Date(item.start).getTime()) {
console.log(i, capacity_arr[i], '鍝囧搱鍝�')
capacity_arr.splice(i, 1)
break
@@ -1313,7 +1300,7 @@
const schedule_arr = end_arr.filter(item => {
const remain = nend_arr.some(sitem => {
- return new Date(sitem.start).getTime() === new Date(item.start).getTime() &&
+ return new Date(sitem.start).getTime() == new Date(item.start).getTime() &&
new Date(item.end).getTime() < new Date(sitem.end).getTime()
})
return remain
@@ -1322,7 +1309,7 @@
if (schedule_arr && schedule_arr.length > 0) {
const scheduleCan = schedule_arr.map(item => {
const capcity = nend_arr.filter(sitem => {
- return new Date(sitem.start).getTime() === new Date(item.start).getTime() &&
+ return new Date(sitem.start).getTime() == new Date(item.start).getTime() &&
new Date(item.end).getTime() < new Date(sitem.end).getTime()
})[0]
console.log('capacity', capcity)
@@ -1477,7 +1464,7 @@
dark: 'rgb(83, 186, 241,0.8)',
light: 'rgb(83, 186, 241,0.1)',
light_capacity: 'rgb(209,239,237,0.8)',
- h_schedule: ' rgb(100,255,192,0.8)',
+ h_schedule: 'rgb(100,255,192,0.8)',
scheduleing: 'rgb(20,182,231,0.8)'
},
gtArray: []
@@ -1489,6 +1476,8 @@
this.title_list.push(obj)
}
+ console.log(12321)
+ console.log(data, 1)
for (const i in data) {
for (const j in data[i].children) {
if (data[i].children[j].OneStartDate != '') {
@@ -1622,18 +1611,18 @@
if (cont != '') {
for (const i in cont) {
- const date_time = cont[i].TIME_START.split(' ')
+ const date_time = cont[i].time_start.split(' ')
const cont_date = date_time[0]
for (const j in this.facility_data) {
const data = {
- id: cont[i].EQP_CODE,
+ id: cont[i].eqp_code,
date: cont_date,
- number: cont[i].ALLOC_QTY,
- cl_name: cont[i].PART_NAME,
+ number: cont[i].alloc_qty,
+ cl_name: cont[i].part_name,
cl_code: this.cl_code,
- work_order: cont[i].WO_CODE,
- start: cont[i].TIME_START,
- end: cont[i].TIME_END,
+ work_order: cont[i].wo_code,
+ start: cont[i].time_start,
+ end: cont[i].time_end,
type: 'h_schedule'
}
if (this.facility_data[j].date == data.date) {
@@ -1642,7 +1631,6 @@
}
}
}
- // })
},
// 鎺掔▼鏂规硶
formSeconds(s1, start, mod) {
--
Gitblit v1.9.3