zjl #23

Merged
juzi merged 3 commits from zjl into master 2023-06-16 16:25:07 +08:00
7 changed files with 252 additions and 205 deletions
Showing only changes of commit d5f1100dd9 - Show all commits

View File

@ -1,126 +1,131 @@
<template>
<el-form ref="form" label-width="110px" :model="form">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="1月" prop="january">
<el-input-number
v-model="form.january"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="2月" prop="february">
<el-input-number
v-model="form.february"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="3月" prop="march">
<el-input-number
v-model="form.march"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="4月" prop="april">
<el-input-number
v-model="form.april"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="5月" prop="may">
<el-input-number
v-model="form.may"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="6月" prop="june">
<el-input-number
v-model="form.june"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="7月" prop="july">
<el-input-number
v-model="form.july"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="8月" prop="august">
<el-input-number
v-model="form.august"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="9月" prop="september">
<el-input-number
v-model="form.september"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="10月" prop="october">
<el-input-number
v-model="form.october"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="11月" prop="november">
<el-input-number
v-model="form.november"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="12月" prop="december">
<el-input-number
v-model="form.december"
:min="0"
style="width: 300px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div>
<div style="text-align: center; margin-bottom: 10px; font-weight: bold">
{{ name }}
</div>
<el-form ref="form" label-width="110px" :model="form">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="1月" prop="january">
<el-input-number
v-model="form.january"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="2月" prop="february">
<el-input-number
v-model="form.february"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="3月" prop="march">
<el-input-number
v-model="form.march"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="4月" prop="april">
<el-input-number
v-model="form.april"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="5月" prop="may">
<el-input-number
v-model="form.may"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="6月" prop="june">
<el-input-number
v-model="form.june"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="7月" prop="july">
<el-input-number
v-model="form.july"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="8月" prop="august">
<el-input-number
v-model="form.august"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="9月" prop="september">
<el-input-number
v-model="form.september"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="10月" prop="october">
<el-input-number
v-model="form.october"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="11月" prop="november">
<el-input-number
v-model="form.november"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="12月" prop="december">
<el-input-number
v-model="form.december"
:min="0"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
import {
@ -131,16 +136,18 @@ export default {
name: 'productPowerEdit',
data() {
return {
form: {}
form: {},
name: ''
}
},
mounted() {},
methods: {
init(param) {
this.name = param.name
let date = new Date(param.timePosition)
let year = date.getFullYear()
performanceAnalysisPlan({
name: param.name,
name: this.name,
year: year
}).then((res) => {
console.log(res)
@ -150,6 +157,7 @@ export default {
})
},
submitForm() {
console.log(this.form)
performanceUpdatePlan({ ...this.form }).then((res) => {
if (res.code === 0) {
this.$message({

View File

@ -40,7 +40,7 @@
<el-col :span="6">
<div class="top-right">
<div>
<span class="title">{{ unitName }}单元计划产能</span>
<span class="title">{{ eqName }}计划产能</span>
<svg-icon
icon-class="device_edit"
class="icon-style"
@ -81,6 +81,7 @@
<base-dialog
dialogTitle="产能维护"
:dialogVisible="centervisible"
:close-on-click-modal="false"
@cancel="handleCancel"
@confirm="handleConfirm"
:before-close="handleCancel"
@ -101,7 +102,7 @@ import deviceOeeLine from './../components/deviceOeeLine.vue'
// import moment from 'moment'
const tableProps = [
{
prop: 'date',
prop: 'recordDate',
label: '时间',
minWidth: 160,
filter: timeFormatter
@ -173,7 +174,7 @@ export default {
children: 'children',
label: 'name'
},
unitName: '',
eqName: '',
chooseMonth: '',
formConfig: [
{
@ -231,10 +232,10 @@ export default {
getTree() {
getTreeData().then((res) => {
this.treeData = res.data
this.unitName = res.data[0].children[0].name
this.listQuery.name = this.unitName
this.eqName = res.data[0].children[0].children[0].name
this.listQuery.name = this.eqName
setTimeout(() => {
this.$refs.deviceTree.setCurrentKey(this.unitName)
this.$refs.deviceTree.setCurrentKey(this.eqName)
}, 100)
this.getList()
this.getPlan()
@ -274,30 +275,28 @@ export default {
{ month: '11月', value: null, type: 'november' },
{ month: '12月', value: null, type: 'december' }
]
performanceAnalysisPlan({ name: this.unitName, year: year }).then(
(res) => {
if (res.code === 0 && !!res.data) {
let obj = res.data
for (let i = 0; i < arr.length; i++) {
arr[i].value = obj[arr[i].type]
}
} else {
for (let i = 0; i < arr.length; i++) {
arr[i].value = null
}
performanceAnalysisPlan({ name: this.eqName, year: year }).then((res) => {
if (res.code === 0 && !!res.data) {
let obj = res.data
for (let i = 0; i < arr.length; i++) {
arr[i].value = obj[arr[i].type]
}
} else {
for (let i = 0; i < arr.length; i++) {
arr[i].value = null
}
this.tableData2 = arr.slice(0, 6)
this.tableData3 = arr.slice(6, 12)
}
)
this.tableData2 = arr.slice(0, 6)
this.tableData3 = arr.slice(6, 12)
})
},
clickDevice(val) {
if (val.children && val.parent) {
//
if (!val.children) {
//
this.listQuery.name = val.name
this.unitName = val.name
this.getList()
this.getPlan()
this.eqName = val.name
// this.getList()
// this.getPlan()
}
},
editPower() {

View File

@ -64,7 +64,7 @@
marginBottom: 5 * beilv + 'px'
}"
>
{{ productMsg.finishNum }}
{{ productMsg.realProductNum }}
</p>
<p class="words">生产数量</p>
</div>

View File

@ -1,49 +1,74 @@
<template>
<el-drawer title="查看详情" :visible.sync="visible" size="70%">
<div>
<base-table
:page="1"
:limit="1000"
:table-props="tableProps"
:table-data="tableData"
:max-height="tableH"
>
<method-btn
v-if="tableBtn.length"
slot="handleBtn"
:width="110"
label="操作"
:method-list="tableBtn"
@clickBtn="handleClick"
/>
</base-table>
<pagination :limit="listQuery.size" :total="total" />
<el-drawer
title="玻璃ID追溯"
:append-to-body="true"
:visible.sync="historyVisible"
size="50%"
>
<el-form ref="form" :model="form" label-width="150px">
<el-form-item label="初投玻璃ID:">{{
form.initialGlassId
}}</el-form-item>
<el-form-item label="第一次复磨玻璃ID:">{{
form.reloadOne
}}</el-form-item>
<el-form-item label="第二次复磨玻璃ID:">{{
form.reloadTwo
}}</el-form-item>
<el-form-item label="第三次复磨玻璃ID:">{{
form.reloadThree
}}</el-form-item>
<el-form-item label="第四次复磨玻璃ID:">{{
form.reloadFour
}}</el-form-item>
</el-form>
</el-drawer>
</div>
</el-drawer>
<div>
<el-drawer title="查看详情" :visible.sync="visible" size="70%">
<div>
<base-table
:page="1"
:limit="1000"
:table-props="tableProps"
:table-data="tableData"
:max-height="tableH"
>
<method-btn
v-if="tableBtn.length"
slot="handleBtn"
:width="110"
label="操作"
:method-list="tableBtn"
@clickBtn="handleClick"
/>
</base-table>
<pagination :limit="listQuery.size" :total="total" />
</div>
</el-drawer>
<base-dialog
dialogTitle="玻璃ID追溯"
:dialogVisible="historyVisible"
:close-on-click-modal="false"
:before-close="handleCancel"
>
<el-form ref="historyForm" :model="form" label-width="150px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="初投玻璃ID:">
<el-input v-model="form.initialGlassId" disabled></el-input
></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="第一次复磨玻璃ID:">
<el-input v-model="form.initialGlassId" disabled></el-input
></el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="第二次复磨玻璃ID:">
<el-input v-model="form.reloadTwo" disabled></el-input
></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="第三次复磨玻璃ID:">
<el-input v-model="form.reloadThree" disabled></el-input
></el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="第四次复磨玻璃ID:">
<el-input v-model="form.reloadFour" disabled></el-input
></el-form-item>
</el-col>
</el-row>
</el-form>
<el-row slot="footer" type="flex" justify="end">
<el-col :span="12">
<el-button size="small" class="btnTextStyle" @click="handleCancel"
>取消</el-button
>
</el-col>
</el-row>
</base-dialog>
</div>
</template>
<script>
import { tableHeight, timeFormatter } from '@/utils/index'
@ -139,8 +164,10 @@ export default {
this.form.reloadFour = res.data.reloadFour ? res.data.reloadFour : '-'
})
},
handleCloseProcess() {},
handleCloseDevice() {}
handleCancel() {
this.$refs.historyForm.resetFields()
this.historyVisible = false
}
}
}
</script>

View File

@ -84,7 +84,7 @@
fontSize: 27 * beilv + 'px',
marginBottom: 6 * beilv + 'px'
}"
>{{ detailMsg.finishNum }}</span
>{{ detailMsg.realProductNum }}</span
>
<span class="tip" :style="{ fontSize: 16 * beilv + 'px' }"
>完成数量</span

View File

@ -113,7 +113,7 @@
marginBottom: 6 * beilv + 'px'
}"
>
{{ productMsg.finishNum }}
{{ productMsg.realProductNum }}
</p>
<p class="words" :style="{ fontSize: 14 * beilv + 'px' }">
生产数量

View File

@ -1,6 +1,9 @@
<template>
<div>
<div class="top-box">
<div style="padding: 10px 0 0 16px">
<search-bar :formConfigs="formConfig" />
</div>
<production-line-diagram></production-line-diagram>
</div>
<el-row class="bottom-box" :gutter="10">
@ -107,6 +110,16 @@ export default {
name: 'ProductionLineStatus',
data() {
return {
formConfig: [
{
type: 'select',
label: '产线',
selectOptions: JSON.parse(localStorage.getItem('publicList'))
.proLineVoList,
param: 'proLineId',
defaultSelect: ''
}
],
listQuery1: {
current: 1,
size: 10
@ -115,8 +128,8 @@ export default {
current: 1,
size: 5
},
tableH: tableHeight(450),
tableH2: (tableHeight(238) * 0.708 - 50) / 2,
tableH: tableHeight(479),
tableH2: (tableHeight(238) * 0.68 - 50) / 2,
tableProps1,
tableData1: [],
tableData2: [],
@ -130,8 +143,8 @@ export default {
components: { ProductionLineDiagram },
mounted() {
window.addEventListener('resize', () => {
this.tableH = tableHeight(450)
this.tableH2 = (tableHeight(238) * 0.708 - 50) / 2
this.tableH = tableHeight(479)
this.tableH2 = (tableHeight(238) * 0.68 - 50) / 2
})
this.getTableMsg()
},
@ -162,10 +175,10 @@ export default {
border-radius: 4px;
}
.top-box {
height: calc((100vh - 90px - 50px - 16px) * 0.292);
height: calc((100vh - 90px - 50px - 16px) * 0.32);
}
.bottom-box {
height: calc((100vh - 90px - 50px - 16px) * 0.708);
height: calc((100vh - 90px - 50px - 16px) * 0.68);
padding: 0 16px 16px;
.area {
.title {