projects/mes-test #133
2
.env.dev
2
.env.dev
@ -16,7 +16,7 @@ VUE_APP_TITLE = MES系统
|
|||||||
VUE_APP_BASE_API = 'http://192.168.0.33:48082'
|
VUE_APP_BASE_API = 'http://192.168.0.33:48082'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.4.173:48080'
|
# VUE_APP_BASE_API = 'http://192.168.4.173:48080'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.2.173:48080'
|
# VUE_APP_BASE_API = 'http://192.168.2.173:48080'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.1.49:48080'
|
# VUE_APP_BASE_API = 'http://192.168.1.49:48082'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.1.8:48082'
|
# VUE_APP_BASE_API = 'http://192.168.1.8:48082'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.4.159:48080'
|
# VUE_APP_BASE_API = 'http://192.168.4.159:48080'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.1.56:48082'
|
# VUE_APP_BASE_API = 'http://192.168.1.56:48082'
|
||||||
|
@ -18,6 +18,15 @@ export function deliveryProgressPage(data) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 获取订单列表
|
||||||
|
export function listOrderList(query) {
|
||||||
|
return request({
|
||||||
|
url: '/extend/delivery-log/listOrderList',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// 获取发货进度分页
|
// 获取发货进度分页
|
||||||
export function deliveryLogDetPage(data) {
|
export function deliveryLogDetPage(data) {
|
||||||
return request({
|
return request({
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
/*
|
/*
|
||||||
* @Author: zhp
|
* @Author: zhp
|
||||||
* @Date: 2023-10-31 15:05:06
|
* @Date: 2023-10-31 15:05:06
|
||||||
* @LastEditTime: 2023-11-03 09:05:50
|
* @LastEditTime: 2023-11-28 09:28:05
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @Description:
|
* @Description:
|
||||||
*/
|
*/
|
||||||
@ -24,6 +24,14 @@ export function getWorkOrderList(query) {
|
|||||||
params: query,
|
params: query,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function getCoreProduct(id) {
|
||||||
|
return request({
|
||||||
|
url: '/base/core-product/get?id=' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// 导出物料信息
|
// 导出物料信息
|
||||||
// export function exportEnergyPlcExcel(query) {
|
// export function exportEnergyPlcExcel(query) {
|
||||||
// return request({
|
// return request({
|
||||||
|
@ -197,3 +197,7 @@ input, textarea{
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
// 抽屉head区域---end
|
// 抽屉head区域---end
|
||||||
|
// 弹出框,上下分布,去掉label的padding-bottom
|
||||||
|
.el-form--label-top .el-form-item__label {
|
||||||
|
padding: 0;
|
||||||
|
}
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2022-08-24 11:19:43
|
* @Date: 2022-08-24 11:19:43
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-11-01 10:30:12
|
* @LastEditTime: 2023-11-24 09:29:36
|
||||||
* @Description:
|
* @Description:
|
||||||
*/
|
*/
|
||||||
export default {
|
export default {
|
||||||
@ -85,6 +85,7 @@ export default {
|
|||||||
},
|
},
|
||||||
//tableBtn点击
|
//tableBtn点击
|
||||||
handleClick(val) {
|
handleClick(val) {
|
||||||
|
console.log(val.data.packagingCode);
|
||||||
if (val.type === "edit") {
|
if (val.type === "edit") {
|
||||||
this.addOrUpdateVisible = true;
|
this.addOrUpdateVisible = true;
|
||||||
this.addOrEditTitle = "编辑";
|
this.addOrEditTitle = "编辑";
|
||||||
@ -92,7 +93,7 @@ export default {
|
|||||||
this.$refs.addOrUpdate.init(val.data.id);
|
this.$refs.addOrUpdate.init(val.data.id);
|
||||||
});
|
});
|
||||||
} else if (val.type === "delete") {
|
} else if (val.type === "delete") {
|
||||||
this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
|
this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex,val.data.packagingCode )
|
||||||
} else if (val.type === "change") {
|
} else if (val.type === "change") {
|
||||||
this.changeStatus(val.data.id)
|
this.changeStatus(val.data.id)
|
||||||
} else {
|
} else {
|
||||||
@ -101,7 +102,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 删除
|
// 删除
|
||||||
deleteHandle(id, name, index) {
|
deleteHandle(id, name, index) {
|
||||||
this.$confirm(`是否确认删除${name ? '[' + name + ']' : '[' + index + ']'}数据项?`, "提示", {
|
this.$confirm(`是否确认删除${name ? ' 名称为'+ name : '[' + index + ']'}数据项?`, "提示", {
|
||||||
confirmButtonText: "确定",
|
confirmButtonText: "确定",
|
||||||
cancelButtonText: "取消",
|
cancelButtonText: "取消",
|
||||||
type: "warning",
|
type: "warning",
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2023-08-01 14:55:51
|
* @Date: 2023-08-01 14:55:51
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-11-22 14:40:59
|
* @LastEditTime: 2023-11-24 09:13:50
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -122,7 +122,8 @@ export default {
|
|||||||
selectOptions: [],
|
selectOptions: [],
|
||||||
labelField: 'name',
|
labelField: 'name',
|
||||||
valueField: 'id',
|
valueField: 'id',
|
||||||
param: 'workOrderId'
|
param: 'workOrderId',
|
||||||
|
filterable: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// parent: 'dateFilterType',
|
// parent: 'dateFilterType',
|
||||||
@ -214,6 +215,26 @@ export default {
|
|||||||
// this.listQuery.total = response.data.total;
|
// this.listQuery.total = response.data.total;
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
deleteHandle(id, name, index, packagingCode) {
|
||||||
|
this.$confirm(`是否确认删除${'[' + packagingCode + ']'}数据项?`, "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.urlOptions.deleteURL(id).then(({ data }) => {
|
||||||
|
this.$message({
|
||||||
|
message: "操作成功",
|
||||||
|
type: "success",
|
||||||
|
duration: 1500,
|
||||||
|
onClose: () => {
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
handlePrint(id) {
|
handlePrint(id) {
|
||||||
if (id) {
|
if (id) {
|
||||||
getPackingModel(id).then(res => {
|
getPackingModel(id).then(res => {
|
||||||
|
270
src/views/core/analysis/balanceAnalysis/index copy.vue
Normal file
270
src/views/core/analysis/balanceAnalysis/index copy.vue
Normal file
@ -0,0 +1,270 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<search-bar
|
||||||
|
:formConfigs="formConfig"
|
||||||
|
ref="searchBarForm"
|
||||||
|
@headBtnClick="buttonClick" />
|
||||||
|
|
||||||
|
<div v-if="tableData.length">
|
||||||
|
<el-tabs
|
||||||
|
v-model="activeName"
|
||||||
|
@tab-click="handleTabClick"
|
||||||
|
style="height: 100%">
|
||||||
|
<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
|
||||||
|
<!-- @emitFun="handleEmitFun"> -->
|
||||||
|
<base-table
|
||||||
|
v-if="mode == 'table'"
|
||||||
|
:span-method="mergeColumnHandler"
|
||||||
|
:page="1"
|
||||||
|
:limit="999"
|
||||||
|
:table-props="tableProps"
|
||||||
|
:table-data="tableData" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane :label="'\u3000产线平衡分析图\u3000'" name="graph">
|
||||||
|
<div class="graph" style="height: 100%">
|
||||||
|
<!-- graph -->
|
||||||
|
<!-- <Graph
|
||||||
|
v-if="list.length"
|
||||||
|
:equipment-list="list"
|
||||||
|
:render="renderKey" /> -->
|
||||||
|
<BalanceChart ref="lineChart" />
|
||||||
|
<div v-if="list.length == 0" class="no-data-bg"></div>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
|
||||||
|
<!-- <SearchBar :formConfigs="[{ label: '产线平衡分析图', type: 'title' }]" /> -->
|
||||||
|
</div>
|
||||||
|
<div v-else class="no-data-bg"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getCT } from '@/api/core/analysis/index';
|
||||||
|
import { getCorePLList } from '@/api/base/coreProductionLine';
|
||||||
|
import BalanceChart from '../balanceChart';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
BalanceChart,
|
||||||
|
},
|
||||||
|
// mixins: [basicPage],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
urlOptions: {
|
||||||
|
getDataListURL: getCT,
|
||||||
|
},
|
||||||
|
activeName: 'table',
|
||||||
|
tableProps: [],
|
||||||
|
|
||||||
|
tableData: [],
|
||||||
|
listQuery: {
|
||||||
|
// time: ''
|
||||||
|
endTime: undefined,
|
||||||
|
lineId: undefined,
|
||||||
|
startTime: undefined,
|
||||||
|
},
|
||||||
|
timeList: [],
|
||||||
|
spanArr: [],
|
||||||
|
xData: [],
|
||||||
|
yData: [],
|
||||||
|
optionArrUrl: [getCorePLList],
|
||||||
|
formConfig: [
|
||||||
|
{
|
||||||
|
type: 'select',
|
||||||
|
label: '产线',
|
||||||
|
selectOptions: [],
|
||||||
|
param: 'lineIds',
|
||||||
|
defaultSelect: '',
|
||||||
|
multiple: false,
|
||||||
|
filterable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'datePicker',
|
||||||
|
label: '时间',
|
||||||
|
dateType: 'datetimerange',
|
||||||
|
format: 'yyyy-MM-dd',
|
||||||
|
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||||
|
rangeSeparator: '-',
|
||||||
|
startPlaceholder: '开始时间',
|
||||||
|
endPlaceholder: '结束时间',
|
||||||
|
width: 350,
|
||||||
|
param: 'time',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'button',
|
||||||
|
btnName: '查询',
|
||||||
|
name: 'search',
|
||||||
|
color: 'primary',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getArr();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleTabClick(tab, event) {
|
||||||
|
if (tab.name == 'graph') this.renderKey = Math.random();
|
||||||
|
},
|
||||||
|
|
||||||
|
getArr() {
|
||||||
|
const params = {
|
||||||
|
page: 1,
|
||||||
|
limit: 500,
|
||||||
|
};
|
||||||
|
this.optionArrUrl.forEach((item, index) => {
|
||||||
|
item(params).then((response) => {
|
||||||
|
this.formConfig[index].selectOptions = response.data;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setRowSpan(arr) {
|
||||||
|
let count = 0;
|
||||||
|
arr.forEach((item, index) => {
|
||||||
|
if (index === 0) {
|
||||||
|
this.spanArr.push(1);
|
||||||
|
} else {
|
||||||
|
if (item === arr[index - 1]) {
|
||||||
|
this.spanArr[count] += 1;
|
||||||
|
this.spanArr.push(0);
|
||||||
|
} else {
|
||||||
|
count = index;
|
||||||
|
this.spanArr.push(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 合并table列的规则 */
|
||||||
|
mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
|
||||||
|
if (columnIndex == 0) {
|
||||||
|
if (this.spanArr[rowIndex]) {
|
||||||
|
return [
|
||||||
|
this.spanArr[rowIndex], // row span
|
||||||
|
1, // col span
|
||||||
|
];
|
||||||
|
} else {
|
||||||
|
return [0, 0];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
|
// this.listQuery.lineId = '1672847052717821953'
|
||||||
|
// this.listQuery.startTime = '1693497600000';
|
||||||
|
// this.listQuery.endTime = '1693843200000';
|
||||||
|
this.urlOptions.getDataListURL(this.listQuery).then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
let arr = [
|
||||||
|
{
|
||||||
|
prop: 'sectionName',
|
||||||
|
label: '工段',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'equName',
|
||||||
|
label: '设备',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
let sectionArr = [];
|
||||||
|
res.data.data.forEach((ele, index) => {
|
||||||
|
let tempData = [];
|
||||||
|
let eqData = [];
|
||||||
|
let plData = [];
|
||||||
|
ele.data.forEach((item, index) => {
|
||||||
|
item.children.forEach((params) => {
|
||||||
|
if (params.dynamicName === '设备CT') {
|
||||||
|
tempData[item.dynamicName + '_eq'] = params.dynamicValue;
|
||||||
|
eqData[index] = params.dynamicValue;
|
||||||
|
} else {
|
||||||
|
tempData[item.dynamicName + '_pl'] = params.dynamicValue;
|
||||||
|
plData[index] = params.dynamicValue;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
const equipment = {
|
||||||
|
name: ele.equName,
|
||||||
|
eqData: eqData,
|
||||||
|
plData: plData,
|
||||||
|
};
|
||||||
|
tempData['equName'] = ele.equName;
|
||||||
|
tempData['sectionName'] = ele.sectionName;
|
||||||
|
this.tableData.push(tempData);
|
||||||
|
const { sectionName } = tempData;
|
||||||
|
sectionArr.push(sectionName);
|
||||||
|
this.yData.push(equipment);
|
||||||
|
console.log('看看equ', this.yData);
|
||||||
|
});
|
||||||
|
this.setRowSpan(sectionArr);
|
||||||
|
res.data.nameData.forEach((item) => {
|
||||||
|
this.timeList.push(item.name);
|
||||||
|
});
|
||||||
|
const timeArray = Array.from(new Set(this.timeList));
|
||||||
|
for (const times of timeArray) {
|
||||||
|
if (times !== '设备CT' && times !== '产线CT') {
|
||||||
|
const subprop = {
|
||||||
|
label: times,
|
||||||
|
align: 'center',
|
||||||
|
children: [
|
||||||
|
{ prop: times + '_eq', label: '设备CT', align: 'center' },
|
||||||
|
{ prop: times + '_pl', label: '产线CT', align: 'center' },
|
||||||
|
],
|
||||||
|
};
|
||||||
|
arr.push(subprop);
|
||||||
|
this.xData.push(times);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.tableProps = arr;
|
||||||
|
|
||||||
|
console.log('表格横坐标', this.xData, this.yData);
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.lineChart.initChart(this.xData, this.yData);
|
||||||
|
});
|
||||||
|
// this.total = response.data.total;
|
||||||
|
// this.dataListLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonClick(val) {
|
||||||
|
// console.log(val)
|
||||||
|
switch (val.btnName) {
|
||||||
|
case 'search':
|
||||||
|
// this.listQuery.pageNo = 1;
|
||||||
|
// this.listQuery.pageSize = 10;
|
||||||
|
this.listQuery.lineId = val.lineIds;
|
||||||
|
this.listQuery.startTime = val.time
|
||||||
|
? String(new Date(val.time[0]).getTime())
|
||||||
|
: undefined;
|
||||||
|
this.listQuery.endTime = val.time
|
||||||
|
? String(new Date(val.time[1]).getTime())
|
||||||
|
: undefined;
|
||||||
|
if (val.time && val.lineIds) {
|
||||||
|
this.tableData = [];
|
||||||
|
this.xData = [];
|
||||||
|
this.yData = [];
|
||||||
|
this.tableProps = [];
|
||||||
|
this.spanArr = [];
|
||||||
|
this.timeList = [];
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message({
|
||||||
|
message: '请选择产线和时间',
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'reset':
|
||||||
|
this.$refs.searchBarForm.resetForm();
|
||||||
|
this.listQuery = {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
total: 1,
|
||||||
|
};
|
||||||
|
this.getDataList();
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.log(val);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
@ -1,74 +1,69 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
|
<search-bar
|
||||||
<div v-if="tableData.length">
|
:formConfigs="formConfig"
|
||||||
<base-table v-loading="dataListLoading" :span-method="mergeColumnHandler" :table-props="tableProps" :table-data="tableData" />
|
ref="searchBarForm"
|
||||||
<SearchBar :formConfigs="[{ label: '产线平衡分析图', type: 'title' }]" />
|
@headBtnClick="handleSearchBarBtnClick" />
|
||||||
<BalanceChart ref="lineChart" />
|
|
||||||
|
<!-- <div v-if="tableData.length"> -->
|
||||||
|
<el-tabs
|
||||||
|
v-model="activeName"
|
||||||
|
@tab-click="handleTabClick"
|
||||||
|
style="height: 100%">
|
||||||
|
<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
|
||||||
|
<!-- @emitFun="handleEmitFun"> -->
|
||||||
|
<base-table
|
||||||
|
v-if="activeName == 'table'"
|
||||||
|
:span-method="mergeColumnHandler"
|
||||||
|
:page="1"
|
||||||
|
:limit="999"
|
||||||
|
:table-props="tableProps"
|
||||||
|
:table-data="tableData" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane :label="'\u3000产线平衡分析图\u3000'" name="graph">
|
||||||
|
<div class="graph" style="height: 100%">
|
||||||
|
<!-- graph -->
|
||||||
|
<!-- <Graph
|
||||||
|
v-if="list.length"
|
||||||
|
:equipment-list="list"
|
||||||
|
:render="renderKey" /> -->
|
||||||
|
<!-- <BalanceChart ref="lineChart" /> -->
|
||||||
|
<div v-if="list.length == 0" class="no-data-bg"></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="no-data-bg"></div>
|
</el-tab-pane>
|
||||||
<!-- <pagination
|
</el-tabs>
|
||||||
:limit.sync="listQuery.pageSize"
|
|
||||||
:page.sync="listQuery.pageNo"
|
<!-- <SearchBar :formConfigs="[{ label: '产线平衡分析图', type: 'title' }]" /> -->
|
||||||
:total="listQuery.total"
|
<!-- </div>
|
||||||
@pagination="getDataList" /> -->
|
<div v-else class="no-data-bg"></div> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// import basicPage from '../../mixins/basic-page';
|
import BalanceChart from '../balanceChart';
|
||||||
import { parseTime } from '../../mixins/code-filter';
|
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
||||||
import { getCT } from '@/api/core/analysis/index';
|
|
||||||
import { getCorePLList } from '@/api/base/coreProductionLine';
|
|
||||||
import BalanceChart from '../balanceChart'
|
|
||||||
import { time } from 'echarts';
|
|
||||||
// import { getWorkshopSectionPage } from '@/api/core/base/workshopSection';
|
|
||||||
|
|
||||||
// const tableProps = [
|
|
||||||
// // {
|
|
||||||
// // prop: 'lineName',
|
|
||||||
// // label: '产线',
|
|
||||||
// // align: 'center',
|
|
||||||
// // },
|
|
||||||
// // {
|
|
||||||
// // prop: 'sum',
|
|
||||||
// // label: '合计',
|
|
||||||
// // align: 'center',
|
|
||||||
// // },
|
|
||||||
// // {
|
|
||||||
// // prop: 'dynamicValue',
|
|
||||||
// // label: 'dynamicName',
|
|
||||||
// // align: 'center',
|
|
||||||
// // children:[
|
|
||||||
|
|
||||||
// // ]
|
|
||||||
// // }
|
|
||||||
// ];
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
BalanceChart
|
BalanceChart,
|
||||||
},
|
},
|
||||||
// mixins: [basicPage],
|
mixins: [basicPageMixin],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
urlOptions: {
|
activeName: 'table',
|
||||||
getDataListURL: getCT,
|
tableProps: [
|
||||||
|
{
|
||||||
|
prop: 'sectionName',
|
||||||
|
label: '工段',
|
||||||
|
align: 'center',
|
||||||
},
|
},
|
||||||
tableProps: [],
|
{
|
||||||
dataListLoading: false,
|
prop: 'equName',
|
||||||
|
label: '设备',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
],
|
||||||
tableData: [],
|
tableData: [],
|
||||||
listQuery: {
|
|
||||||
// time: ''
|
|
||||||
endTime: undefined,
|
|
||||||
lineId:undefined,
|
|
||||||
startTime:undefined
|
|
||||||
},
|
|
||||||
timeList: [],
|
|
||||||
spanArr: [],
|
|
||||||
xData: [],
|
|
||||||
yData: [],
|
|
||||||
optionArrUrl: [getCorePLList],
|
|
||||||
formConfig: [
|
formConfig: [
|
||||||
{
|
{
|
||||||
type: 'select',
|
type: 'select',
|
||||||
@ -82,55 +77,158 @@ export default {
|
|||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
label: '时间',
|
label: '时间',
|
||||||
dateType: 'datetimerange',
|
dateType: 'monthrange',
|
||||||
format: 'yyyy-MM-dd',
|
format: 'yyyy-MM',
|
||||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
valueFormat: 'yyyy-MM-ddTHH:mm:ss',
|
||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始时间',
|
startPlaceholder: '开始时间',
|
||||||
endPlaceholder: '结束时间',
|
endPlaceholder: '结束时间',
|
||||||
width: 350,
|
width: 240,
|
||||||
param: 'time',
|
param: 'timeArr',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
btnName: '查询',
|
btnName: '查询',
|
||||||
name: 'search',
|
name: 'search',
|
||||||
color: 'primary',
|
color: 'primary',
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
|
queryParams: {
|
||||||
|
lineId: null,
|
||||||
|
startTime: null,
|
||||||
|
endTime: null,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
this.getArr();
|
mounted() {
|
||||||
|
this.getLine();
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
getArr() {
|
handleTabClick(tab, event) {
|
||||||
const params = {
|
if (tab.name == 'graph') this.renderKey = Math.random();
|
||||||
page: 1,
|
},
|
||||||
limit: 500
|
|
||||||
|
/** 初始化 tableProps */
|
||||||
|
initTableProps() {
|
||||||
|
this.tableProps = [
|
||||||
|
{
|
||||||
|
prop: 'sectionName',
|
||||||
|
label: '工段',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'equName',
|
||||||
|
label: '设备',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 获取产线 */
|
||||||
|
async getLine() {
|
||||||
|
this.formConfig[0].selectOptions = [];
|
||||||
|
const { code, data } = await this.http(
|
||||||
|
'/base/core-production-line/listAll',
|
||||||
|
'get'
|
||||||
|
);
|
||||||
|
if (code == 0) {
|
||||||
|
this.formConfig[0].selectOptions = data;
|
||||||
}
|
}
|
||||||
this.optionArrUrl.forEach((item, index) => {
|
},
|
||||||
item(params).then((response) => {
|
|
||||||
this.formConfig[index].selectOptions = response.data
|
/** 获取产线平衡数据 */
|
||||||
|
async getCT() {
|
||||||
|
const { code, data } = await this.http(
|
||||||
|
'/analysis/equipment-analysis/getCT',
|
||||||
|
'post',
|
||||||
|
this.queryParams
|
||||||
|
);
|
||||||
|
if (code == 0) {
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
return { data: [], nameData: [] };
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 解析数据 */
|
||||||
|
async getList() {
|
||||||
|
const { data, nameData } = await this.getCT();
|
||||||
|
await this.buildProps(nameData);
|
||||||
|
await this.buildTableData(data);
|
||||||
|
const xxxx = this.tableData;
|
||||||
|
debugger;
|
||||||
|
},
|
||||||
|
|
||||||
|
buildProps(nameData) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
try {
|
||||||
|
const dateArr = Array.from(
|
||||||
|
new Set(
|
||||||
|
nameData
|
||||||
|
.map((item) => (item.tree == 1 ? item.name : undefined))
|
||||||
|
.filter((v) => v)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
// 排个序
|
||||||
|
dateArr.sort().forEach((date) => {
|
||||||
|
this.tableProps.push({
|
||||||
|
label: date,
|
||||||
|
align: 'center',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
prop: date + '_eq_ct',
|
||||||
|
label: '设备CT',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: date + '_eq_tt',
|
||||||
|
label: '设备TT',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: date + '_pl_ct',
|
||||||
|
label: '产线CT',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: date + '_pl_tt',
|
||||||
|
label: '产线TT',
|
||||||
|
align: 'center',
|
||||||
|
},
|
||||||
|
],
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
resolve();
|
||||||
|
} catch (err) {
|
||||||
|
reject(err);
|
||||||
|
}
|
||||||
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
async buildTableData(data) {
|
||||||
|
/** 处理 工段 分组 */
|
||||||
|
const sectionList = data.map((item) => {});
|
||||||
|
},
|
||||||
|
|
||||||
setRowSpan(arr) {
|
setRowSpan(arr) {
|
||||||
let count = 0
|
let count = 0;
|
||||||
arr.forEach((item, index) => {
|
arr.forEach((item, index) => {
|
||||||
if(index === 0) {
|
if (index === 0) {
|
||||||
this.spanArr.push(1)
|
this.spanArr.push(1);
|
||||||
} else {
|
} else {
|
||||||
if (item === arr[index - 1]) {
|
if (item === arr[index - 1]) {
|
||||||
this.spanArr[count] += 1
|
this.spanArr[count] += 1;
|
||||||
this.spanArr.push(0)
|
this.spanArr.push(0);
|
||||||
} else {
|
} else {
|
||||||
count = index
|
count = index;
|
||||||
this.spanArr.push(1)
|
this.spanArr.push(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 合并table列的规则 */
|
/** 合并table列的规则 */
|
||||||
mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
|
mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
|
||||||
if (columnIndex == 0) {
|
if (columnIndex == 0) {
|
||||||
@ -144,12 +242,13 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
getData() {
|
getData() {
|
||||||
// this.listQuery.lineId = '1672847052717821953'
|
// this.listQuery.lineId = '1672847052717821953'
|
||||||
// this.listQuery.startTime = '1693497600000';
|
// this.listQuery.startTime = '1693497600000';
|
||||||
// this.listQuery.endTime = '1693843200000';
|
// this.listQuery.endTime = '1693843200000';
|
||||||
this.urlOptions.getDataListURL(this.listQuery).then(res => {
|
this.urlOptions.getDataListURL(this.listQuery).then((res) => {
|
||||||
console.log(res)
|
console.log(res);
|
||||||
let arr = [
|
let arr = [
|
||||||
{
|
{
|
||||||
prop: 'sectionName',
|
prop: 'sectionName',
|
||||||
@ -160,42 +259,42 @@ export default {
|
|||||||
prop: 'equName',
|
prop: 'equName',
|
||||||
label: '设备',
|
label: '设备',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
}
|
},
|
||||||
]
|
];
|
||||||
let sectionArr= []
|
let sectionArr = [];
|
||||||
res.data.data.forEach((ele, index) => {
|
res.data.data.forEach((ele, index) => {
|
||||||
let tempData = []
|
let tempData = [];
|
||||||
let eqData = []
|
let eqData = [];
|
||||||
let plData = []
|
let plData = [];
|
||||||
ele.data.forEach((item, index) => {
|
ele.data.forEach((item, index) => {
|
||||||
item.children.forEach(params => {
|
item.children.forEach((params) => {
|
||||||
if (params.dynamicName === '设备CT') {
|
if (params.dynamicName === '设备CT') {
|
||||||
tempData[item.dynamicName + '_eq'] = params.dynamicValue
|
tempData[item.dynamicName + '_eq'] = params.dynamicValue;
|
||||||
eqData[index] = params.dynamicValue
|
eqData[index] = params.dynamicValue;
|
||||||
} else {
|
} else {
|
||||||
tempData[item.dynamicName + '_pl'] = params.dynamicValue
|
tempData[item.dynamicName + '_pl'] = params.dynamicValue;
|
||||||
plData[index] = params.dynamicValue
|
plData[index] = params.dynamicValue;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
const equipment = {
|
const equipment = {
|
||||||
name: ele.equName,
|
name: ele.equName,
|
||||||
eqData: eqData,
|
eqData: eqData,
|
||||||
plData: plData
|
plData: plData,
|
||||||
}
|
};
|
||||||
tempData['equName'] = ele.equName
|
tempData['equName'] = ele.equName;
|
||||||
tempData['sectionName'] = ele.sectionName
|
tempData['sectionName'] = ele.sectionName;
|
||||||
this.tableData.push(tempData)
|
this.tableData.push(tempData);
|
||||||
const { sectionName } = tempData
|
const { sectionName } = tempData;
|
||||||
sectionArr.push(sectionName)
|
sectionArr.push(sectionName);
|
||||||
this.yData.push(equipment)
|
this.yData.push(equipment);
|
||||||
console.log('看看equ', this.yData)
|
console.log('看看equ', this.yData);
|
||||||
})
|
});
|
||||||
this.setRowSpan(sectionArr)
|
this.setRowSpan(sectionArr);
|
||||||
res.data.nameData.forEach(item => {
|
res.data.nameData.forEach((item) => {
|
||||||
this.timeList.push(item.name)
|
this.timeList.push(item.name);
|
||||||
})
|
});
|
||||||
const timeArray = Array.from(new Set(this.timeList))
|
const timeArray = Array.from(new Set(this.timeList));
|
||||||
for (const times of timeArray) {
|
for (const times of timeArray) {
|
||||||
if (times !== '设备CT' && times !== '产线CT') {
|
if (times !== '设备CT' && times !== '产线CT') {
|
||||||
const subprop = {
|
const subprop = {
|
||||||
@ -203,44 +302,66 @@ export default {
|
|||||||
align: 'center',
|
align: 'center',
|
||||||
children: [
|
children: [
|
||||||
{ prop: times + '_eq', label: '设备CT', align: 'center' },
|
{ prop: times + '_eq', label: '设备CT', align: 'center' },
|
||||||
{ prop: times + '_pl', label: '产线CT', align: 'center' }
|
{ prop: times + '_pl', label: '产线CT', align: 'center' },
|
||||||
]
|
],
|
||||||
}
|
};
|
||||||
arr.push(subprop)
|
arr.push(subprop);
|
||||||
this.xData.push(times)
|
this.xData.push(times);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.tableProps = arr
|
this.tableProps = arr;
|
||||||
|
|
||||||
console.log('表格横坐标', this.xData, this.yData)
|
console.log('表格横坐标', this.xData, this.yData);
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.lineChart.initChart(this.xData, this.yData)
|
this.$refs.lineChart.initChart(this.xData, this.yData);
|
||||||
})
|
});
|
||||||
// this.total = response.data.total;
|
// this.total = response.data.total;
|
||||||
// this.dataListLoading = false;
|
// this.dataListLoading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
handleSearchBarBtnClick(btn) {
|
||||||
|
switch (btn.btnName) {
|
||||||
|
case 'search':
|
||||||
|
this.queryParams.lineId = btn.lineIds || null;
|
||||||
|
this.queryParams.startTime = btn.timeArr ? btn.timeArr[0] : null;
|
||||||
|
this.queryParams.endTime = btn.timeArr ? btn.timeArr[1] : null;
|
||||||
|
|
||||||
|
if (!btn.lineIds || !btn.timeArr.length) {
|
||||||
|
this.$message({
|
||||||
|
message: '请选择产线和时间',
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this.getList();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
// console.log(val)
|
// console.log(val)
|
||||||
switch (val.btnName) {
|
switch (val.btnName) {
|
||||||
case 'search':
|
case 'search':
|
||||||
// this.listQuery.pageNo = 1;
|
// this.listQuery.pageNo = 1;
|
||||||
// this.listQuery.pageSize = 10;
|
// this.listQuery.pageSize = 10;
|
||||||
this.listQuery.lineId = val.lineIds
|
this.listQuery.lineId = val.lineIds;
|
||||||
this.listQuery.startTime = val.time ? String(new Date(val.time[0]).getTime()) : undefined;
|
this.listQuery.startTime = val.time
|
||||||
this.listQuery.endTime = val.time ? String(new Date(val.time[1]).getTime()) : undefined;
|
? String(new Date(val.time[0]).getTime())
|
||||||
|
: undefined;
|
||||||
|
this.listQuery.endTime = val.time
|
||||||
|
? String(new Date(val.time[1]).getTime())
|
||||||
|
: undefined;
|
||||||
if (val.time && val.lineIds) {
|
if (val.time && val.lineIds) {
|
||||||
this.tableData = []
|
this.tableData = [];
|
||||||
this.xData = []
|
this.xData = [];
|
||||||
this.yData = []
|
this.yData = [];
|
||||||
this.tableProps = []
|
this.tableProps = [];
|
||||||
this.spanArr = []
|
this.spanArr = [];
|
||||||
this.timeList = []
|
this.timeList = [];
|
||||||
this.getData()
|
this.getData();
|
||||||
} else {
|
} else {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: '请选择产线和时间',
|
message: '请选择产线和时间',
|
||||||
type: 'warning'
|
type: 'warning',
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span='6'>
|
<el-col :span='6'>
|
||||||
<el-form-item label="订单名" prop="orderId">
|
<el-form-item label="订单名" prop="orderId">
|
||||||
<el-select v-model="form.orderId" placeholder="请选择" style="width: 100%;">
|
<el-select v-model="form.orderId" placeholder="请选择" style="width: 100%;" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in orderList"
|
v-for="item in orderList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
@ -39,7 +39,7 @@
|
|||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span='6'>
|
<el-col :span='6'>
|
||||||
<el-form-item label="发货负责人" prop="deliveryPersonId">
|
<el-form-item label="发货负责人" prop="deliveryPersonId">
|
||||||
<el-select v-model="form.deliveryPersonId" placeholder="请选择" style="width: 100%;">
|
<el-select v-model="form.deliveryPersonId" placeholder="请选择" style="width: 100%;" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in personList"
|
v-for="item in personList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
@ -75,9 +75,8 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { orderList } from '@/api/base/orderManage'
|
|
||||||
import { getWorkerList } from '@/api/base/worker'
|
import { getWorkerList } from '@/api/base/worker'
|
||||||
import { deliveryLogCreate, deliveryLogUpdate, getDeliveryLog } from '@/api/base/delivery'
|
import { deliveryLogCreate, deliveryLogUpdate, getDeliveryLog, listOrderList } from '@/api/base/delivery'
|
||||||
export default {
|
export default {
|
||||||
name: 'AddOrUpdate',
|
name: 'AddOrUpdate',
|
||||||
data() {
|
data() {
|
||||||
@ -116,7 +115,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
getSelectList() {
|
getSelectList() {
|
||||||
orderList().then(res => {
|
listOrderList().then(res => {
|
||||||
this.orderList = res.data || []
|
this.orderList = res.data || []
|
||||||
})
|
})
|
||||||
getWorkerList().then(res => {
|
getWorkerList().then(res => {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-form ref="form" :rules="rules" label-width="100px" :model="form">
|
<el-form ref="form" :rules="rules" label-width="100px" :model="form">
|
||||||
<el-form-item label="关联表名" prop="plcId">
|
<el-form-item label="关联表名" prop="plcId">
|
||||||
<el-select v-model="form.plcId" placeholder="请选择" style="width: 100%;">
|
<el-select v-model="form.plcId" placeholder="请选择" style="width: 100%;" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in plcList"
|
v-for="item in plcList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="能源类型" prop="typeId">
|
<el-form-item label="能源类型" prop="typeId">
|
||||||
<el-select v-model="form.typeId" placeholder="请选择" style="width: 100%;">
|
<el-select v-model="form.typeId" placeholder="请选择" style="width: 100%;" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in energyListType"
|
v-for="item in energyListType"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="能源类型" prop="energyTypeId">
|
<el-form-item label="能源类型" prop="energyTypeId">
|
||||||
<el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;" @change="toggleType">
|
<el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;" filterable @change="toggleType">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in this.energyTypeList"
|
v-for="item in this.energyTypeList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -27,7 +27,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="能源类型" prop="energyTypeId">
|
<el-form-item label="能源类型" prop="energyTypeId">
|
||||||
<el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;">
|
<el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in energyListType"
|
v-for="item in energyListType"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -54,13 +54,15 @@ export default {
|
|||||||
alarmContent: null,
|
alarmContent: null,
|
||||||
alarmValue: null,
|
alarmValue: null,
|
||||||
// 缺少报警编号字段, 用 alarmValue 代替
|
// 缺少报警编号字段, 用 alarmValue 代替
|
||||||
|
alarmCode: null,
|
||||||
|
equipmentCode: null
|
||||||
},
|
},
|
||||||
orderFormRows: [
|
orderFormRows: [
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
input: true,
|
input: true,
|
||||||
label: '设备编码',
|
label: '设备编码',
|
||||||
prop: 'equipment',
|
prop: 'equipmentCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
datetime: true,
|
datetime: true,
|
||||||
@ -70,7 +72,7 @@ export default {
|
|||||||
{
|
{
|
||||||
input: true,
|
input: true,
|
||||||
label: '报警编号',
|
label: '报警编号',
|
||||||
prop: 'alarmValue',
|
prop: 'alarmCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
input: true,
|
input: true,
|
||||||
|
@ -151,7 +151,7 @@ export default {
|
|||||||
startPlaceholder: '开始日期',
|
startPlaceholder: '开始日期',
|
||||||
endPlaceholder: '结束日期',
|
endPlaceholder: '结束日期',
|
||||||
defaultTime: ['00:00:00', '23:59:59'],
|
defaultTime: ['00:00:00', '23:59:59'],
|
||||||
param: 'recordTime',
|
param: 'createTime',
|
||||||
// defaultSelect: [
|
// defaultSelect: [
|
||||||
// new Date(y, m, d)
|
// new Date(y, m, d)
|
||||||
// .toLocaleString()
|
// .toLocaleString()
|
||||||
@ -206,7 +206,7 @@ export default {
|
|||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
lineId: null,
|
lineId: null,
|
||||||
equipmentId: null,
|
equipmentId: null,
|
||||||
recordTime: []
|
recordTime: [],
|
||||||
},
|
},
|
||||||
basePath: '/base/equipment-alarm-log',
|
basePath: '/base/equipment-alarm-log',
|
||||||
list: [],
|
list: [],
|
||||||
|
@ -304,7 +304,7 @@ export default {
|
|||||||
filter: publicFormatter('unit_dict'),
|
filter: publicFormatter('unit_dict'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'equipment_param_type',
|
prop: 'equipmentParamType',
|
||||||
label: '设备参数类型',
|
label: '设备参数类型',
|
||||||
filter: (val) =>
|
filter: (val) =>
|
||||||
val != null
|
val != null
|
||||||
@ -312,7 +312,7 @@ export default {
|
|||||||
: '-',
|
: '-',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'production_param_type',
|
prop: 'productionParamType',
|
||||||
label: '生产参数类型',
|
label: '生产参数类型',
|
||||||
filter: (val) =>
|
filter: (val) =>
|
||||||
val != null
|
val != null
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
关联表名
|
关联表名
|
||||||
</div>
|
</div>
|
||||||
<div class="value" style="font-size: 14px">
|
<div class="value" style="font-size: 14px">
|
||||||
{{ form.plcTableName }}
|
{{ form.plcName }}
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -73,9 +73,17 @@
|
|||||||
class="title"
|
class="title"
|
||||||
label="设备名"
|
label="设备名"
|
||||||
style="font-size: 16px; margin: 8px 0">
|
style="font-size: 16px; margin: 8px 0">
|
||||||
<el-input
|
<el-select
|
||||||
v-model="form.equipmentName"
|
v-model="form.equipmentId"
|
||||||
placeholder="请输入设备名"></el-input>
|
filterable
|
||||||
|
clearable
|
||||||
|
placeholder="请选择设备">
|
||||||
|
<el-option
|
||||||
|
v-for="eq in eqList"
|
||||||
|
:key="eq.id"
|
||||||
|
:label="eq.name"
|
||||||
|
:value="eq.id"></el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
@ -83,9 +91,17 @@
|
|||||||
class="title"
|
class="title"
|
||||||
label="设备关联表名"
|
label="设备关联表名"
|
||||||
style="font-size: 16px; margin: 8px 0">
|
style="font-size: 16px; margin: 8px 0">
|
||||||
<el-input
|
<el-select
|
||||||
v-model="form.plcTableName"
|
v-model="form.plcId"
|
||||||
placeholder="请输入关联表名"></el-input>
|
filterable
|
||||||
|
clearable
|
||||||
|
placeholder="请选择关联表">
|
||||||
|
<el-option
|
||||||
|
v-for="plc in plcList"
|
||||||
|
:key="plc.id"
|
||||||
|
:label="plc.name"
|
||||||
|
:value="plc.id"></el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-form>
|
</el-form>
|
||||||
@ -202,6 +218,8 @@ export default {
|
|||||||
total: 0,
|
total: 0,
|
||||||
form: {},
|
form: {},
|
||||||
list: [],
|
list: [],
|
||||||
|
eqList: [],
|
||||||
|
plcList: [],
|
||||||
attrTitle: '',
|
attrTitle: '',
|
||||||
attrForm: {
|
attrForm: {
|
||||||
id: null,
|
id: null,
|
||||||
@ -257,7 +275,7 @@ export default {
|
|||||||
{
|
{
|
||||||
select: true,
|
select: true,
|
||||||
label: '设备参数类型',
|
label: '设备参数类型',
|
||||||
prop: 'equipment_param_type',
|
prop: 'equipmentParamType',
|
||||||
options: [
|
options: [
|
||||||
{ label: '一般参数', value: 1 },
|
{ label: '一般参数', value: 1 },
|
||||||
{ label: '工艺参数', value: 2 },
|
{ label: '工艺参数', value: 2 },
|
||||||
@ -274,7 +292,7 @@ export default {
|
|||||||
{
|
{
|
||||||
select: true,
|
select: true,
|
||||||
label: '生产参数类型',
|
label: '生产参数类型',
|
||||||
prop: 'production_param_type',
|
prop: 'productionParamType',
|
||||||
options: [
|
options: [
|
||||||
// { label: '进片数量', value: 1 },
|
// { label: '进片数量', value: 1 },
|
||||||
// { label: '出片数量', value: 2 },
|
// { label: '出片数量', value: 2 },
|
||||||
@ -380,6 +398,17 @@ export default {
|
|||||||
mounted() {
|
mounted() {
|
||||||
this.shouldRefreshPageView = false;
|
this.shouldRefreshPageView = false;
|
||||||
this.mode = this.defaultMode || 'detail';
|
this.mode = this.defaultMode || 'detail';
|
||||||
|
|
||||||
|
if (this.mode != 'detail') {
|
||||||
|
this.$axios('/base/core-equipment/listAll').then(({ code, data }) => {
|
||||||
|
this.eqList = data;
|
||||||
|
});
|
||||||
|
this.$axios({
|
||||||
|
url: '/base/equipment-plc/page',
|
||||||
|
}).then(({ code, data }) => {
|
||||||
|
this.plcList = data.list;
|
||||||
|
});
|
||||||
|
}
|
||||||
for (const section of this.sections) {
|
for (const section of this.sections) {
|
||||||
// 请求具体信息
|
// 请求具体信息
|
||||||
if ('url' in section) {
|
if ('url' in section) {
|
||||||
@ -479,6 +508,8 @@ export default {
|
|||||||
defaultValue: '',
|
defaultValue: '',
|
||||||
description: '',
|
description: '',
|
||||||
remark: '',
|
remark: '',
|
||||||
|
equipmentParamType: '',
|
||||||
|
productionParamType: '',
|
||||||
alarmContent: '',
|
alarmContent: '',
|
||||||
};
|
};
|
||||||
this.attrTitle = '添加参数绑定信息';
|
this.attrTitle = '添加参数绑定信息';
|
||||||
|
@ -17,6 +17,8 @@
|
|||||||
<el-select
|
<el-select
|
||||||
size="small"
|
size="small"
|
||||||
placeholder="请选择产线"
|
placeholder="请选择产线"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
@change="getEquipmentByLineId"
|
@change="getEquipmentByLineId"
|
||||||
v-model="form.productionLineId">
|
v-model="form.productionLineId">
|
||||||
<el-option
|
<el-option
|
||||||
@ -30,6 +32,8 @@
|
|||||||
<el-select
|
<el-select
|
||||||
size="small"
|
size="small"
|
||||||
placeholder="请选择设备"
|
placeholder="请选择设备"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
v-model="form.equipmentId">
|
v-model="form.equipmentId">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in listEq"
|
v-for="item in listEq"
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-11-22 16:50:55
|
* @LastEditTime: 2023-11-28 10:03:20
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -53,7 +53,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="drawer-body__footer">
|
<div v-if="!isdetail" class="drawer-body__footer">
|
||||||
<el-button style="" @click="goback()">取消</el-button>
|
<el-button style="" @click="goback()">取消</el-button>
|
||||||
<el-button v-if="isdetail" type="primary" @click="goEdit()">
|
<el-button v-if="isdetail" type="primary" @click="goEdit()">
|
||||||
编辑
|
编辑
|
||||||
|
@ -1,8 +1,13 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-11-18 14:16:25
|
* @Date: 2021-11-18 14:16:25
|
||||||
|
<<<<<<< HEAD
|
||||||
|
* @LastEditors: zhp
|
||||||
|
* @LastEditTime: 2023-11-28 10:09:20
|
||||||
|
=======
|
||||||
* @LastEditors: DY
|
* @LastEditors: DY
|
||||||
* @LastEditTime: 2023-11-27 16:37:17
|
* @LastEditTime: 2023-11-27 16:37:17
|
||||||
|
>>>>>>> projects/mes-test
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -140,7 +145,7 @@ const tableProps = [
|
|||||||
label: '最小值(工艺)',
|
label: '最小值(工艺)',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'manValue',
|
prop: 'maxValue',
|
||||||
label: '最大值(工艺)',
|
label: '最大值(工艺)',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: zhp
|
* @Author: zhp
|
||||||
* @Date: 2023-11-08 15:30:27
|
* @Date: 2023-11-08 15:30:27
|
||||||
* @LastEditTime: 2023-11-23 14:26:54
|
* @LastEditTime: 2023-11-28 10:11:40
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
@ -84,7 +84,7 @@ export default {
|
|||||||
},
|
},
|
||||||
equipmentId:null,
|
equipmentId:null,
|
||||||
dataRule: {
|
dataRule: {
|
||||||
attrName: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
|
paramId: [{ required: true, message: '参数名称不能为空', trigger: 'change' }],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
@ -279,7 +279,7 @@ export default {
|
|||||||
.then(async () => {
|
.then(async () => {
|
||||||
const { code } = await this.http(
|
const { code } = await this.http(
|
||||||
'/extend/process-flow/copy',
|
'/extend/process-flow/copy',
|
||||||
'post',
|
'get',
|
||||||
{
|
{
|
||||||
id,
|
id,
|
||||||
}
|
}
|
||||||
@ -333,10 +333,11 @@ export default {
|
|||||||
|
|
||||||
async getList() {
|
async getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
const { code, data } = await this.recv(this.queryParams);
|
// const { code, data } = await this.recv(this.queryParams);
|
||||||
|
const { code, data } = await this.http('/extend/process-flow/listAll', 'get');
|
||||||
if (code == 0) {
|
if (code == 0) {
|
||||||
this.list = data.list;
|
this.list = data;
|
||||||
this.total = data.total;
|
// this.total = data.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -28,7 +28,7 @@ export default {
|
|||||||
// },
|
// },
|
||||||
props: {
|
props: {
|
||||||
currentSelect: {
|
currentSelect: {
|
||||||
type: String,
|
type: String | Number,
|
||||||
default: null,
|
default: null,
|
||||||
},
|
},
|
||||||
list: {
|
list: {
|
||||||
@ -59,8 +59,16 @@ export default {
|
|||||||
},
|
},
|
||||||
currentSelect: {
|
currentSelect: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
|
// val: string
|
||||||
this.selected = val;
|
this.selected = val;
|
||||||
this.randomKey = Math.random();
|
this.randomKey = Math.random();
|
||||||
|
// 更新选中状态
|
||||||
|
if (val) {
|
||||||
|
this.list__inner.forEach((item) => {
|
||||||
|
if (item.id == val) item.disabled = false;
|
||||||
|
else item.disabled = true;
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
immediate: true,
|
immediate: true,
|
||||||
},
|
},
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row style="border: 1px solid #ccc; display: flex">
|
<el-row v-if="filteredBomList.length" style="border: 1px solid #ccc; display: flex">
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<div class="select-list">
|
<div class="select-list">
|
||||||
<div class="sl__header" style="background: #f3f4fb; padding: 12px">
|
<div class="sl__header" style="background: #f3f4fb; padding: 12px">
|
||||||
@ -78,6 +78,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<div class="no-data-bg" v-else></div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
;
|
;
|
||||||
|
@ -77,6 +77,17 @@
|
|||||||
:bom-list="bomList"
|
:bom-list="bomList"
|
||||||
:value="selectedBoms"
|
:value="selectedBoms"
|
||||||
@update="selectedBoms = $event" />
|
@update="selectedBoms = $event" />
|
||||||
|
|
||||||
|
<el-row slot="footer">
|
||||||
|
<el-button size="small" @click="cancel">取消</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="submitForm"
|
||||||
|
:loading="btnLoading">
|
||||||
|
确定
|
||||||
|
</el-button>
|
||||||
|
</el-row>
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
@ -95,6 +106,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
btnLoading: false,
|
||||||
open: false,
|
open: false,
|
||||||
eqList: [],
|
eqList: [],
|
||||||
bomList: [],
|
bomList: [],
|
||||||
@ -170,6 +182,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
submitForm() {
|
submitForm() {
|
||||||
|
this.btnLoading = true;
|
||||||
// 现将子组件的修改提交更新至本组件
|
// 现将子组件的修改提交更新至本组件
|
||||||
this.$refs.bomSelector.commit();
|
this.$refs.bomSelector.commit();
|
||||||
// 再提交至后端
|
// 再提交至后端
|
||||||
@ -187,11 +200,14 @@ export default {
|
|||||||
if (code == 0) {
|
if (code == 0) {
|
||||||
this.$message.success('操作成功');
|
this.$message.success('操作成功');
|
||||||
this.getList(this.currentDet);
|
this.getList(this.currentDet);
|
||||||
|
this.btnLoading = false;
|
||||||
this.cancel();
|
this.cancel();
|
||||||
} else {
|
} else {
|
||||||
|
this.btnLoading = false;
|
||||||
this.$message.error('操作失败');
|
this.$message.error('操作失败');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
this.btnLoading = false;
|
||||||
this.$message.info('请选择设备');
|
this.$message.info('请选择设备');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -218,11 +234,13 @@ export default {
|
|||||||
this.total = 0;
|
this.total = 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this.selectedBoms = [];
|
||||||
// 获取设备及bom列表
|
// 获取设备及bom列表
|
||||||
this.http('/extend/process-flow-det/getEquipmentDetBySectionId', 'post', {
|
this.http('/extend/process-flow-det/getEquipmentDetBySectionId', 'post', {
|
||||||
sectionId,
|
sectionId,
|
||||||
flowDetId: detId,
|
flowDetId: detId,
|
||||||
}).then(({ code, data }) => {
|
})
|
||||||
|
.then(({ code, data }) => {
|
||||||
if (code == 0) {
|
if (code == 0) {
|
||||||
this.bomList = data.map((eq) => {
|
this.bomList = data.map((eq) => {
|
||||||
eq.materialsBom = eq.materialsBom || [];
|
eq.materialsBom = eq.materialsBom || [];
|
||||||
@ -230,7 +248,11 @@ export default {
|
|||||||
// 设置选中状态
|
// 设置选中状态
|
||||||
eq.materialsBom.chosen = eq.materialsBomChoseId ?? null;
|
eq.materialsBom.chosen = eq.materialsBomChoseId ?? null;
|
||||||
eq.valuesBom.chosen = eq.valuesBomChoseId ?? null;
|
eq.valuesBom.chosen = eq.valuesBomChoseId ?? null;
|
||||||
if (eq.equChose || eq.materialsBom.chosen || eq.valuesBom.chosen) {
|
if (
|
||||||
|
eq.equChose ||
|
||||||
|
eq.materialsBom.chosen ||
|
||||||
|
eq.valuesBom.chosen
|
||||||
|
) {
|
||||||
this.selectedBoms.push({
|
this.selectedBoms.push({
|
||||||
equipmentId: eq.id,
|
equipmentId: eq.id,
|
||||||
equMaterialBomId: eq.materialsBom.chosen,
|
equMaterialBomId: eq.materialsBom.chosen,
|
||||||
@ -244,7 +266,12 @@ export default {
|
|||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
this.bomList.splice(0);
|
this.bomList.splice(0);
|
||||||
|
this.selectedBoms = [];
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.bomList.splice(0);
|
||||||
|
this.selectedBoms = [];
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async handleAddEquipment() {
|
async handleAddEquipment() {
|
||||||
|
@ -34,7 +34,7 @@
|
|||||||
class="btn-refresh"
|
class="btn-refresh"
|
||||||
@click="handleUpdateLayout"
|
@click="handleUpdateLayout"
|
||||||
icon="el-icon-refresh">
|
icon="el-icon-refresh">
|
||||||
刷新布局
|
保存布局
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@ -62,6 +62,16 @@
|
|||||||
@cancel="cancel"
|
@cancel="cancel"
|
||||||
@confirm="submitForm">
|
@confirm="submitForm">
|
||||||
<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
|
<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
|
||||||
|
<el-row slot="footer">
|
||||||
|
<el-button size="small" @click="cancel">取消</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="submitForm"
|
||||||
|
:loading="btnLoading">
|
||||||
|
确定
|
||||||
|
</el-button>
|
||||||
|
</el-row>
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
@ -102,7 +112,9 @@ export default {
|
|||||||
input: true,
|
input: true,
|
||||||
label: '工序名称',
|
label: '工序名称',
|
||||||
prop: 'name',
|
prop: 'name',
|
||||||
rules: [{ required: true, message: '工序名称不能为空', trigger: 'blur' }],
|
rules: [
|
||||||
|
{ required: true, message: '工序名称不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
@ -111,7 +123,9 @@ export default {
|
|||||||
label: '工段',
|
label: '工段',
|
||||||
prop: 'sectionId',
|
prop: 'sectionId',
|
||||||
url: '/base/core-workshop-section/listAll',
|
url: '/base/core-workshop-section/listAll',
|
||||||
rules: [{ required: true, message: '工段不能为空', trigger: 'blur' }],
|
rules: [
|
||||||
|
{ required: true, message: '工段不能为空', trigger: 'blur' },
|
||||||
|
],
|
||||||
bind: {
|
bind: {
|
||||||
filterable: true,
|
filterable: true,
|
||||||
},
|
},
|
||||||
@ -139,6 +153,7 @@ export default {
|
|||||||
},
|
},
|
||||||
currentDet: null,
|
currentDet: null,
|
||||||
currentNode: null,
|
currentNode: null,
|
||||||
|
btnLoading: false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@ -221,7 +236,7 @@ export default {
|
|||||||
node.attr('container/stroke', '#0b58ff');
|
node.attr('container/stroke', '#0b58ff');
|
||||||
const { detId, detName, detDesc, processId, sectionId, sectionName } =
|
const { detId, detName, detDesc, processId, sectionId, sectionName } =
|
||||||
node.attrs;
|
node.attrs;
|
||||||
console.log('node clicked!', node)
|
console.log('node clicked!', node);
|
||||||
this.currentDet = {};
|
this.currentDet = {};
|
||||||
this.$set(this.currentDet, 'detId', detId?.text);
|
this.$set(this.currentDet, 'detId', detId?.text);
|
||||||
this.$set(this.currentDet, 'sectionId', sectionId?.text);
|
this.$set(this.currentDet, 'sectionId', sectionId?.text);
|
||||||
@ -354,6 +369,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
handleEdit() {
|
handleEdit() {
|
||||||
|
console.log('edit: ', this.currentDet);
|
||||||
this.form.name = this.currentDet.detName;
|
this.form.name = this.currentDet.detName;
|
||||||
this.form.sectionId = this.currentDet.sectionId;
|
this.form.sectionId = this.currentDet.sectionId;
|
||||||
this.form.remark = this.currentDet.detDesc;
|
this.form.remark = this.currentDet.detDesc;
|
||||||
@ -379,6 +395,7 @@ export default {
|
|||||||
if (!valid) {
|
if (!valid) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
this.btnLoading = true;
|
||||||
// 修改的提交
|
// 修改的提交
|
||||||
if (this.form.id != null) {
|
if (this.form.id != null) {
|
||||||
this.updateProcess()
|
this.updateProcess()
|
||||||
@ -392,9 +409,20 @@ export default {
|
|||||||
sectionName: { text: sectionName },
|
sectionName: { text: sectionName },
|
||||||
detDesc: { text: remark },
|
detDesc: { text: remark },
|
||||||
});
|
});
|
||||||
|
// 修改currentDet
|
||||||
|
this.currentDet = {
|
||||||
|
...this.currentDet,
|
||||||
|
detName: name,
|
||||||
|
sectionId: sectionId,
|
||||||
|
sectionName: sectionName,
|
||||||
|
detDesc: remark,
|
||||||
|
};
|
||||||
|
this.btnLoading = false;
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch((err) => {});
|
.catch((err) => {
|
||||||
|
this.btnLoading = false;
|
||||||
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -412,11 +440,14 @@ export default {
|
|||||||
.then((node) => {
|
.then((node) => {
|
||||||
if (!node) {
|
if (!node) {
|
||||||
this.$modal.msgError('创建节点失败');
|
this.$modal.msgError('创建节点失败');
|
||||||
|
this.btnLoading = false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
this.btnLoading = false;
|
||||||
this.graph.addNode(node);
|
this.graph.addNode(node);
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
|
this.btnLoading = false;
|
||||||
return;
|
return;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -21,12 +21,12 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row :gutter="20" style="margin-top: 12px;">
|
<el-row :gutter="20" style="margin-top: 12px">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<!-- <InfoItem label="创建人" value="xxse" /> -->
|
<!-- <InfoItem label="创建人" value="xxse" /> -->
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<InfoItem label="创建时间" :value="form.createTime" />
|
<InfoItem label="创建时间" :value="form.createTime" :time-format="true" />
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<!-- <InfoItem label="更新人" value="xxse" /> -->
|
<!-- <InfoItem label="更新人" value="xxse" /> -->
|
||||||
@ -39,11 +39,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import moment from 'moment';
|
||||||
|
|
||||||
const InfoItem = {
|
const InfoItem = {
|
||||||
name: 'InfoItem',
|
name: 'InfoItem',
|
||||||
components: {},
|
components: {},
|
||||||
props: ['label', 'value'],
|
props: ['label', 'value', 'timeFormat'],
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
@ -52,9 +53,13 @@ const InfoItem = {
|
|||||||
render: function (h) {
|
render: function (h) {
|
||||||
return (
|
return (
|
||||||
<div style="display: flex; align-items: center; font-size: 14px; line-height: 1.5">
|
<div style="display: flex; align-items: center; font-size: 14px; line-height: 1.5">
|
||||||
<span style="width: 100px; text-align: left; font-weight: 700">{this.label}:</span>
|
<span style="width: 100px; text-align: left; font-weight: 700">
|
||||||
|
{this.label}:
|
||||||
|
</span>
|
||||||
<span style="width: 200px; text-align: left; text-overflow: ellipse; white-space: nowrap">
|
<span style="width: 200px; text-align: left; text-overflow: ellipse; white-space: nowrap">
|
||||||
{this.value}
|
{this.timeFormat
|
||||||
|
? moment(this.value).format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
: this.value}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@ -77,12 +82,12 @@ export default {
|
|||||||
createTime: null,
|
createTime: null,
|
||||||
remark: null,
|
remark: null,
|
||||||
enable: null,
|
enable: null,
|
||||||
code: null
|
code: null,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
activated() {
|
activated() {
|
||||||
this.getInfo()
|
this.getInfo();
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
methods: {
|
methods: {
|
||||||
@ -93,7 +98,7 @@ export default {
|
|||||||
method,
|
method,
|
||||||
params: method === 'get' ? payload : null,
|
params: method === 'get' ? payload : null,
|
||||||
data: method !== 'get' ? payload : null,
|
data: method !== 'get' ? payload : null,
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
put(payload) {
|
put(payload) {
|
||||||
return this.http(this.updateUrl, 'put', payload);
|
return this.http(this.updateUrl, 'put', payload);
|
||||||
@ -114,13 +119,13 @@ export default {
|
|||||||
// debugger;
|
// debugger;
|
||||||
if (code == 0) {
|
if (code == 0) {
|
||||||
this.form = {
|
this.form = {
|
||||||
...data
|
...data,
|
||||||
};
|
};
|
||||||
} else {
|
} else {
|
||||||
this.$modal.msgError('工艺信息获取失败')
|
this.$modal.msgError('工艺信息获取失败');
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2023-08-01 14:55:51
|
* @Date: 2023-08-01 14:55:51
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-11-22 14:23:40
|
* @LastEditTime: 2023-11-28 10:34:24
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -26,9 +26,10 @@ import { parseTime } from '../../core/mixins/code-filter';
|
|||||||
import {
|
import {
|
||||||
getProcessTraceabilityPage,
|
getProcessTraceabilityPage,
|
||||||
getWorkOrderList,
|
getWorkOrderList,
|
||||||
|
getCoreProduct
|
||||||
// exportEnergyPlcExcel
|
// exportEnergyPlcExcel
|
||||||
} from '@/api/quality/processTraceability';
|
} from '@/api/quality/processTraceability';
|
||||||
|
import { publicFormatter } from '@/utils/dict';
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'name',
|
prop: 'name',
|
||||||
@ -44,7 +45,8 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'status',
|
prop: 'status',
|
||||||
label: '状态'
|
label: '状态',
|
||||||
|
filter: (val) => val == 1 ? '等待' : val == 2 ? '激活' : val == 3 ? '暂停' : val == 4 ? '完成' : '作废',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'startProduceTime',
|
prop: 'startProduceTime',
|
||||||
@ -61,8 +63,9 @@ const tableProps = [
|
|||||||
label: '生产数量'
|
label: '生产数量'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'unit',
|
prop: 'planProductUnit',
|
||||||
label: '单位'
|
label: '单位',
|
||||||
|
filter: publicFormatter('unit_dict')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'processFlowName',
|
prop: 'processFlowName',
|
||||||
@ -113,7 +116,8 @@ export default {
|
|||||||
selectOptions: [],
|
selectOptions: [],
|
||||||
labelField: 'name',
|
labelField: 'name',
|
||||||
valueField: 'id',
|
valueField: 'id',
|
||||||
param: 'orderName'
|
param: 'orderName',
|
||||||
|
filterable: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
@ -182,17 +186,25 @@ export default {
|
|||||||
handleClick(val) {
|
handleClick(val) {
|
||||||
if (val.type === "processDetail") {
|
if (val.type === "processDetail") {
|
||||||
console.log(val);
|
console.log(val);
|
||||||
|
let specificationsData =''
|
||||||
|
getCoreProduct(val.data.planProductId).then((res) => {
|
||||||
|
console.log(res)
|
||||||
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: 'process-traceability-detail',
|
path: 'process-traceability-detail',
|
||||||
params: {
|
query: {
|
||||||
id: '1715180991838887938',
|
id: val.data.processFlowId,
|
||||||
orderId: val.data.id,
|
orderId: val.data.id,
|
||||||
name: val.data.name,
|
name: val.data.name,
|
||||||
|
specifications: res.data.specifications,
|
||||||
productName: val.data.planProductName,
|
productName: val.data.planProductName,
|
||||||
processFlowName: val.data.processFlowName
|
processFlowName: val.data.processFlowName,
|
||||||
|
// planProductId: val.data.planProductId
|
||||||
// equipmentName,
|
// equipmentName,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
})
|
||||||
|
|
||||||
// this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
|
// this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -117,11 +117,11 @@ export default {
|
|||||||
// },
|
// },
|
||||||
{ prop: 'name', label: '参数名' },
|
{ prop: 'name', label: '参数名' },
|
||||||
{
|
{
|
||||||
prop: 'name', label: '设定范围最小- 最大 / 标准',
|
prop: 'status', label: '设定范围最小- 最大 / 标准',
|
||||||
subcomponent: StatusBtn
|
subcomponent: StatusBtn
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'code', label: '最小值',
|
prop: '', label: '最小值',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
prop: 'minValueSet',
|
prop: 'minValueSet',
|
||||||
@ -134,7 +134,7 @@ export default {
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'code', label: '最大值',
|
prop: '', label: '最大值',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
prop: 'maxValueSet',
|
prop: 'maxValueSet',
|
||||||
@ -184,9 +184,9 @@ export default {
|
|||||||
getDetMaterial({
|
getDetMaterial({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
// orderId: this.$route.params.orderId,
|
// orderId: this.$route.query.orderId,
|
||||||
|
|
||||||
},).then((res) => {
|
},).then((res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
@ -231,25 +231,29 @@ export default {
|
|||||||
getDetMaterial({
|
getDetMaterial({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
// orderId: this.$route.params.orderId,
|
// orderId: this.$route.query.orderId,
|
||||||
|
|
||||||
},).then((res) => {
|
},).then((res) => {
|
||||||
|
if (res.data.length != []) {
|
||||||
this.materialList = res.data[0].data
|
this.materialList = res.data[0].data
|
||||||
this.name = res.data[0].name
|
this.name = res.data[0].name
|
||||||
|
}
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
getDetValue({
|
getDetValue({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
// orderId: this.$route.params.orderId,
|
// orderId: this.$route.query.orderId,
|
||||||
|
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
|
if (res.data.length != []) {
|
||||||
this.valueList = res.data[0].data
|
this.valueList = res.data[0].data
|
||||||
this.name = res.data[0].name
|
this.name = res.data[0].name
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -258,12 +262,14 @@ export default {
|
|||||||
getDetMaterial({
|
getDetMaterial({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
|
if (res.data.length != []) {
|
||||||
this.materialList = res.data[0].data
|
this.materialList = res.data[0].data
|
||||||
this.name = res.data[0].name
|
this.name = res.data[0].name
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
clearList() {
|
clearList() {
|
||||||
|
@ -123,7 +123,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log(this.$route.params.id)
|
console.log(this.$route.query.id)
|
||||||
this.loadLayout().then(json => {
|
this.loadLayout().then(json => {
|
||||||
this.initGraph(json)
|
this.initGraph(json)
|
||||||
})
|
})
|
||||||
@ -260,7 +260,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
async loadLayout() {
|
async loadLayout() {
|
||||||
const flowId = this.$route.params.id;
|
const flowId = this.$route.query.id;
|
||||||
console.log(flowId)
|
console.log(flowId)
|
||||||
if (!flowId) return { cells: [] }
|
if (!flowId) return { cells: [] }
|
||||||
const { code, data } = await this.info({ id: flowId });
|
const { code, data } = await this.info({ id: flowId });
|
||||||
@ -288,12 +288,12 @@ export default {
|
|||||||
async handleUpdateLayout() {
|
async handleUpdateLayout() {
|
||||||
this.layout.content = JSON.stringify(this.graph.toJSON());
|
this.layout.content = JSON.stringify(this.graph.toJSON());
|
||||||
let code, data;
|
let code, data;
|
||||||
console.table([this.layout, this.$route.params.id])
|
console.table([this.layout, this.$route.query.id])
|
||||||
// 手动刷新布局
|
// 手动刷新布局
|
||||||
if (this.layout.id) {
|
if (this.layout.id) {
|
||||||
({ code, data } = await this.http('/extend/process-flow-view/update', 'put', this.layout));
|
({ code, data } = await this.http('/extend/process-flow-view/update', 'put', this.layout));
|
||||||
} else {
|
} else {
|
||||||
this.layout.flowId = this.$route.params.id;
|
this.layout.flowId = this.$route.query.id;
|
||||||
({ code, data } = await this.http('/extend/process-flow-view/create', 'post', this.layout));
|
({ code, data } = await this.http('/extend/process-flow-view/create', 'post', this.layout));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -410,7 +410,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
createProcess() {
|
createProcess() {
|
||||||
// const flowId = this.$route.params.id;
|
// const flowId = this.$route.query.id;
|
||||||
const flowId = this.getFlowId(); // it also works
|
const flowId = this.getFlowId(); // it also works
|
||||||
if (!flowId) {
|
if (!flowId) {
|
||||||
this.$modal.msgError('工艺ID不能为空');
|
this.$modal.msgError('工艺ID不能为空');
|
||||||
|
@ -20,14 +20,13 @@
|
|||||||
<InfoItem label="产品名称" :value="form.productName" />
|
<InfoItem label="产品名称" :value="form.productName" />
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<InfoItem label="产品规格" />
|
<InfoItem label="产品规格" :value="form.specifications" />
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
const InfoItem = {
|
const InfoItem = {
|
||||||
name: 'InfoItem',
|
name: 'InfoItem',
|
||||||
components: {},
|
components: {},
|
||||||
@ -62,6 +61,7 @@ export default {
|
|||||||
id: null,
|
id: null,
|
||||||
name: null,
|
name: null,
|
||||||
productName: null,
|
productName: null,
|
||||||
|
specifications:null,
|
||||||
processFlowName: null,
|
processFlowName: null,
|
||||||
// remark: null,
|
// remark: null,
|
||||||
// enable: null,
|
// enable: null,
|
||||||
@ -71,6 +71,7 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getInfo()
|
this.getInfo()
|
||||||
|
console.log(this.$route.query)
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
methods: {
|
methods: {
|
||||||
@ -95,12 +96,14 @@ export default {
|
|||||||
// info(payload) {
|
// info(payload) {
|
||||||
// return this.http(this.infoUrl, 'get', payload);
|
// return this.http(this.infoUrl, 'get', payload);
|
||||||
// },
|
// },
|
||||||
async getInfo() {
|
getInfo() {
|
||||||
this.form.name = this.$route.params.name
|
// console.log(this.$route.query.planProductId);
|
||||||
this.form.productName = this.$route.params.productName
|
this.form.name = this.$route.query.name
|
||||||
this.form.processFlowName = this.$route.params.processFlowName
|
this.form.specifications = this.$route.query.specifications
|
||||||
// this.form.name = this.$route.params.name
|
this.form.productName = this.$route.query.productName
|
||||||
// const flowId = this.$route.params.id;
|
this.form.processFlowName = this.$route.query.processFlowName
|
||||||
|
// this.form.name = this.$route.query.name
|
||||||
|
// const flowId = this.$route.query.id;
|
||||||
// console.log(flowId);
|
// console.log(flowId);
|
||||||
// if (!flowId) this.$router.go(-1);
|
// if (!flowId) this.$router.go(-1);
|
||||||
// const { code, data } = await this.info({ id: flowId });
|
// const { code, data } = await this.info({ id: flowId });
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="班组组长" prop="leaderId">
|
<el-form-item label="班组组长" prop="leaderId">
|
||||||
<el-select v-model="form.leaderId" placeholder="请选择" style="width: 100%;" @change="selectLeader">
|
<el-select v-model="form.leaderId" placeholder="请选择" style="width: 100%;" filterable @change="selectLeader">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in workerList"
|
v-for="item in workerList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
<el-input v-model="form.name"></el-input>
|
<el-input v-model="form.name"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="工单名称" prop="workOrderId" v-if='isBind'>
|
<el-form-item label="工单名称" prop="workOrderId" v-if='isBind'>
|
||||||
<el-select v-model="form.workOrderId" placeholder="请选择" style="width: 100%;" @change="getWorkOrderMsg">
|
<el-select v-model="form.workOrderId" placeholder="请选择" style="width: 100%;" filterable @change="getWorkOrderMsg">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in workOrderList"
|
v-for="item in workOrderList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='6'>
|
<el-col :span='6'>
|
||||||
<el-form-item label="产品名称" prop="planProductId">
|
<el-form-item label="产品名称" prop="planProductId">
|
||||||
<el-select v-model="form.planProductId" placeholder="请选择" style="width: 100%;">
|
<el-select v-model="form.planProductId" placeholder="请选择" style="width: 100%;" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in productList"
|
v-for="item in productList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
@ -39,7 +39,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='6'>
|
<el-col :span='6'>
|
||||||
<el-form-item label="客户" prop="customerId">
|
<el-form-item label="客户" prop="customerId">
|
||||||
<el-select v-model="form.customerId" placeholder="请选择" style="width: 100%;" clearable>
|
<el-select v-model="form.customerId" placeholder="请选择" style="width: 100%;" clearable filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in customerList"
|
v-for="item in customerList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
@ -82,7 +82,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='6'>
|
<el-col :span='6'>
|
||||||
<el-form-item label="关联工艺" prop="processFlowId">
|
<el-form-item label="关联工艺" prop="processFlowId">
|
||||||
<el-select v-model="form.processFlowId" placeholder="请选择" style="width: 100%;" clearable @change="processFlowIdChange">
|
<el-select v-model="form.processFlowId" placeholder="请选择" style="width: 100%;" clearable filterable @change="processFlowIdChange">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in processFlowList"
|
v-for="item in processFlowList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
@ -154,7 +154,7 @@ export default {
|
|||||||
},
|
},
|
||||||
tableProps,
|
tableProps,
|
||||||
list: [],
|
list: [],
|
||||||
tableH: this.tableHeight(315),
|
tableH: this.tableHeight(305),
|
||||||
total: 0,
|
total: 0,
|
||||||
tableBtn: [
|
tableBtn: [
|
||||||
this.$auth.hasPermi('base:order-completion-monitoring:orderDet')
|
this.$auth.hasPermi('base:order-completion-monitoring:orderDet')
|
||||||
@ -215,7 +215,7 @@ export default {
|
|||||||
components: { MonitoringRingCharts },
|
components: { MonitoringRingCharts },
|
||||||
mounted() {
|
mounted() {
|
||||||
window.addEventListener('resize', () => {
|
window.addEventListener('resize', () => {
|
||||||
this.tableH = this.tableHeight(315)
|
this.tableH = this.tableHeight(305)
|
||||||
})
|
})
|
||||||
let start = moment().subtract(30, 'days').format('yyyy-MM-DD')
|
let start = moment().subtract(30, 'days').format('yyyy-MM-DD')
|
||||||
let end = moment().format('yyyy-MM-DD')
|
let end = moment().format('yyyy-MM-DD')
|
||||||
@ -347,6 +347,9 @@ export default {
|
|||||||
.el-tabs__item {
|
.el-tabs__item {
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
|
.searchBarBox {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
.boxTitle {
|
.boxTitle {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
@ -1,49 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
<SearchBar
|
<SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
|
||||||
:formConfigs="searchBarFormConfig"
|
|
||||||
ref="search-bar"
|
|
||||||
@headBtnClick="handleSearchBarBtnClick" />
|
|
||||||
|
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<base-table
|
<base-table :table-props="tableProps" :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-data="list"
|
||||||
:table-props="tableProps"
|
|
||||||
:page="queryParams.pageNo"
|
|
||||||
:limit="queryParams.pageSize"
|
|
||||||
:table-data="list"
|
|
||||||
@emitFun="handleEmitFun">
|
@emitFun="handleEmitFun">
|
||||||
<method-btn
|
<method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" fixed="right" :method-list="tableBtn"
|
||||||
v-if="tableBtn.length"
|
|
||||||
slot="handleBtn"
|
|
||||||
label="操作"
|
|
||||||
:width="120"
|
|
||||||
fixed="right"
|
|
||||||
:method-list="tableBtn"
|
|
||||||
@clickBtn="handleTableBtnClick" />
|
@clickBtn="handleTableBtnClick" />
|
||||||
</base-table>
|
</base-table>
|
||||||
|
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
||||||
v-show="total > 0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNo"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList" />
|
@pagination="getList" />
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) -->
|
<!-- 对话框(添加 / 修改) -->
|
||||||
<base-dialog
|
<base-dialog :dialogTitle="title" :dialogVisible="open" width="40%" @close="cancel" @cancel="cancel"
|
||||||
:dialogTitle="title"
|
|
||||||
:dialogVisible="open"
|
|
||||||
width="40%"
|
|
||||||
@close="cancel"
|
|
||||||
@cancel="cancel"
|
|
||||||
@confirm="submitForm">
|
@confirm="submitForm">
|
||||||
<DialogForm
|
<DialogForm v-if="open" ref="form" v-model="form" :rows="[
|
||||||
v-if="open"
|
|
||||||
ref="form"
|
|
||||||
v-model="form"
|
|
||||||
:rows="[
|
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
select: true,
|
select: true,
|
||||||
@ -55,8 +29,6 @@
|
|||||||
filterable: true,
|
filterable: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
],
|
|
||||||
[
|
|
||||||
{
|
{
|
||||||
input: true,
|
input: true,
|
||||||
label: '检测内容',
|
label: '检测内容',
|
||||||
@ -64,6 +36,7 @@
|
|||||||
rules: [{ required: true, message: '检测内容不能为空', trigger: 'blur' }],
|
rules: [{ required: true, message: '检测内容不能为空', trigger: 'blur' }],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
input: true,
|
input: true,
|
||||||
@ -71,8 +44,7 @@
|
|||||||
prop: 'code',
|
prop: 'code',
|
||||||
url: '/base/quality-inspection-det/getCode',
|
url: '/base/quality-inspection-det/getCode',
|
||||||
},
|
},
|
||||||
],
|
{ input: true, label: '备注', prop: 'remark' }],
|
||||||
[{ input: true, label: '备注', prop: 'remark' }],
|
|
||||||
]" />
|
]" />
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,47 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
<SearchBar
|
<SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
|
||||||
:formConfigs="searchBarFormConfig"
|
|
||||||
ref="search-bar"
|
|
||||||
@headBtnClick="handleSearchBarBtnClick" />
|
|
||||||
|
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<base-table
|
<base-table :table-props="tableProps" :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-data="list"
|
||||||
:table-props="tableProps"
|
|
||||||
:page="queryParams.pageNo"
|
|
||||||
:limit="queryParams.pageSize"
|
|
||||||
:table-data="list"
|
|
||||||
@emitFun="handleEmitFun">
|
@emitFun="handleEmitFun">
|
||||||
<method-btn
|
<method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" :method-list="tableBtn"
|
||||||
v-if="tableBtn.length"
|
|
||||||
slot="handleBtn"
|
|
||||||
label="操作"
|
|
||||||
:width="120"
|
|
||||||
:method-list="tableBtn"
|
|
||||||
@clickBtn="handleTableBtnClick" />
|
@clickBtn="handleTableBtnClick" />
|
||||||
</base-table>
|
</base-table>
|
||||||
|
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
||||||
v-show="total > 0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNo"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList" />
|
@pagination="getList" />
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) -->
|
<!-- 对话框(添加 / 修改) -->
|
||||||
<base-dialog
|
<base-dialog :dialogTitle="title" :dialogVisible="open" @close="cancel" width="30%" @cancel="cancel"
|
||||||
:dialogTitle="title"
|
|
||||||
:dialogVisible="open"
|
|
||||||
@close="cancel"
|
|
||||||
@cancel="cancel"
|
|
||||||
@confirm="submitForm">
|
@confirm="submitForm">
|
||||||
<DialogForm
|
<DialogForm v-if="open" ref="form" v-model="form" :rows="[
|
||||||
v-if="open"
|
|
||||||
ref="form"
|
|
||||||
v-model="form"
|
|
||||||
:rows="[
|
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
input: true,
|
input: true,
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: zhp
|
* @Author: zhp
|
||||||
* @Date: 2023-11-06 15:15:30
|
* @Date: 2023-11-06 15:15:30
|
||||||
* @LastEditTime: 2023-11-06 15:36:31
|
* @LastEditTime: 2023-11-24 08:42:18
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="24">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="报废类型编码" prop="code">
|
<el-form-item label="报废类型编码" prop="code">
|
||||||
<el-input v-model="dataForm.code" placeholder="请输入报废类型编码" />
|
<el-input v-model="dataForm.code" placeholder="请输入报废类型编码" />
|
||||||
@ -19,7 +19,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="24">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="描述类型" prop="description">
|
<el-form-item label="描述类型" prop="description">
|
||||||
<el-input v-model="dataForm.description" clearable placeholder="描述类型" />
|
<el-input v-model="dataForm.description" clearable placeholder="描述类型" />
|
||||||
|
@ -315,7 +315,11 @@ export default {
|
|||||||
data: arrYAxis,
|
data: arrYAxis,
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
showBackground: true,
|
showBackground: true,
|
||||||
barWidth:'20',
|
barWidth: '20',
|
||||||
|
label: {
|
||||||
|
show: true,
|
||||||
|
position: 'top'
|
||||||
|
},
|
||||||
backgroundStyle: {
|
backgroundStyle: {
|
||||||
color: 'rgba(180, 180, 180, 0.2)'
|
color: 'rgba(180, 180, 180, 0.2)'
|
||||||
}
|
}
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2023-08-01 14:55:51
|
* @Date: 2023-08-01 14:55:51
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-11-10 16:25:02
|
* @LastEditTime: 2023-11-24 10:55:54
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -132,6 +132,9 @@ export default {
|
|||||||
name: 'search',
|
name: 'search',
|
||||||
color: 'primary',
|
color: 'primary',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
type: 'separate',
|
||||||
|
},
|
||||||
// {
|
// {
|
||||||
// type: 'separate',
|
// type: 'separate',
|
||||||
// },
|
// },
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2023-08-01 14:55:51
|
* @Date: 2023-08-01 14:55:51
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-11-10 16:32:28
|
* @LastEditTime: 2023-11-28 10:51:44
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -26,10 +26,10 @@ import { parseTime } from '../mixins/code-filter';
|
|||||||
import {
|
import {
|
||||||
getProcessTraceabilityPage,
|
getProcessTraceabilityPage,
|
||||||
getWorkOrderList,
|
getWorkOrderList,
|
||||||
|
getCoreProduct
|
||||||
// exportEnergyPlcExcel
|
// exportEnergyPlcExcel
|
||||||
} from '@/api/quality/processTraceability';
|
} from '@/api/quality/processTraceability';
|
||||||
import { publicFormatter } from '@/utils/dict';
|
import { publicFormatter } from '@/utils/dict';
|
||||||
|
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'name',
|
prop: 'name',
|
||||||
@ -46,7 +46,7 @@ const tableProps = [
|
|||||||
{
|
{
|
||||||
prop: 'status',
|
prop: 'status',
|
||||||
label: '状态',
|
label: '状态',
|
||||||
filter:publicFormatter('work_order_status')
|
filter: (val) => val == 1 ? '等待' : val == 2 ? '激活' : val == 3 ? '暂停' : val == 4 ? '完成' : '作废',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'startProduceTime',
|
prop: 'startProduceTime',
|
||||||
@ -63,7 +63,7 @@ const tableProps = [
|
|||||||
label: '生产数量'
|
label: '生产数量'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'unit',
|
prop: 'planProductUnit',
|
||||||
label: '单位',
|
label: '单位',
|
||||||
filter: publicFormatter('unit_dict')
|
filter: publicFormatter('unit_dict')
|
||||||
},
|
},
|
||||||
@ -73,7 +73,7 @@ const tableProps = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'yield',
|
prop: 'yield',
|
||||||
label: '成品率'
|
label: '合格率'
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -116,21 +116,22 @@ export default {
|
|||||||
selectOptions: [],
|
selectOptions: [],
|
||||||
labelField: 'name',
|
labelField: 'name',
|
||||||
valueField: 'id',
|
valueField: 'id',
|
||||||
param: 'orderName'
|
param: 'orderName',
|
||||||
|
filterable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'datePicker',
|
||||||
|
label: '工单开始时间',
|
||||||
|
dateType: 'daterange',
|
||||||
|
format: 'yyyy-MM-dd',
|
||||||
|
valueFormat: "yyyy-MM-dd",
|
||||||
|
rangeSeparator: '-',
|
||||||
|
startPlaceholder: '开始时间',
|
||||||
|
endPlaceholder: '结束时间',
|
||||||
|
param: 'timeVal',
|
||||||
|
defaultSelect: [],
|
||||||
|
width: 250
|
||||||
},
|
},
|
||||||
// {
|
|
||||||
// type: 'datePicker',
|
|
||||||
// label: '时间段',
|
|
||||||
// dateType: 'daterange',
|
|
||||||
// format: 'yyyy-MM-dd',
|
|
||||||
// valueFormat: "yyyy-MM-dd",
|
|
||||||
// rangeSeparator: '-',
|
|
||||||
// startPlaceholder: '开始时间',
|
|
||||||
// endPlaceholder: '结束时间',
|
|
||||||
// param: 'timeVal',
|
|
||||||
// defaultSelect: [],
|
|
||||||
// width: 250
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
btnName: '搜索',
|
btnName: '搜索',
|
||||||
@ -185,17 +186,25 @@ export default {
|
|||||||
handleClick(val) {
|
handleClick(val) {
|
||||||
if (val.type === "processDetail") {
|
if (val.type === "processDetail") {
|
||||||
console.log(val);
|
console.log(val);
|
||||||
|
let specificationsData =''
|
||||||
|
getCoreProduct(val.data.planProductId).then((res) => {
|
||||||
|
console.log(res)
|
||||||
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: 'process-traceability-detail',
|
path: 'process-traceability-detail',
|
||||||
params: {
|
query: {
|
||||||
id: '1715180991838887938',
|
id: val.data.processFlowId,
|
||||||
orderId: val.data.id,
|
orderId: val.data.id,
|
||||||
name: val.data.name,
|
name: val.data.name,
|
||||||
|
specifications: res.data.specifications,
|
||||||
productName: val.data.planProductName,
|
productName: val.data.planProductName,
|
||||||
processFlowName: val.data.processFlowName
|
processFlowName: val.data.processFlowName,
|
||||||
|
// planProductId: val.data.planProductId
|
||||||
// equipmentName,
|
// equipmentName,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
})
|
||||||
|
|
||||||
// this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
|
// this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -241,13 +250,13 @@ export default {
|
|||||||
if (val.btnName === 'search') {
|
if (val.btnName === 'search') {
|
||||||
this.listQuery.orderName = val.orderName ? val.orderName :undefined
|
this.listQuery.orderName = val.orderName ? val.orderName :undefined
|
||||||
// this.queryParams.status = val.status
|
// this.queryParams.status = val.status
|
||||||
// if (val.timeVal && val.timeVal.length != 0 ) {
|
if (val.timeVal && val.timeVal.length != 0 ) {
|
||||||
// this.listQuery.startTime = val.timeVal[0] + ' 00:00:00'
|
this.listQuery.startTime = val.timeVal[0] + ' 00:00:00'
|
||||||
// this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
|
this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
|
||||||
// } else {
|
} else {
|
||||||
// this.listQuery.startTime = undefined
|
this.listQuery.startTime = undefined
|
||||||
// this.listQuery.endTime = undefined
|
this.listQuery.endTime = undefined
|
||||||
// }
|
}
|
||||||
this.getList()
|
this.getList()
|
||||||
} else {
|
} else {
|
||||||
// this.handleExport()
|
// this.handleExport()
|
||||||
|
@ -117,11 +117,11 @@ export default {
|
|||||||
// },
|
// },
|
||||||
{ prop: 'name', label: '参数名' },
|
{ prop: 'name', label: '参数名' },
|
||||||
{
|
{
|
||||||
prop: 'name', label: '设定范围最小- 最大 / 标准',
|
prop: 'status', label: '设定范围最小- 最大 / 标准',
|
||||||
subcomponent: StatusBtn
|
subcomponent: StatusBtn
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'code', label: '最小值',
|
prop: '', label: '最小值',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
prop: 'minValueSet',
|
prop: 'minValueSet',
|
||||||
@ -134,7 +134,7 @@ export default {
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'code', label: '最大值',
|
prop: '', label: '最大值',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
prop: 'maxValueSet',
|
prop: 'maxValueSet',
|
||||||
@ -184,9 +184,9 @@ export default {
|
|||||||
getDetMaterial({
|
getDetMaterial({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
// orderId: this.$route.params.orderId,
|
// orderId: this.$route.query.orderId,
|
||||||
|
|
||||||
},).then((res) => {
|
},).then((res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
@ -231,25 +231,29 @@ export default {
|
|||||||
getDetMaterial({
|
getDetMaterial({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
// orderId: this.$route.params.orderId,
|
// orderId: this.$route.query.orderId,
|
||||||
|
|
||||||
},).then((res) => {
|
},).then((res) => {
|
||||||
|
if (res.data.length != []) {
|
||||||
this.materialList = res.data[0].data
|
this.materialList = res.data[0].data
|
||||||
this.name = res.data[0].name
|
this.name = res.data[0].name
|
||||||
|
}
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
getDetValue({
|
getDetValue({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
// orderId: this.$route.params.orderId,
|
// orderId: this.$route.query.orderId,
|
||||||
|
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
|
if (res.data.length != []) {
|
||||||
this.valueList = res.data[0].data
|
this.valueList = res.data[0].data
|
||||||
this.name = res.data[0].name
|
this.name = res.data[0].name
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -258,12 +262,14 @@ export default {
|
|||||||
getDetMaterial({
|
getDetMaterial({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderId: this.$route.params.orderId,
|
orderId: this.$route.query.orderId,
|
||||||
flowDetId: [this.detId],
|
flowDetId: [this.detId],
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
|
if (res.data.length != []) {
|
||||||
this.materialList = res.data[0].data
|
this.materialList = res.data[0].data
|
||||||
this.name = res.data[0].name
|
this.name = res.data[0].name
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
clearList() {
|
clearList() {
|
||||||
|
@ -123,7 +123,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log(this.$route.params.id)
|
console.log(this.$route.query.id)
|
||||||
this.loadLayout().then(json => {
|
this.loadLayout().then(json => {
|
||||||
this.initGraph(json)
|
this.initGraph(json)
|
||||||
})
|
})
|
||||||
@ -260,7 +260,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
async loadLayout() {
|
async loadLayout() {
|
||||||
const flowId = this.$route.params.id;
|
const flowId = this.$route.query.id;
|
||||||
console.log(flowId)
|
console.log(flowId)
|
||||||
if (!flowId) return { cells: [] }
|
if (!flowId) return { cells: [] }
|
||||||
const { code, data } = await this.info({ id: flowId });
|
const { code, data } = await this.info({ id: flowId });
|
||||||
@ -288,12 +288,12 @@ export default {
|
|||||||
async handleUpdateLayout() {
|
async handleUpdateLayout() {
|
||||||
this.layout.content = JSON.stringify(this.graph.toJSON());
|
this.layout.content = JSON.stringify(this.graph.toJSON());
|
||||||
let code, data;
|
let code, data;
|
||||||
console.table([this.layout, this.$route.params.id])
|
console.table([this.layout, this.$route.query.id])
|
||||||
// 手动刷新布局
|
// 手动刷新布局
|
||||||
if (this.layout.id) {
|
if (this.layout.id) {
|
||||||
({ code, data } = await this.http('/extend/process-flow-view/update', 'put', this.layout));
|
({ code, data } = await this.http('/extend/process-flow-view/update', 'put', this.layout));
|
||||||
} else {
|
} else {
|
||||||
this.layout.flowId = this.$route.params.id;
|
this.layout.flowId = this.$route.query.id;
|
||||||
({ code, data } = await this.http('/extend/process-flow-view/create', 'post', this.layout));
|
({ code, data } = await this.http('/extend/process-flow-view/create', 'post', this.layout));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -410,7 +410,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
createProcess() {
|
createProcess() {
|
||||||
// const flowId = this.$route.params.id;
|
// const flowId = this.$route.query.id;
|
||||||
const flowId = this.getFlowId(); // it also works
|
const flowId = this.getFlowId(); // it also works
|
||||||
if (!flowId) {
|
if (!flowId) {
|
||||||
this.$modal.msgError('工艺ID不能为空');
|
this.$modal.msgError('工艺ID不能为空');
|
||||||
|
@ -20,14 +20,13 @@
|
|||||||
<InfoItem label="产品名称" :value="form.productName" />
|
<InfoItem label="产品名称" :value="form.productName" />
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<InfoItem label="产品规格" />
|
<InfoItem label="产品规格" :value="form.specifications" />
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
const InfoItem = {
|
const InfoItem = {
|
||||||
name: 'InfoItem',
|
name: 'InfoItem',
|
||||||
components: {},
|
components: {},
|
||||||
@ -62,6 +61,7 @@ export default {
|
|||||||
id: null,
|
id: null,
|
||||||
name: null,
|
name: null,
|
||||||
productName: null,
|
productName: null,
|
||||||
|
specifications:null,
|
||||||
processFlowName: null,
|
processFlowName: null,
|
||||||
// remark: null,
|
// remark: null,
|
||||||
// enable: null,
|
// enable: null,
|
||||||
@ -71,6 +71,7 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getInfo()
|
this.getInfo()
|
||||||
|
console.log(this.$route.query)
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
methods: {
|
methods: {
|
||||||
@ -95,12 +96,14 @@ export default {
|
|||||||
// info(payload) {
|
// info(payload) {
|
||||||
// return this.http(this.infoUrl, 'get', payload);
|
// return this.http(this.infoUrl, 'get', payload);
|
||||||
// },
|
// },
|
||||||
async getInfo() {
|
getInfo() {
|
||||||
this.form.name = this.$route.params.name
|
// console.log(this.$route.query.planProductId);
|
||||||
this.form.productName = this.$route.params.productName
|
this.form.name = this.$route.query.name
|
||||||
this.form.processFlowName = this.$route.params.processFlowName
|
this.form.specifications = this.$route.query.specifications
|
||||||
// this.form.name = this.$route.params.name
|
this.form.productName = this.$route.query.productName
|
||||||
// const flowId = this.$route.params.id;
|
this.form.processFlowName = this.$route.query.processFlowName
|
||||||
|
// this.form.name = this.$route.query.name
|
||||||
|
// const flowId = this.$route.query.id;
|
||||||
// console.log(flowId);
|
// console.log(flowId);
|
||||||
// if (!flowId) this.$router.go(-1);
|
// if (!flowId) this.$router.go(-1);
|
||||||
// const { code, data } = await this.info({ id: flowId });
|
// const { code, data } = await this.info({ id: flowId });
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: zhp
|
||||||
|
* @Date: 2023-11-28 10:41:50
|
||||||
|
* @LastEditTime: 2023-11-28 10:49:43
|
||||||
|
* @LastEditors: zhp
|
||||||
|
* @Description:
|
||||||
|
-->
|
||||||
<!--
|
<!--
|
||||||
filename: index.vue
|
filename: index.vue
|
||||||
author: liubin
|
author: liubin
|
||||||
@ -37,8 +44,8 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log('activated...', this.$route.params);
|
console.log('activated...', this.$route.query);
|
||||||
this.flowId = this.$route.params.id;
|
this.flowId = this.$route.query.id;
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -9,8 +9,8 @@
|
|||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<base-table
|
<base-table
|
||||||
:table-props="tableProps"
|
:table-props="tableProps"
|
||||||
:page="queryParams.pageNo"
|
:page="1"
|
||||||
:limit="queryParams.pageSize"
|
:limit="10"
|
||||||
:table-data="list">
|
:table-data="list">
|
||||||
<!-- <method-btn
|
<!-- <method-btn
|
||||||
v-if="tableBtn.length"
|
v-if="tableBtn.length"
|
||||||
@ -109,9 +109,6 @@ export default {
|
|||||||
name: 'search',
|
name: 'search',
|
||||||
color: 'primary',
|
color: 'primary',
|
||||||
},
|
},
|
||||||
{
|
|
||||||
type: 'separate',
|
|
||||||
},
|
|
||||||
// {
|
// {
|
||||||
// type: this.$auth.hasPermi(
|
// type: this.$auth.hasPermi(
|
||||||
// 'base:quality-inspection-record:create'
|
// 'base:quality-inspection-record:create'
|
||||||
|
Loading…
Reference in New Issue
Block a user