Merge pull request 'projects/mes-zjl' (#384) from projects/mes-zjl into projects/mes-test
Reviewed-on: #384
This commit is contained in:
commit
e4c6154eb6
6
.env.dev
6
.env.dev
@ -13,10 +13,10 @@ VUE_APP_TITLE = MES系统
|
|||||||
|
|
||||||
# 芋道管理系统/开发环境
|
# 芋道管理系统/开发环境
|
||||||
# VUE_APP_BASE_API = 'http://100.64.0.26:48082'
|
# VUE_APP_BASE_API = 'http://100.64.0.26:48082'
|
||||||
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.1.164:48082'
|
||||||
# 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:48082'
|
VUE_APP_BASE_API = 'http://192.168.1.81: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'
|
||||||
|
@ -24,4 +24,14 @@ export function exportEqAnalysisExcel(query) {
|
|||||||
params: query,
|
params: query,
|
||||||
responseType: 'blob'
|
responseType: 'blob'
|
||||||
})
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出设备状态追溯
|
||||||
|
export function exportEfficiencyExcel(query) {
|
||||||
|
return request({
|
||||||
|
url: '/analysis/equipment-analysis/export-efficiency',
|
||||||
|
method: 'get',
|
||||||
|
params: query,
|
||||||
|
responseType: 'blob'
|
||||||
|
})
|
||||||
}
|
}
|
@ -38,3 +38,11 @@ export function getInspectionData(query) {
|
|||||||
params: query,
|
params: query,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function getRecordInOneDay(query) {
|
||||||
|
return request({
|
||||||
|
url: '/analysis/record-in-one-day/get',
|
||||||
|
method: 'get',
|
||||||
|
params: query,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
@ -1,218 +1,215 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
|
<!-- 搜索工作栏 -->
|
||||||
<!-- 搜索工作栏 -->
|
<search-bar
|
||||||
<search-bar
|
:formConfigs="formConfig"
|
||||||
:formConfigs="formConfig"
|
ref="searchBarForm"
|
||||||
ref="searchBarForm"
|
@headBtnClick="buttonClick" />
|
||||||
@headBtnClick="buttonClick"
|
<!-- 列表 -->
|
||||||
/>
|
<base-table
|
||||||
<!-- 列表 -->
|
:page="queryParams.pageNo"
|
||||||
<base-table
|
:limit="queryParams.pageSize"
|
||||||
:page="queryParams.pageNo"
|
:table-props="tableProps"
|
||||||
:limit="queryParams.pageSize"
|
:table-data="list"
|
||||||
:table-props="tableProps"
|
:max-height="tableH">
|
||||||
:table-data="list"
|
<method-btn
|
||||||
:max-height="tableH"
|
v-if="tableBtn.length"
|
||||||
>
|
slot="handleBtn"
|
||||||
<method-btn
|
:width="80"
|
||||||
v-if="tableBtn.length"
|
label="操作"
|
||||||
slot="handleBtn"
|
:method-list="tableBtn"
|
||||||
:width="80"
|
@clickBtn="handleClick" />
|
||||||
label="操作"
|
</base-table>
|
||||||
:method-list="tableBtn"
|
<pagination
|
||||||
@clickBtn="handleClick"
|
:page.sync="queryParams.pageNo"
|
||||||
/>
|
:limit.sync="queryParams.pageSize"
|
||||||
</base-table>
|
:total="total"
|
||||||
<pagination
|
@pagination="getList" />
|
||||||
:page.sync="queryParams.pageNo"
|
<!-- 新增 -->
|
||||||
:limit.sync="queryParams.pageSize"
|
<base-dialog
|
||||||
:total="total"
|
:dialogTitle="addOrEditTitle"
|
||||||
@pagination="getList"
|
:dialogVisible="centervisible"
|
||||||
/>
|
@cancel="handleCancel"
|
||||||
<!-- 新增 -->
|
@confirm="handleConfirm"
|
||||||
<base-dialog
|
:before-close="handleCancel">
|
||||||
:dialogTitle="addOrEditTitle"
|
<energy-plc-add ref="energyPlc" @successSubmit="successSubmit" />
|
||||||
:dialogVisible="centervisible"
|
</base-dialog>
|
||||||
@cancel="handleCancel"
|
</div>
|
||||||
@confirm="handleConfirm"
|
|
||||||
:before-close="handleCancel"
|
|
||||||
>
|
|
||||||
<energy-plc-add ref="energyPlc" @successSubmit="successSubmit" />
|
|
||||||
</base-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getEnergyPlcPage, deleteEnergyPlc } from "@/api/base/energyPlc";
|
import { getEnergyPlcPage, deleteEnergyPlc } from '@/api/base/energyPlc';
|
||||||
// import { publicFormatter } from '@/utils/dict'
|
// import { publicFormatter } from '@/utils/dict'
|
||||||
import EnergyPlcAdd from './components/energyPlcAdd.vue'
|
import EnergyPlcAdd from './components/energyPlcAdd.vue';
|
||||||
|
import tableHeightMixin from '@/mixins/tableHeightMixin';
|
||||||
const tableProps = [
|
const tableProps = [
|
||||||
{
|
{
|
||||||
prop: 'plcTableName',
|
prop: 'plcTableName',
|
||||||
label: '关联表名'
|
label: '关联表名',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'code',
|
prop: 'code',
|
||||||
label: '关联表编码',
|
label: '关联表编码',
|
||||||
minWidth: 150,
|
minWidth: 150,
|
||||||
showOverflowtooltip: true
|
showOverflowtooltip: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'name',
|
prop: 'name',
|
||||||
label: '标识名'
|
label: '标识名',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'enName',
|
prop: 'enName',
|
||||||
label: '英文标识名'
|
label: '英文标识名',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'collection',
|
prop: 'collection',
|
||||||
label: '是否采集'
|
label: '是否采集',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'description',
|
prop: 'description',
|
||||||
label: '描述',
|
label: '描述',
|
||||||
showOverflowtooltip: true
|
showOverflowtooltip: true,
|
||||||
}
|
},
|
||||||
]
|
];
|
||||||
export default {
|
export default {
|
||||||
name: "EnergyPlc",
|
name: 'EnergyPlc',
|
||||||
components: { EnergyPlcAdd },
|
components: { EnergyPlcAdd },
|
||||||
data() {
|
mixins: [tableHeightMixin],
|
||||||
return {
|
data() {
|
||||||
formConfig: [
|
return {
|
||||||
{
|
formConfig: [
|
||||||
type: 'input',
|
{
|
||||||
label: '标识名',
|
type: 'input',
|
||||||
placeholder: '标识名',
|
label: '标识名',
|
||||||
param: 'name'
|
placeholder: '标识名',
|
||||||
},
|
param: 'name',
|
||||||
{
|
},
|
||||||
type: 'button',
|
{
|
||||||
btnName: '查询',
|
type: 'button',
|
||||||
name: 'search',
|
btnName: '查询',
|
||||||
color: 'primary'
|
name: 'search',
|
||||||
},
|
color: 'primary',
|
||||||
{
|
},
|
||||||
type: 'separate'
|
{
|
||||||
},
|
type: 'separate',
|
||||||
{
|
},
|
||||||
type: this.$auth.hasPermi('base:energy-plc:create') ? 'button' : '',
|
{
|
||||||
btnName: '新增',
|
type: this.$auth.hasPermi('base:energy-plc:create') ? 'button' : '',
|
||||||
name: 'add',
|
btnName: '新增',
|
||||||
color: 'success',
|
name: 'add',
|
||||||
plain: true
|
color: 'success',
|
||||||
}
|
plain: true,
|
||||||
],
|
},
|
||||||
tableProps,
|
],
|
||||||
tableBtn: [
|
tableProps,
|
||||||
this.$auth.hasPermi('base:energy-plc:update')
|
tableBtn: [
|
||||||
? {
|
this.$auth.hasPermi('base:energy-plc:update')
|
||||||
type: 'edit',
|
? {
|
||||||
btnName: '编辑'
|
type: 'edit',
|
||||||
}
|
btnName: '编辑',
|
||||||
: undefined,
|
}
|
||||||
this.$auth.hasPermi('base:energy-plc:delete')
|
: undefined,
|
||||||
? {
|
this.$auth.hasPermi('base:energy-plc:delete')
|
||||||
type: 'delete',
|
? {
|
||||||
btnName: '删除'
|
type: 'delete',
|
||||||
}
|
btnName: '删除',
|
||||||
: undefined
|
}
|
||||||
].filter((v) => v),
|
: undefined,
|
||||||
tableH: this.tableHeight(260),
|
].filter((v) => v),
|
||||||
collectionList: [
|
collectionList: [
|
||||||
{value: 0,label: '否'},
|
{ value: 0, label: '否' },
|
||||||
{value: 1,label: '是'}
|
{ value: 1, label: '是' },
|
||||||
],
|
],
|
||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 班次基础信息列表
|
// 班次基础信息列表
|
||||||
list: [],
|
list: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
addOrEditTitle: "",
|
addOrEditTitle: '',
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
centervisible: false,
|
centervisible: false,
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
name: null
|
name: null,
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
window.addEventListener('resize', () => {
|
this.getList();
|
||||||
this.tableH = this.tableHeight(260)
|
},
|
||||||
})
|
methods: {
|
||||||
this.getList();
|
buttonClick(val) {
|
||||||
},
|
switch (val.btnName) {
|
||||||
methods: {
|
case 'search':
|
||||||
buttonClick(val) {
|
this.queryParams.pageNo = 1;
|
||||||
switch (val.btnName) {
|
this.queryParams.name = val.name;
|
||||||
case 'search':
|
this.getList();
|
||||||
this.queryParams.pageNo = 1;
|
break;
|
||||||
this.queryParams.name = val.name
|
default:
|
||||||
this.getList()
|
this.addOrEditTitle = '新增';
|
||||||
break
|
this.centervisible = true;
|
||||||
default:
|
this.$nextTick(() => {
|
||||||
this.addOrEditTitle = '新增'
|
this.$refs.energyPlc.init();
|
||||||
this.centervisible = true
|
});
|
||||||
this.$nextTick(() => {
|
}
|
||||||
this.$refs.energyPlc.init()
|
},
|
||||||
})
|
/** 查询列表 */
|
||||||
}
|
getList() {
|
||||||
},
|
getEnergyPlcPage(this.queryParams).then((response) => {
|
||||||
/** 查询列表 */
|
let arr = response.data.list || [];
|
||||||
getList() {
|
arr &&
|
||||||
getEnergyPlcPage(this.queryParams).then(response => {
|
arr.map((item) => {
|
||||||
let arr = response.data.list || [];
|
this.collectionList.map((i) => {
|
||||||
arr&&arr.map(item => {
|
if (item.collection === i.value) {
|
||||||
this.collectionList.map(i => {
|
item.collection = i.label;
|
||||||
if (item.collection === i.value) {
|
}
|
||||||
item.collection = i.label
|
});
|
||||||
}
|
});
|
||||||
})
|
this.list = arr;
|
||||||
})
|
this.total = response.data.total;
|
||||||
this.list = arr
|
});
|
||||||
this.total = response.data.total;
|
},
|
||||||
});
|
handleClick(val) {
|
||||||
},
|
switch (val.type) {
|
||||||
handleClick(val) {
|
case 'edit':
|
||||||
switch (val.type) {
|
this.addOrEditTitle = '编辑';
|
||||||
case 'edit':
|
this.$nextTick(() => {
|
||||||
this.addOrEditTitle = '编辑'
|
this.$refs.energyPlc.init(val.data.id);
|
||||||
this.$nextTick(() => {
|
});
|
||||||
this.$refs.energyPlc.init(val.data.id)
|
this.centervisible = true;
|
||||||
})
|
break;
|
||||||
this.centervisible = true
|
default:
|
||||||
break
|
this.handleDelete(val.data);
|
||||||
default:
|
}
|
||||||
this.handleDelete(val.data)
|
},
|
||||||
}
|
handleCancel() {
|
||||||
},
|
this.$refs.energyPlc.formClear();
|
||||||
handleCancel() {
|
this.centervisible = false;
|
||||||
this.$refs.energyPlc.formClear()
|
this.addOrEditTitle = '';
|
||||||
this.centervisible = false
|
},
|
||||||
this.addOrEditTitle = ''
|
handleConfirm() {
|
||||||
},
|
this.$refs.energyPlc.submitForm();
|
||||||
handleConfirm() {
|
},
|
||||||
this.$refs.energyPlc.submitForm()
|
successSubmit() {
|
||||||
},
|
this.handleCancel();
|
||||||
successSubmit() {
|
this.getList();
|
||||||
this.handleCancel()
|
},
|
||||||
this.getList()
|
/** 删除按钮操作 */
|
||||||
},
|
handleDelete(row) {
|
||||||
/** 删除按钮操作 */
|
this.$modal
|
||||||
handleDelete(row) {
|
.delConfirm(row.name)
|
||||||
this.$modal.confirm('是否确认删除关联表名为"' + row.name + '"的数据项?').then(function() {
|
.then(function () {
|
||||||
return deleteEnergyPlc(row.id);
|
return deleteEnergyPlc(row.id);
|
||||||
}).then(() => {
|
})
|
||||||
this.queryParams.pageNo = 1;
|
.then(() => {
|
||||||
this.getList();
|
this.queryParams.pageNo = 1;
|
||||||
this.$modal.msgSuccess("删除成功");
|
this.getList();
|
||||||
}).catch(() => {});
|
this.$modal.msgSuccess('删除成功');
|
||||||
}
|
})
|
||||||
}
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -307,7 +307,7 @@ export default {
|
|||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const id = row.id;
|
const id = row.id;
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除"' + row.sectionName + '"?')
|
.delConfirm(row.buttonId)
|
||||||
.then(function () {
|
.then(function () {
|
||||||
return deleteQualityInspectionBoxBtn(id);
|
return deleteQualityInspectionBoxBtn(id);
|
||||||
})
|
})
|
||||||
|
@ -288,7 +288,7 @@ export default {
|
|||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const id = row.id;
|
const id = row.id;
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除检测信息"' + row.content + '"?')
|
.delConfirm(row.content)
|
||||||
.then(function () {
|
.then(function () {
|
||||||
return deleteQualityInspectionDet(id);
|
return deleteQualityInspectionDet(id);
|
||||||
})
|
})
|
||||||
|
@ -273,7 +273,7 @@ export default {
|
|||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const id = row.id;
|
const id = row.id;
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除该质量检测类型?')
|
.delConfirm(row.name)
|
||||||
.then(function () {
|
.then(function () {
|
||||||
return deleteQualityInspectionType(id);
|
return deleteQualityInspectionType(id);
|
||||||
})
|
})
|
||||||
|
159
src/views/devConfig/quality/qualityScrapDet/basic-page.js
Normal file
159
src/views/devConfig/quality/qualityScrapDet/basic-page.js
Normal file
@ -0,0 +1,159 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2022-08-24 11:19:43
|
||||||
|
* @LastEditors: DY
|
||||||
|
* @LastEditTime: 2023-09-21 16:02:07
|
||||||
|
* @Description:
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
/* eslint-disable */
|
||||||
|
return {
|
||||||
|
urlOptions: {
|
||||||
|
getDataListURL: '',
|
||||||
|
deleteURL: '',
|
||||||
|
statusUrl: '',
|
||||||
|
exportURL: ''
|
||||||
|
},
|
||||||
|
tableData: [],
|
||||||
|
listQuery: {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
total: 1,
|
||||||
|
},
|
||||||
|
exportLoading: false,
|
||||||
|
dataListLoading: false,
|
||||||
|
addOrEditTitle: '',
|
||||||
|
addOrUpdateVisible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getDataList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取数据列表
|
||||||
|
getDataList() {
|
||||||
|
this.dataListLoading = true;
|
||||||
|
this.urlOptions.getDataListURL(this.listQuery).then(response => {
|
||||||
|
this.tableData = response.data.list;
|
||||||
|
this.listQuery.total = response.data.total;
|
||||||
|
this.dataListLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 每页数
|
||||||
|
sizeChangeHandle(val) {
|
||||||
|
this.listQuery.pageSize = val;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
// 当前页
|
||||||
|
currentChangeHandle(val) {
|
||||||
|
this.listQuery.pageNo = val;
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
// 新增 / 修改
|
||||||
|
addOrUpdateHandle(id) {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.addOrUpdate.init(id);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cancel(id) {
|
||||||
|
this.$refs["popover-" + id].showPopper = false;
|
||||||
|
},
|
||||||
|
//改变状态
|
||||||
|
changeStatus(id) {
|
||||||
|
this.$http
|
||||||
|
.post(this.urlOptions.statusUrl, { id })
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
this.$refs["popover-" + id].showPopper = false;
|
||||||
|
this.$message({
|
||||||
|
message: this.$t("prompt.success"),
|
||||||
|
type: "success",
|
||||||
|
duration: 500,
|
||||||
|
onClose: () => {
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
|
//tableBtn点击
|
||||||
|
handleClick(val) {
|
||||||
|
if (val.type === "edit") {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.addOrEditTitle = "编辑";
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.addOrUpdate.init(val.data.id);
|
||||||
|
});
|
||||||
|
} else if (val.type === "delete") {
|
||||||
|
this.deleteHandle(val.data.id, val.data.content)
|
||||||
|
} else if (val.type === "change") {
|
||||||
|
this.changeStatus(val.data.id)
|
||||||
|
} else {
|
||||||
|
this.otherMethods(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
deleteHandle(id,name) {
|
||||||
|
this.$modal
|
||||||
|
.delConfirm(name)
|
||||||
|
.then(() => {
|
||||||
|
this.urlOptions.deleteURL(id).then(({ data }) => {
|
||||||
|
this.getDataList();
|
||||||
|
this.$modal.msgSuccess('删除成功');
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
|
//search-bar点击
|
||||||
|
buttonClick(val) {
|
||||||
|
switch (val.btnName) {
|
||||||
|
case "search":
|
||||||
|
this.listQuery.xm1 = val.xm1;
|
||||||
|
this.listQuery.xm2 = val.xm2;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
break;
|
||||||
|
case "add":
|
||||||
|
this.addOrEditTitle = '新增'
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.addOrUpdateHandle()
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.log(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleCancel() {
|
||||||
|
this.$refs.addOrUpdate.formClear()
|
||||||
|
this.addOrUpdateVisible = false
|
||||||
|
this.addOrEditTitle = ''
|
||||||
|
},
|
||||||
|
handleConfirm() {
|
||||||
|
this.$refs.addOrUpdate.dataFormSubmit()
|
||||||
|
},
|
||||||
|
successSubmit() {
|
||||||
|
this.handleCancel()
|
||||||
|
this.getDataList()
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
// 处理查询参数
|
||||||
|
let params = { ...this.queryParams };
|
||||||
|
params.pageNo = undefined;
|
||||||
|
params.pageSize = undefined;
|
||||||
|
this.$modal.confirm('是否确认导出所有数据项?').then(() => {
|
||||||
|
this.exportLoading = true;
|
||||||
|
return this.urlOptions.exportURL(params);
|
||||||
|
}).then(response => {
|
||||||
|
this.$download.excel(response, '工厂.xls');
|
||||||
|
this.exportLoading = false;
|
||||||
|
}).catch(() => { });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -40,7 +40,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AddOrUpdate from './add-or-updata';
|
import AddOrUpdate from './add-or-updata';
|
||||||
import basicPage from '../../../core/mixins/basic-page';
|
import basicPage from './basic-page';
|
||||||
import { parseTime } from '../../../core/mixins/code-filter';
|
import { parseTime } from '../../../core/mixins/code-filter';
|
||||||
import {
|
import {
|
||||||
getQualityScrapDetPage,
|
getQualityScrapDetPage,
|
||||||
|
159
src/views/devConfig/quality/qualityScrapType/basic-page.js
Normal file
159
src/views/devConfig/quality/qualityScrapType/basic-page.js
Normal file
@ -0,0 +1,159 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2022-08-24 11:19:43
|
||||||
|
* @LastEditors: DY
|
||||||
|
* @LastEditTime: 2023-09-21 16:02:07
|
||||||
|
* @Description:
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
/* eslint-disable */
|
||||||
|
return {
|
||||||
|
urlOptions: {
|
||||||
|
getDataListURL: '',
|
||||||
|
deleteURL: '',
|
||||||
|
statusUrl: '',
|
||||||
|
exportURL: ''
|
||||||
|
},
|
||||||
|
tableData: [],
|
||||||
|
listQuery: {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
total: 1,
|
||||||
|
},
|
||||||
|
exportLoading: false,
|
||||||
|
dataListLoading: false,
|
||||||
|
addOrEditTitle: '',
|
||||||
|
addOrUpdateVisible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getDataList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取数据列表
|
||||||
|
getDataList() {
|
||||||
|
this.dataListLoading = true;
|
||||||
|
this.urlOptions.getDataListURL(this.listQuery).then(response => {
|
||||||
|
this.tableData = response.data.list;
|
||||||
|
this.listQuery.total = response.data.total;
|
||||||
|
this.dataListLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 每页数
|
||||||
|
sizeChangeHandle(val) {
|
||||||
|
this.listQuery.pageSize = val;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
// 当前页
|
||||||
|
currentChangeHandle(val) {
|
||||||
|
this.listQuery.pageNo = val;
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
// 新增 / 修改
|
||||||
|
addOrUpdateHandle(id) {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.addOrUpdate.init(id);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cancel(id) {
|
||||||
|
this.$refs["popover-" + id].showPopper = false;
|
||||||
|
},
|
||||||
|
//改变状态
|
||||||
|
changeStatus(id) {
|
||||||
|
this.$http
|
||||||
|
.post(this.urlOptions.statusUrl, { id })
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
this.$refs["popover-" + id].showPopper = false;
|
||||||
|
this.$message({
|
||||||
|
message: this.$t("prompt.success"),
|
||||||
|
type: "success",
|
||||||
|
duration: 500,
|
||||||
|
onClose: () => {
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
|
//tableBtn点击
|
||||||
|
handleClick(val) {
|
||||||
|
if (val.type === "edit") {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.addOrEditTitle = "编辑";
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.addOrUpdate.init(val.data.id);
|
||||||
|
});
|
||||||
|
} else if (val.type === "delete") {
|
||||||
|
this.deleteHandle(val.data.id, val.data.name)
|
||||||
|
} else if (val.type === "change") {
|
||||||
|
this.changeStatus(val.data.id)
|
||||||
|
} else {
|
||||||
|
this.otherMethods(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
deleteHandle(id,name) {
|
||||||
|
this.$modal
|
||||||
|
.delConfirm(name)
|
||||||
|
.then(() => {
|
||||||
|
this.urlOptions.deleteURL(id).then(({ data }) => {
|
||||||
|
this.getDataList();
|
||||||
|
this.$modal.msgSuccess('删除成功');
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
|
//search-bar点击
|
||||||
|
buttonClick(val) {
|
||||||
|
switch (val.btnName) {
|
||||||
|
case "search":
|
||||||
|
this.listQuery.xm1 = val.xm1;
|
||||||
|
this.listQuery.xm2 = val.xm2;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
break;
|
||||||
|
case "add":
|
||||||
|
this.addOrEditTitle = '新增'
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.addOrUpdateHandle()
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.log(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleCancel() {
|
||||||
|
this.$refs.addOrUpdate.formClear()
|
||||||
|
this.addOrUpdateVisible = false
|
||||||
|
this.addOrEditTitle = ''
|
||||||
|
},
|
||||||
|
handleConfirm() {
|
||||||
|
this.$refs.addOrUpdate.dataFormSubmit()
|
||||||
|
},
|
||||||
|
successSubmit() {
|
||||||
|
this.handleCancel()
|
||||||
|
this.getDataList()
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
// 处理查询参数
|
||||||
|
let params = { ...this.queryParams };
|
||||||
|
params.pageNo = undefined;
|
||||||
|
params.pageSize = undefined;
|
||||||
|
this.$modal.confirm('是否确认导出所有数据项?').then(() => {
|
||||||
|
this.exportLoading = true;
|
||||||
|
return this.urlOptions.exportURL(params);
|
||||||
|
}).then(response => {
|
||||||
|
this.$download.excel(response, '工厂.xls');
|
||||||
|
this.exportLoading = false;
|
||||||
|
}).catch(() => { });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -40,7 +40,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AddOrUpdate from './add-or-updata';
|
import AddOrUpdate from './add-or-updata';
|
||||||
import basicPage from '../../../core/mixins/basic-page';
|
import basicPage from './basic-page';
|
||||||
import { parseTime } from '../../../core/mixins/code-filter';
|
import { parseTime } from '../../../core/mixins/code-filter';
|
||||||
import {
|
import {
|
||||||
getQualityScrapTypePage,
|
getQualityScrapTypePage,
|
||||||
|
128
src/views/quality/currentData/baseChart.vue
Normal file
128
src/views/quality/currentData/baseChart.vue
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
:id="'currentDataChart' + chartN"
|
||||||
|
style="width: 100%; height: 300px"></div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import * as echarts from 'echarts';
|
||||||
|
import resize from '@/utils/chartMixins/resize';
|
||||||
|
export default {
|
||||||
|
name: 'BaseChart',
|
||||||
|
mixins: [resize],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
chartDom: '',
|
||||||
|
chart: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
chartData: {
|
||||||
|
type: Array,
|
||||||
|
required: true,
|
||||||
|
default: () => {
|
||||||
|
return [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
lineName: {
|
||||||
|
type: Array,
|
||||||
|
required: true,
|
||||||
|
default: () => {
|
||||||
|
return [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
chartN: {
|
||||||
|
type: Number,
|
||||||
|
required: true,
|
||||||
|
default: () => {
|
||||||
|
return 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
chartData: function () {
|
||||||
|
this.getChart();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getChart();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getChart() {
|
||||||
|
if (
|
||||||
|
this.chart !== null &&
|
||||||
|
this.chart !== '' &&
|
||||||
|
this.chart !== undefined
|
||||||
|
) {
|
||||||
|
this.chart.dispose(); // 页面多次刷新会出现警告,Dom已经初始化了一个实例,这是销毁实例
|
||||||
|
}
|
||||||
|
this.chartDom = document.getElementById('currentDataChart' + this.chartN);
|
||||||
|
this.chart = echarts.init(this.chartDom);
|
||||||
|
if (this.chartData.length === 0) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
console.log('chartData:', this.chartData);
|
||||||
|
console.log('lineName:', this.lineName);
|
||||||
|
let xData = this.chartData.map((item) => {
|
||||||
|
return item.inspectionContent;
|
||||||
|
});
|
||||||
|
console.log('xData:', xData);
|
||||||
|
let series = [];
|
||||||
|
this.lineName.map((item) => {
|
||||||
|
let obj = {
|
||||||
|
data: [],
|
||||||
|
type: 'bar',
|
||||||
|
stack: 'a',
|
||||||
|
barWidth: 20,
|
||||||
|
name: item.prop,
|
||||||
|
};
|
||||||
|
this.chartData.forEach((ele) => {
|
||||||
|
obj.data.push(ele[item.prop]);
|
||||||
|
});
|
||||||
|
series.push(obj);
|
||||||
|
});
|
||||||
|
console.log('series:', series);
|
||||||
|
var option = {
|
||||||
|
color: [
|
||||||
|
'#288AFF',
|
||||||
|
'#73DE93',
|
||||||
|
'#FFCE6A',
|
||||||
|
'#63BDFF',
|
||||||
|
'#7164FF',
|
||||||
|
'#FF6860',
|
||||||
|
'#FF9747',
|
||||||
|
'#B0EB42',
|
||||||
|
'#D680FF',
|
||||||
|
'#0043D2',
|
||||||
|
],
|
||||||
|
legend: {
|
||||||
|
itemWidth: 10,
|
||||||
|
itemHeight: 10,
|
||||||
|
textStyle: {
|
||||||
|
color: '#8c8c8c',
|
||||||
|
},
|
||||||
|
right: 0,
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
left: 20,
|
||||||
|
right: 0,
|
||||||
|
bottom: '3%',
|
||||||
|
containLabel: true,
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
data: xData,
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
},
|
||||||
|
series: series,
|
||||||
|
};
|
||||||
|
|
||||||
|
option && this.chart.setOption(option);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
232
src/views/quality/currentData/currentTest.vue
Normal file
232
src/views/quality/currentData/currentTest.vue
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<base-table
|
||||||
|
:table-props="tableProps"
|
||||||
|
:page="1"
|
||||||
|
:limit="1000"
|
||||||
|
:table-data="list" />
|
||||||
|
<div class="orderBox" v-for="(item, index) in downList" :key="index">
|
||||||
|
<div class="title">
|
||||||
|
<span>工单:{{ item.workOrderName }}</span>
|
||||||
|
<span>产品名称:{{ item.productionName }}</span>
|
||||||
|
<span>规格:{{ item.productionSize }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="custom-tabs">
|
||||||
|
<el-tabs v-model="item.activeName" :stretch="true">
|
||||||
|
<el-tab-pane :label="'\u2002表格\u2002'" name="table"></el-tab-pane>
|
||||||
|
<el-tab-pane
|
||||||
|
:label="'\u3000图表\u3000'"
|
||||||
|
name="chart"
|
||||||
|
style="overflow: inherit"></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<!-- 列表 -->
|
||||||
|
<base-table
|
||||||
|
v-if="item.activeName === 'table'"
|
||||||
|
:table-props="item.tableProps"
|
||||||
|
:page="1"
|
||||||
|
:limit="1000"
|
||||||
|
:table-data="item.list"
|
||||||
|
:height="300" />
|
||||||
|
<baseChart
|
||||||
|
v-else
|
||||||
|
:chartN="index"
|
||||||
|
:chartData="item.list"
|
||||||
|
:lineName="item.downProps" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import BaseChart from './baseChart.vue';
|
||||||
|
import { getInspectionData } from '@/api/monitoring/statisticalData';
|
||||||
|
export default {
|
||||||
|
name: 'CurrentTest',
|
||||||
|
components: { BaseChart },
|
||||||
|
computed: {
|
||||||
|
tableProps() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
prop: 'workOrderName',
|
||||||
|
label: '工单名称',
|
||||||
|
showOverflowtooltip: true,
|
||||||
|
},
|
||||||
|
...this.dynamicProps,
|
||||||
|
{
|
||||||
|
prop: 'sumInput',
|
||||||
|
label: '上片总数',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'sumOutput',
|
||||||
|
label: '下片总数',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dynamicProps: [],
|
||||||
|
list: [],
|
||||||
|
downList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询列表 */
|
||||||
|
async getList() {
|
||||||
|
const res = await getInspectionData();
|
||||||
|
// const res = {
|
||||||
|
// data: [],
|
||||||
|
// };
|
||||||
|
if (res.data && res.data.length > 0) {
|
||||||
|
this.dynamicProps = this.filterNameData(res.data[0].upPart.nameData);
|
||||||
|
this.list = this.filterData(res.data[0].upPart.data);
|
||||||
|
// 工单明细
|
||||||
|
res.data.forEach((item) => {
|
||||||
|
let downProps = this.filterNameData(item.downPart[0].nameData);
|
||||||
|
console.log('downProps:', downProps);
|
||||||
|
let obj = this.downPartData(item.downPart[0].data, downProps);
|
||||||
|
obj.tableProps = [
|
||||||
|
{
|
||||||
|
prop: 'inspectionContent',
|
||||||
|
label: '检测内容',
|
||||||
|
showOverflowtooltip: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'sumInput',
|
||||||
|
label: '原片总数',
|
||||||
|
showOverflowtooltip: true,
|
||||||
|
},
|
||||||
|
...downProps,
|
||||||
|
{
|
||||||
|
prop: 'sumScrap',
|
||||||
|
label: '未通过检测总数',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'scrapRatio',
|
||||||
|
label: '报废比例',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
this.downList.push(obj);
|
||||||
|
});
|
||||||
|
console.log(this.downList);
|
||||||
|
} else {
|
||||||
|
this.list = [];
|
||||||
|
this.dynamicProps = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
filterNameData(nameData) {
|
||||||
|
const ndSet = new Set();
|
||||||
|
nameData.forEach((nd) => {
|
||||||
|
ndSet.add(nd.name);
|
||||||
|
});
|
||||||
|
return Array.from(ndSet.values())
|
||||||
|
.sort()
|
||||||
|
.map((name) => ({
|
||||||
|
prop: name,
|
||||||
|
label: name,
|
||||||
|
}));
|
||||||
|
},
|
||||||
|
filterData(data) {
|
||||||
|
return data.map((item) => {
|
||||||
|
const { data: innerData } = item;
|
||||||
|
const keyValuePairs = {};
|
||||||
|
console.log('innerData:', innerData);
|
||||||
|
this.dynamicProps.map((item) => {
|
||||||
|
keyValuePairs[item.prop] = '-';
|
||||||
|
});
|
||||||
|
innerData.forEach((d) => {
|
||||||
|
keyValuePairs[d.dynamicName] = d.dynamicValue;
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
inspectionContent: item.inspectionContent,
|
||||||
|
workOrderName: item.workOrderName,
|
||||||
|
...keyValuePairs,
|
||||||
|
sumInput: item.sumInput,
|
||||||
|
sumOutput: item.sumOutput,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
},
|
||||||
|
downPartData(data, downProps) {
|
||||||
|
let obj = {
|
||||||
|
workOrderName: '',
|
||||||
|
productionName: '',
|
||||||
|
productionSize: '',
|
||||||
|
activeName: 'table',
|
||||||
|
tableProps: [],
|
||||||
|
downProps: downProps,
|
||||||
|
list: [],
|
||||||
|
};
|
||||||
|
obj.workOrderName = data[0].workOrderName;
|
||||||
|
obj.productionName = data[0].productionName;
|
||||||
|
obj.productionSize = data[0].productionSize;
|
||||||
|
obj.list = data.map((item) => {
|
||||||
|
const { data: innerData } = item;
|
||||||
|
const keyValuePairs = {};
|
||||||
|
downProps.map((item) => {
|
||||||
|
keyValuePairs[item.prop] = '-';
|
||||||
|
});
|
||||||
|
innerData.map((d) => {
|
||||||
|
keyValuePairs[d.dynamicName] = d.dynamicValue;
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
inspectionContent: item.inspectionContent,
|
||||||
|
sumInput: item.sumInput,
|
||||||
|
...keyValuePairs,
|
||||||
|
sumScrap: item.sumScrap,
|
||||||
|
scrapRatio: item.scrapRatio,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
return obj;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.orderBox {
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
position: relative;
|
||||||
|
padding: 4px 0;
|
||||||
|
padding-left: 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #606266;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 6px;
|
||||||
|
height: 16px;
|
||||||
|
width: 4px;
|
||||||
|
border-radius: 1px;
|
||||||
|
background: #0b58ff;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:deep(.custom-tabs) {
|
||||||
|
.el-tabs__header {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
display: inline-block;
|
||||||
|
transform: translateY(-12px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-tabs__content {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-tabs__item {
|
||||||
|
padding-left: 0 !important;
|
||||||
|
padding-right: 0 !important;
|
||||||
|
line-height: 36px !important;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
@ -1,270 +0,0 @@
|
|||||||
<!--
|
|
||||||
filename: dialogForm.vue
|
|
||||||
author: liubin
|
|
||||||
date: 2023-09-11 15:55:13
|
|
||||||
description: DialogForm for qualityInspectionRecord only
|
|
||||||
-->
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<el-form
|
|
||||||
ref="form"
|
|
||||||
:model="innerDataForm"
|
|
||||||
label-width="100px"
|
|
||||||
v-loading="formLoading">
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item
|
|
||||||
label="检测内容"
|
|
||||||
prop="inspectionDetId"
|
|
||||||
:rules="[{ required: true, message: '检测内容不能为空', trigger: 'blur' }]">
|
|
||||||
<el-select
|
|
||||||
v-model="innerDataForm.inspectionDetId"
|
|
||||||
placeholder="请选择检测内容"
|
|
||||||
filterable
|
|
||||||
clearable
|
|
||||||
@change="handleInspectionDetChange">
|
|
||||||
<el-option
|
|
||||||
v-for="opt in inspectionDetList"
|
|
||||||
:key="opt.value"
|
|
||||||
:label="opt.label"
|
|
||||||
:value="opt.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item
|
|
||||||
label="来源"
|
|
||||||
prop="source"
|
|
||||||
:rules="[{ required: true, message: '来源不能为空', trigger: 'blur' }]">
|
|
||||||
<el-select
|
|
||||||
v-model="innerDataForm.source"
|
|
||||||
placeholder="请选择来源"
|
|
||||||
filterable
|
|
||||||
clearable
|
|
||||||
@change="$emit('update', innerDataForm)">
|
|
||||||
<el-option
|
|
||||||
v-for="opt in [
|
|
||||||
{ label: '手动', value: 1 },
|
|
||||||
{ label: '自动', value: 2 },
|
|
||||||
]"
|
|
||||||
:key="opt.value"
|
|
||||||
:label="opt.label"
|
|
||||||
:value="opt.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item
|
|
||||||
label="产线"
|
|
||||||
prop="productionLineId"
|
|
||||||
:rules="[{ required: true, message: '产线不能为空', trigger: 'blur' }]">
|
|
||||||
<el-select
|
|
||||||
v-model="innerDataForm.productionLineId"
|
|
||||||
placeholder="请选择产线"
|
|
||||||
filterable
|
|
||||||
clearable
|
|
||||||
@change="handleProductlineChange">
|
|
||||||
<el-option
|
|
||||||
v-for="opt in productionLineList"
|
|
||||||
:key="opt.value"
|
|
||||||
:label="opt.label"
|
|
||||||
:value="opt.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item
|
|
||||||
label="工段"
|
|
||||||
prop="sectionId"
|
|
||||||
:rules="[{ required: true, message: '工段不能为空', trigger: 'blur' }]">
|
|
||||||
<el-select
|
|
||||||
v-model="innerDataForm.sectionId"
|
|
||||||
placeholder="请选择工段"
|
|
||||||
clearable
|
|
||||||
filterable
|
|
||||||
@change="$emit('update', innerDataForm)">
|
|
||||||
<el-option
|
|
||||||
v-for="opt in sectionList"
|
|
||||||
:key="opt.value"
|
|
||||||
:label="opt.label"
|
|
||||||
:value="opt.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="检测人员" prop="checkPerson">
|
|
||||||
<el-input
|
|
||||||
v-model="innerDataForm.checkPerson"
|
|
||||||
clearable
|
|
||||||
@change="$emit('update', innerDataForm)"
|
|
||||||
placeholder="请输入检测人员" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item
|
|
||||||
label="检测时间"
|
|
||||||
prop="checkTime"
|
|
||||||
:rules="[{ required: true, message: '检测时间不能为空', trigger: 'blur' }]">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="innerDataForm.checkTime"
|
|
||||||
type="datetime"
|
|
||||||
placeholder="请选择检测时间"
|
|
||||||
value-format="timestamp"
|
|
||||||
@change="$emit('update', innerDataForm)"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col>
|
|
||||||
<el-form-item label="描述" prop="explainText">
|
|
||||||
<el-input
|
|
||||||
v-model="innerDataForm.explainText"
|
|
||||||
placeholder="请输入描述信息"
|
|
||||||
@change="$emit('update', innerDataForm)"
|
|
||||||
type="textarea"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input
|
|
||||||
v-model="innerDataForm.remark"
|
|
||||||
@change="$emit('update', innerDataForm)"
|
|
||||||
placeholder="请输入备注"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'DialogForm',
|
|
||||||
model: {
|
|
||||||
prop: 'dataForm',
|
|
||||||
event: 'update',
|
|
||||||
},
|
|
||||||
emits: ['update'],
|
|
||||||
components: {},
|
|
||||||
props: {
|
|
||||||
dataForm: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({}),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
formLoading: true,
|
|
||||||
inspectionDetList: [],
|
|
||||||
productionLineList: [],
|
|
||||||
sectionList: [],
|
|
||||||
innerDataForm: {},
|
|
||||||
cacheInspectionDetList: null,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
Promise.all([this.getProductLineList(), this.getInspectionDetList()]).then(
|
|
||||||
() => {
|
|
||||||
this.formLoading = false;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// 'innerDataForm.productionLineId': {
|
|
||||||
// handler: async function (plId) {
|
|
||||||
// if (plId) await this.getWorksectionList(plId);
|
|
||||||
// },
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
dataForm: {
|
|
||||||
handler: function (dataForm) {
|
|
||||||
this.innerDataForm = Object.assign({}, dataForm);
|
|
||||||
|
|
||||||
if (dataForm.productionLineId)
|
|
||||||
this.getWorksectionList(dataForm.productionLineId);
|
|
||||||
},
|
|
||||||
immediate: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 模拟透传 ref */
|
|
||||||
validate(cb) {
|
|
||||||
return this.$refs.form.validate(cb);
|
|
||||||
},
|
|
||||||
resetFields(args) {
|
|
||||||
return this.$refs.form.resetFields(args);
|
|
||||||
},
|
|
||||||
|
|
||||||
handleInspectionDetChange(value) {
|
|
||||||
const { id, content } = this.cacheInspectionDetList.find(
|
|
||||||
(item) => item.id == value
|
|
||||||
);
|
|
||||||
this.innerDataForm.inspectionDetId = id;
|
|
||||||
this.innerDataForm.inspectionDetContent = content;
|
|
||||||
this.$emit('update', this.innerDataForm);
|
|
||||||
},
|
|
||||||
|
|
||||||
async handleProductlineChange(id) {
|
|
||||||
// await this.getWorksectionList(id);
|
|
||||||
this.innerDataForm.sectionId = null;
|
|
||||||
this.$emit('update', this.innerDataForm);
|
|
||||||
},
|
|
||||||
|
|
||||||
// getCode
|
|
||||||
async getCode(url) {
|
|
||||||
const response = await this.$axios(url);
|
|
||||||
return response.data;
|
|
||||||
},
|
|
||||||
|
|
||||||
// 获取产线列表
|
|
||||||
async getProductLineList() {
|
|
||||||
const response = await this.$axios('/base/core-production-line/listAll');
|
|
||||||
this.productionLineList = response.data.map((item) => ({
|
|
||||||
label: item.name,
|
|
||||||
value: item.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
|
|
||||||
// 获取检测内容列表
|
|
||||||
async getInspectionDetList() {
|
|
||||||
const response = await this.$axios(
|
|
||||||
'/base/quality-inspection-det/listAll'
|
|
||||||
);
|
|
||||||
this.cacheInspectionDetList = response.data;
|
|
||||||
this.inspectionDetList = response.data.map((item) => ({
|
|
||||||
label: item.content,
|
|
||||||
value: item.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
|
|
||||||
// 获取工段列表
|
|
||||||
async getWorksectionList(plId) {
|
|
||||||
const response = await this.$axios(
|
|
||||||
'/base/workshop-section/listByParentId',
|
|
||||||
{
|
|
||||||
params: {
|
|
||||||
id: plId,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
this.sectionList = response.data.map((item) => ({
|
|
||||||
label: item.name,
|
|
||||||
value: item.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.el-date-editor,
|
|
||||||
.el-select {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
86
src/views/quality/currentData/hourData.vue
Normal file
86
src/views/quality/currentData/hourData.vue
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
<template>
|
||||||
|
<base-table
|
||||||
|
:table-props="tableProps"
|
||||||
|
:table-data="list"
|
||||||
|
:max-height="tableH" />
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import tableHeightMixin from '@/mixins/tableHeightMixin';
|
||||||
|
import { getRecordInOneDay } from '@/api/monitoring/statisticalData';
|
||||||
|
import moment from 'moment';
|
||||||
|
export default {
|
||||||
|
name: 'HourData',
|
||||||
|
mixins: [tableHeightMixin],
|
||||||
|
computed: {
|
||||||
|
tableProps() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
prop: 'inspectionDetContent',
|
||||||
|
label: '检测内容',
|
||||||
|
},
|
||||||
|
...this.nameData,
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
heightNum: 200,
|
||||||
|
nameData: [],
|
||||||
|
list: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getList() {
|
||||||
|
const res = await getRecordInOneDay();
|
||||||
|
if (res.data) {
|
||||||
|
this.nameData = this.filterNameData(res.data.nameData);
|
||||||
|
this.list = this.filterData(res.data.data);
|
||||||
|
} else {
|
||||||
|
this.nameData = [];
|
||||||
|
this.list = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
filterNameData(nameData) {
|
||||||
|
let arr = [];
|
||||||
|
nameData.forEach((ele) => {
|
||||||
|
if (ele.tree === 1) {
|
||||||
|
arr.push({
|
||||||
|
prop: ele.id,
|
||||||
|
label: moment(ele.name).format('yyyy-MM-DD HH:mm:ss'),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
nameData.forEach((ele) => {
|
||||||
|
arr.forEach((inner) => {
|
||||||
|
if (ele.parentId === inner.prop) {
|
||||||
|
inner.children = [
|
||||||
|
{
|
||||||
|
prop: ele.parentId + ele.name,
|
||||||
|
label: ele.name,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return arr;
|
||||||
|
},
|
||||||
|
filterData(data) {
|
||||||
|
let list = [];
|
||||||
|
data.forEach((ele) => {
|
||||||
|
let obj = {};
|
||||||
|
obj.inspectionDetContent = ele.inspectionDetContent;
|
||||||
|
ele.data.forEach((inner) => {
|
||||||
|
inner.children.forEach((item) => {
|
||||||
|
obj[item.parentId + item.dynamicName] = item.dynamicValue;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
list.push(obj);
|
||||||
|
});
|
||||||
|
return list;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
@ -1,622 +1,88 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="currentDataContainer">
|
||||||
<!-- 搜索工作栏 -->
|
<div class="topBox">
|
||||||
<!-- 列表 -->
|
<el-menu
|
||||||
<el-row>
|
:default-active="activeName"
|
||||||
<el-col class="custom-tabs">
|
mode="horizontal"
|
||||||
<el-tabs v-model="activeName" :stretch="true" @tab-click="handleTabClick">
|
@select="handleSelect">
|
||||||
<el-tab-pane :label="'\u2002表格数据\u2002'" name="table">
|
<el-menu-item index="currentTest">当前检测数据</el-menu-item>
|
||||||
<!-- 列表 -->
|
<el-menu-item index="24hour">24小时检测数据</el-menu-item>
|
||||||
<div class="blue-title">产品名:{{ productDetail.name }} 产品规格:{{ productDetail.specifications }}</div>
|
</el-menu>
|
||||||
<base-table class="base-table__margin" :table-props="productProps" :page="1" :limit="10" :table-data="list">
|
</div>
|
||||||
</base-table>
|
<div class="bottomBox">
|
||||||
<div v-for="(item,index) in downProps" :key="index">
|
<!-- 当前检测数据 -->
|
||||||
<div class="blue-title">工单名称:{{ list[index].workOrderName }}</div>
|
<div v-if="activeName === 'currentTest'">
|
||||||
<base-table class="base-table__margin" :table-props="item" :page="1" :limit="10"
|
<CurrentTest />
|
||||||
:table-data="downList[index]">
|
</div>
|
||||||
</base-table>
|
<!-- 24小时检测数据 -->
|
||||||
</div>
|
<div v-if="activeName === '24hour'">
|
||||||
</el-tab-pane>
|
<HourData />
|
||||||
<el-tab-pane :label="'\u3000图形数据\u3000'" name="chart" style="overflow: inherit">
|
</div>
|
||||||
<SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
|
</div>
|
||||||
<div id="main" style="height: 500px;width: 1000px;"></div>
|
</div>
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<!-- 分页组件 -->
|
|
||||||
<!-- <pagination
|
|
||||||
v-show="total > 0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNo"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList" /> -->
|
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) -->
|
|
||||||
<!-- <base-dialog
|
|
||||||
:dialogTitle="title"
|
|
||||||
:dialogVisible="open"
|
|
||||||
width="50%"
|
|
||||||
@close="cancel"
|
|
||||||
@cancel="cancel"
|
|
||||||
@confirm="submitForm">
|
|
||||||
<DialogForm v-if="open" ref="form" v-model="form" />
|
|
||||||
</base-dialog> -->
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import CurrentTest from './currentTest.vue';
|
||||||
getInspectionData,
|
import HourData from './hourData.vue';
|
||||||
getProductList,
|
|
||||||
getWorkOrderList
|
|
||||||
} from '@/api/monitoring/statisticalData';
|
|
||||||
// import Editor from '@/components/Editor';
|
|
||||||
import moment from 'moment';
|
|
||||||
// import DialogForm from './dialogForm.vue';
|
|
||||||
import * as echarts from 'echarts';
|
|
||||||
// import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
|
||||||
export default {
|
export default {
|
||||||
name: 'statisticalData',
|
name: 'currentData',
|
||||||
// components: {
|
|
||||||
// DialogForm,
|
|
||||||
// },
|
|
||||||
// mixins: [basicPageMixin],
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
list: [],
|
activeName: 'currentTest',
|
||||||
dynamicProps: [],
|
|
||||||
downProps: [],
|
|
||||||
downList: [],
|
|
||||||
productDetail: {
|
|
||||||
name: null,
|
|
||||||
specifications:null,
|
|
||||||
},
|
|
||||||
activeName: 'table',
|
|
||||||
searchBarFormConfig: [
|
|
||||||
{
|
|
||||||
type: 'label',
|
|
||||||
label: '当前检测数据柱状图',
|
|
||||||
// placeholder: '请选择工单号',
|
|
||||||
// param: 'workOrderId',
|
|
||||||
// selectOptions: [],
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// type: 'select',
|
|
||||||
// label: '产品',
|
|
||||||
// placeholder: '请选择产品',
|
|
||||||
// param: 'productionId',
|
|
||||||
// selectOptions: [],
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: 'input',
|
|
||||||
// label: '检测内容',
|
|
||||||
// placeholder: '请输入检测内容',
|
|
||||||
// param: 'inspectionDetContent',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: 'datePicker',
|
|
||||||
// label: '时间段',
|
|
||||||
// dateType: 'daterange', // datetimerange
|
|
||||||
// // format: 'yyyy-MM-dd HH:mm:ss',
|
|
||||||
// format: 'yyyy-MM-dd',
|
|
||||||
// valueFormat: 'timestamp',
|
|
||||||
// rangeSeparator: '-',
|
|
||||||
// startPlaceholder: '开始日期',
|
|
||||||
// endPlaceholder: '结束日期',
|
|
||||||
// defaultTime: ['00:00:00', '23:59:59'],
|
|
||||||
// param: 'checkTime',
|
|
||||||
// // width: 350,
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: 'button',
|
|
||||||
// btnName: '查询',
|
|
||||||
// name: 'search',
|
|
||||||
// color: 'primary',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: 'separate',
|
|
||||||
// },
|
|
||||||
// // {
|
|
||||||
// // type: this.$auth.hasPermi(
|
|
||||||
// // 'base:quality-inspection-record:create'
|
|
||||||
// // )
|
|
||||||
// // ? 'button'
|
|
||||||
// // : '',
|
|
||||||
// // btnName: '新增',
|
|
||||||
// // name: 'add',
|
|
||||||
// // plain: true,
|
|
||||||
// // color: 'success',
|
|
||||||
// // },
|
|
||||||
],
|
|
||||||
// tableBtn: [
|
|
||||||
// this.$auth.hasPermi('base:quality-inspection-record:update')
|
|
||||||
// ? {
|
|
||||||
// type: 'edit',
|
|
||||||
// btnName: '修改',
|
|
||||||
// }
|
|
||||||
// : undefined,
|
|
||||||
// this.$auth.hasPermi('base:quality-inspection-record:delete')
|
|
||||||
// ? {
|
|
||||||
// type: 'delete',
|
|
||||||
// btnName: '删除',
|
|
||||||
// }
|
|
||||||
// : undefined,
|
|
||||||
// ].filter((v) => v),
|
|
||||||
// tableProps: [
|
|
||||||
// {
|
|
||||||
// prop: 'createTime',
|
|
||||||
// label: '添加时间',
|
|
||||||
// fixed: true,
|
|
||||||
// width: 180,
|
|
||||||
// filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// // width: 128,
|
|
||||||
// prop: 'inspectionDetContent',
|
|
||||||
// label: '检测内容',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// // width: 128,
|
|
||||||
// prop: 'lineName',
|
|
||||||
// label: '产线',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// // width: 128,
|
|
||||||
// prop: 'checkPerson',
|
|
||||||
// label: '检测人员',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// // width: 160,
|
|
||||||
// prop: 'checkTime',
|
|
||||||
// label: '检测时间',
|
|
||||||
// filter: (val) =>
|
|
||||||
// val != null ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '-',
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// width: 90,
|
|
||||||
// prop: 'source',
|
|
||||||
// label: '来源',
|
|
||||||
// filter: (val) => ['未知', '手动', '自动'][val],
|
|
||||||
// },
|
|
||||||
// ],
|
|
||||||
// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
|
|
||||||
|
|
||||||
// searchBarKeys: ['inspectionDetContent', 'checkTime', 'productionLineId'],
|
|
||||||
// form: {
|
|
||||||
// id: undefined,
|
|
||||||
// inspectionDetId: undefined,
|
|
||||||
// inspectionDetContent: undefined,
|
|
||||||
// productionLineId: undefined,
|
|
||||||
// sectionId: undefined,
|
|
||||||
// checkPerson: undefined,
|
|
||||||
// checkTime: undefined,
|
|
||||||
// source: undefined,
|
|
||||||
// explainText: undefined,
|
|
||||||
// remark: undefined,
|
|
||||||
// },
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
workOrderId: undefined,
|
|
||||||
productId: undefined,
|
|
||||||
startTime: undefined,
|
|
||||||
endTime: undefined,
|
|
||||||
// productionLineId: null,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
components: {
|
||||||
// this.getProductLineList();
|
CurrentTest,
|
||||||
},
|
HourData,
|
||||||
computed: {
|
},
|
||||||
productProps() {
|
methods: {
|
||||||
return [
|
handleSelect(name) {
|
||||||
{
|
this.activeName = name;
|
||||||
// width: 160,
|
},
|
||||||
prop: 'workOrderName',
|
|
||||||
label: '工单名称',
|
|
||||||
},
|
|
||||||
...this.dynamicProps,
|
|
||||||
{
|
|
||||||
// width: 128,
|
|
||||||
prop: 'sumInput',
|
|
||||||
label: '上片总数',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
// width: 128,
|
|
||||||
prop: 'sumOutput',
|
|
||||||
label: '下片总数',
|
|
||||||
// subcomponent: {
|
|
||||||
// name: 'TextOnly',
|
|
||||||
// props: {
|
|
||||||
// injectData: {
|
|
||||||
// type: Object,
|
|
||||||
// default: () => ({}),
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// data() {
|
|
||||||
// return {
|
|
||||||
// text: '比例',
|
|
||||||
// };
|
|
||||||
// },
|
|
||||||
// methods: {
|
|
||||||
// handleEmit(payload) {
|
|
||||||
// console.log('handleEmit', payload);
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// render(h) {
|
|
||||||
// return h('el-button', { props: { type: 'text' } }, this.text);
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
];
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
if (this.$route.params.startTime && this.$route.params.endTime) {
|
|
||||||
this.searchBarFormConfig[0].defaultSelect = [
|
|
||||||
this.$route.params.startTime,
|
|
||||||
this.$route.params.endTime,
|
|
||||||
];
|
|
||||||
this.queryParams.param = {};
|
|
||||||
this.$set(
|
|
||||||
this.queryParams.param,
|
|
||||||
'startTime',
|
|
||||||
this.$route.params.startTime
|
|
||||||
);
|
|
||||||
this.$set(this.queryParams.param, 'endTime', this.$route.params.endTime);
|
|
||||||
} else {
|
|
||||||
this.searchBarFormConfig[0].defaultSelect = [];
|
|
||||||
}
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleTabClick() {
|
|
||||||
if (this.activeName === 'chart') {
|
|
||||||
var chartDom = document.getElementById('main');
|
|
||||||
var myChart = echarts.init(chartDom);
|
|
||||||
var option;
|
|
||||||
let arrXAxis = []
|
|
||||||
this.list.forEach((ele) => {
|
|
||||||
arrXAxis.push(ele.workOrderName)
|
|
||||||
})
|
|
||||||
this.downList.forEach((ele) => {
|
|
||||||
ele.forEach((item) => {
|
|
||||||
if (ele.length !==0 && item.productionline) {
|
|
||||||
arrXAxis.push('产线' + item.productionline)
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
let arrYAxis = []
|
|
||||||
this.list.forEach((ele) => {
|
|
||||||
// console.log(ele);
|
|
||||||
arrYAxis.push(ele.sumInput)
|
|
||||||
})
|
|
||||||
this.downList.forEach((ele) => {
|
|
||||||
ele.forEach((item) => {
|
|
||||||
console.log(item);
|
|
||||||
// if (ele.length !== 0 && item.productionline) {
|
|
||||||
arrYAxis.push(item.sumInput)
|
|
||||||
// }
|
|
||||||
})
|
|
||||||
})
|
|
||||||
// console.log(arrXAxis);
|
|
||||||
option = {
|
|
||||||
xAxis: {
|
|
||||||
type: 'category',
|
|
||||||
data: arrXAxis
|
|
||||||
},
|
|
||||||
yAxis: {
|
|
||||||
type: 'value'
|
|
||||||
},
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
data: arrYAxis,
|
|
||||||
type: 'bar',
|
|
||||||
showBackground: true,
|
|
||||||
barWidth: '20',
|
|
||||||
label: {
|
|
||||||
show: true,
|
|
||||||
position: 'top'
|
|
||||||
},
|
|
||||||
backgroundStyle: {
|
|
||||||
color: 'rgba(180, 180, 180, 0.2)'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
option && myChart.setOption(option);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 获取搜索栏的产线列表 */
|
|
||||||
// async getDict() {
|
|
||||||
// const res = await getProductList()
|
|
||||||
// const result = await getWorkOrderList()
|
|
||||||
// console.log(res);
|
|
||||||
// this.searchBarFormConfig[1].selectOptions = res.data.map((item) => {
|
|
||||||
// return {
|
|
||||||
// name: item.name,
|
|
||||||
// id:item.id
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// this.searchBarFormConfig[0].selectOptions = result.data.map((item) => {
|
|
||||||
// return {
|
|
||||||
// name: item.name,
|
|
||||||
// id: item.id
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// },
|
|
||||||
// getProductLineList() {
|
|
||||||
// this.$axios('/base/production-line/listAll').then((response) => {
|
|
||||||
// this.searchBarFormConfig[0].selectOptions = response.data.map(
|
|
||||||
// (item) => {
|
|
||||||
// return {
|
|
||||||
// name: item.name,
|
|
||||||
// id: item.id,
|
|
||||||
// };
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
getList() {
|
|
||||||
this.getDataList()
|
|
||||||
// this.getDict()
|
|
||||||
},
|
|
||||||
/** 查询列表 */
|
|
||||||
async getDataList() {
|
|
||||||
this.loading = true;
|
|
||||||
// 执行查询
|
|
||||||
this.downProps= []
|
|
||||||
const res = await getInspectionData(this.queryParams)
|
|
||||||
console.log(res);
|
|
||||||
this.productDetail.name = res.data[0].productName
|
|
||||||
this.productDetail.specifications = res.data[0].specifications
|
|
||||||
// this.productName = res.data[0].productName
|
|
||||||
this.dynamicProps = this.filterNameData(res.data[0].upPart.nameData)
|
|
||||||
console.log(this.dynamicProps)
|
|
||||||
this.list = this.filterData(res.data[0].upPart.data)
|
|
||||||
console.log(this.list)
|
|
||||||
res.data[0].downPart.forEach((ele) => {
|
|
||||||
// console.log(ele.data);
|
|
||||||
let arr = this.downFilterNameData(ele.nameData)
|
|
||||||
if (arr.length !== 0) {
|
|
||||||
let propArr = [{
|
|
||||||
// width: 160,
|
|
||||||
prop: 'inspectionContent',
|
|
||||||
label: '检测内容',
|
|
||||||
},
|
|
||||||
...arr,
|
|
||||||
{
|
|
||||||
// width: 128,
|
|
||||||
prop: 'sumInput',
|
|
||||||
label: '原片总数',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
// width: 128,
|
|
||||||
prop: 'sumScrap',
|
|
||||||
label: '未通过检测总数',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
// width: 128,
|
|
||||||
prop: 'scrapRatio',
|
|
||||||
label: '报废比例',
|
|
||||||
}]
|
|
||||||
this.downProps.push(propArr)
|
|
||||||
}
|
|
||||||
// this.downProps = []
|
|
||||||
})
|
|
||||||
res.data[0].downPart.forEach((ele) => {
|
|
||||||
// console.log(ele.data);
|
|
||||||
let arr =this.downFilterData(ele.data)
|
|
||||||
if (arr.length !== 0) {
|
|
||||||
this.downList.push(arr)
|
|
||||||
}
|
|
||||||
// this.downProps = []
|
|
||||||
})
|
|
||||||
|
|
||||||
// console.log(this.downList);
|
|
||||||
},
|
|
||||||
downFilterNameData(nameData) {
|
|
||||||
const ndSet = new Set();
|
|
||||||
nameData.forEach((nd) => {
|
|
||||||
ndSet.add(nd.name);
|
|
||||||
});
|
|
||||||
return Array.from(ndSet.values())
|
|
||||||
.sort()
|
|
||||||
.map((name) => ({
|
|
||||||
prop: name,
|
|
||||||
label: name,
|
|
||||||
}));
|
|
||||||
// })
|
|
||||||
},
|
|
||||||
downFilterData(data) {
|
|
||||||
return data.map((item) => {
|
|
||||||
const { data: innerData } = item;
|
|
||||||
const keyValuePairs = {};
|
|
||||||
innerData.map((d) => {
|
|
||||||
keyValuePairs[d.dynamicName] = d.dynamicValue;
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
inspectionContent: item.inspectionContent,
|
|
||||||
...keyValuePairs,
|
|
||||||
sumInput: item.sumInput,
|
|
||||||
scrapRatio: item.scrapRatio,
|
|
||||||
sumScrap: item.sumScrap
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
filterNameData(nameData) {
|
|
||||||
// console.log(upData);
|
|
||||||
// upData.forEach((ele) => {
|
|
||||||
const ndSet = new Set();
|
|
||||||
|
|
||||||
nameData.forEach((nd) => {
|
|
||||||
ndSet.add(nd.name);
|
|
||||||
});
|
|
||||||
return Array.from(ndSet.values())
|
|
||||||
.sort()
|
|
||||||
.map((name) => ({
|
|
||||||
prop: name,
|
|
||||||
label: name,
|
|
||||||
}));
|
|
||||||
// })
|
|
||||||
},
|
|
||||||
filterData(data) {
|
|
||||||
return data.map((item) => {
|
|
||||||
const { data: innerData } = item;
|
|
||||||
const keyValuePairs = {};
|
|
||||||
innerData.map((d) => {
|
|
||||||
keyValuePairs[d.dynamicName] = d.dynamicValue;
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
inspectionContent: item.inspectionContent,
|
|
||||||
workOrderName: item.workOrderName,
|
|
||||||
...keyValuePairs,
|
|
||||||
sumInput: item.sumInput,
|
|
||||||
sumOutput: item.sumOutput,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 取消按钮 */
|
|
||||||
handleSearchBarBtnClick(val) {
|
|
||||||
if (val.btnName === 'search') {
|
|
||||||
this.queryParams.workOrderId = val.workOrderId ? val.workOrderId : undefined
|
|
||||||
this.queryParams.productId = val.productId ? val.productId : undefined
|
|
||||||
this.queryParams.startTime = val.checkTime ? val.checkTime[0] : undefined
|
|
||||||
this.queryParams.endTime = val.checkTime ? val.checkTime[1] : undefined
|
|
||||||
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
console.log(val);
|
|
||||||
}
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
// handleQuery() {
|
|
||||||
// this.queryParams.pageNo = 1;
|
|
||||||
// this.getList();
|
|
||||||
// },
|
|
||||||
// /** 重置按钮操作 */
|
|
||||||
// resetQuery() {
|
|
||||||
// this.resetForm('queryForm');
|
|
||||||
// this.handleQuery();
|
|
||||||
// },
|
|
||||||
// /** 新增按钮操作 */
|
|
||||||
// handleAdd() {
|
|
||||||
// this.reset();
|
|
||||||
// this.open = true;
|
|
||||||
// this.title = '添加质量检查信息记录表';
|
|
||||||
// },
|
|
||||||
// /** 修改按钮操作 */
|
|
||||||
// handleUpdate(row) {
|
|
||||||
// this.reset();
|
|
||||||
// const id = row.id;
|
|
||||||
// getQualityInspectionRecord(id).then((response) => {
|
|
||||||
// /** 因为后端返回的时间是时间戳格式,需转换 */
|
|
||||||
// const info = {}
|
|
||||||
// Object.keys(this.form).forEach(key => {
|
|
||||||
// info[key] = response.data[key]
|
|
||||||
// });
|
|
||||||
// this.form = info;
|
|
||||||
// this.open = true;
|
|
||||||
// this.title = '修改质量检查信息记录表';
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// /** 提交按钮 */
|
|
||||||
// submitForm() {
|
|
||||||
// this.$refs['form'].validate((valid) => {
|
|
||||||
// if (!valid) {
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
// // 修改的提交
|
|
||||||
// if (this.form.id != null) {
|
|
||||||
// updateQualityInspectionRecord(this.form).then((response) => {
|
|
||||||
// this.$modal.msgSuccess('修改成功');
|
|
||||||
// this.open = false;
|
|
||||||
// this.getList();
|
|
||||||
// });
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
// // 添加的提交
|
|
||||||
// createQualityInspectionRecord(this.form).then((response) => {
|
|
||||||
// this.$modal.msgSuccess('新增成功');
|
|
||||||
// this.open = false;
|
|
||||||
// this.getList();
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// /** 删除按钮操作 */
|
|
||||||
// handleDelete(row) {
|
|
||||||
// const id = row.id;
|
|
||||||
// this.$modal
|
|
||||||
// .confirm('是否确认删除"' + row.inspectionDetContent + '"?')
|
|
||||||
// .then(function () {
|
|
||||||
// return deleteQualityInspectionRecord(id);
|
|
||||||
// })
|
|
||||||
// .then(() => {
|
|
||||||
// this.getList();
|
|
||||||
// this.$modal.msgSuccess('删除成功');
|
|
||||||
// })
|
|
||||||
// .catch(() => {});
|
|
||||||
// },
|
|
||||||
// /** 导出按钮操作 */
|
|
||||||
// handleExport() {
|
|
||||||
// // 处理查询参数
|
|
||||||
// let params = { ...this.queryParams };
|
|
||||||
// params.pageNo = undefined;
|
|
||||||
// params.pageSize = undefined;
|
|
||||||
// this.$modal
|
|
||||||
// .confirm('是否确认导出所有质量检查信息记录表数据项?')
|
|
||||||
// .then(() => {
|
|
||||||
// this.exportLoading = true;
|
|
||||||
// return exportQualityInspectionRecordExcel(params);
|
|
||||||
// })
|
|
||||||
// .then((response) => {
|
|
||||||
// this.$download.excel(response, '质量检查信息记录表.xls');
|
|
||||||
// this.exportLoading = false;
|
|
||||||
// })
|
|
||||||
// .catch(() => {});
|
|
||||||
// },
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
:deep(.custom-tabs) {
|
.currentDataContainer {
|
||||||
.el-tabs__header {
|
width: 100%;
|
||||||
margin-bottom: 8px;
|
min-height: calc(100vh - 120px - 8px);
|
||||||
display: inline-block;
|
background: rgba(242, 244, 249, 1);
|
||||||
transform: translateY(-12px);
|
.topBox {
|
||||||
}
|
.el-menu {
|
||||||
|
background-color: #f2f4f9;
|
||||||
.el-tabs__content {
|
margin-bottom: 8px;
|
||||||
overflow: visible;
|
}
|
||||||
}
|
.el-menu.el-menu--horizontal {
|
||||||
|
border-bottom: none;
|
||||||
.el-tabs__item {
|
width: 100%;
|
||||||
padding-left: 0 !important;
|
.el-menu-item {
|
||||||
padding-right: 0 !important;
|
height: 48px;
|
||||||
line-height: 36px !important;
|
line-height: 48px;
|
||||||
height: 36px;
|
width: calc((100% / 2) - 4px);
|
||||||
}
|
border-radius: 8px;
|
||||||
}
|
background-color: #fff;
|
||||||
.blue-title {
|
font-size: 16px;
|
||||||
position: relative;
|
font-weight: 500;
|
||||||
padding: 4px 0;
|
color: rgba(22, 22, 22, 0.65);
|
||||||
padding-left: 12px;
|
text-align: center;
|
||||||
font-size: 14px;
|
}
|
||||||
color: #606266;
|
:first-child {
|
||||||
font-weight: 700;
|
margin-right: 8px;
|
||||||
margin-bottom: 12px;
|
}
|
||||||
|
.el-menu-item.is-active {
|
||||||
&::before {
|
border-width: 4px;
|
||||||
content: '';
|
color: #161616;
|
||||||
position: absolute;
|
}
|
||||||
left: 0;
|
}
|
||||||
top: 6px;
|
.el-tabs__active-bar {
|
||||||
height: 16px;
|
display: none;
|
||||||
width: 4px;
|
}
|
||||||
border-radius: 1px;
|
}
|
||||||
background: #0b58ff;
|
.bottomBox {
|
||||||
}
|
min-height: calc(100vh - 184px);
|
||||||
|
background: #fff;
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -231,7 +231,7 @@ export default {
|
|||||||
searchBarFormConfig: [
|
searchBarFormConfig: [
|
||||||
{
|
{
|
||||||
type: 'select',
|
type: 'select',
|
||||||
label: '工单',
|
label: '工单名称',
|
||||||
selectOptions: [],
|
selectOptions: [],
|
||||||
labelField: 'name',
|
labelField: 'name',
|
||||||
valueField: 'id',
|
valueField: 'id',
|
||||||
|
@ -78,6 +78,7 @@
|
|||||||
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
||||||
import PieChart from './components/pieChart.vue';
|
import PieChart from './components/pieChart.vue';
|
||||||
import tableHeightMixin from '@/mixins/tableHeightMixin';
|
import tableHeightMixin from '@/mixins/tableHeightMixin';
|
||||||
|
import { exportEfficiencyExcel } from '@/api/equipment/analysis/statistics.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'EfficiencyAnalysis',
|
name: 'EfficiencyAnalysis',
|
||||||
@ -200,6 +201,8 @@ export default {
|
|||||||
param: 'workOrderId',
|
param: 'workOrderId',
|
||||||
selectOptions: [],
|
selectOptions: [],
|
||||||
filterable: true,
|
filterable: true,
|
||||||
|
clearable: false,
|
||||||
|
defaultSelect: '',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// parent: 'dateFilterType',
|
// parent: 'dateFilterType',
|
||||||
@ -244,7 +247,6 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getWorkOrder();
|
this.getWorkOrder();
|
||||||
this.getList();
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 准备工厂数据 */
|
/** 准备工厂数据 */
|
||||||
@ -260,7 +262,16 @@ export default {
|
|||||||
id: item.id,
|
id: item.id,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
this.searchBarFormConfig[0].defaultSelect =
|
||||||
|
this.searchBarFormConfig[0].selectOptions[0].id;
|
||||||
|
this.queryParams.workOrderId =
|
||||||
|
this.searchBarFormConfig[0].selectOptions[0].id;
|
||||||
|
} else {
|
||||||
|
this.searchBarFormConfig[0].selectOptions = [];
|
||||||
|
this.searchBarFormConfig[0].defaultSelect = '';
|
||||||
|
this.queryParams.workOrderId = '';
|
||||||
}
|
}
|
||||||
|
this.getList();
|
||||||
},
|
},
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
async getList() {
|
async getList() {
|
||||||
@ -274,16 +285,20 @@ export default {
|
|||||||
this.list = data;
|
this.list = data;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
exportExcel() {
|
||||||
|
this.loading = true;
|
||||||
|
exportEfficiencyExcel({ ...this.queryParams }).then((res) => {
|
||||||
|
this.$download.excel(res, '设备状态追溯.xls');
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
handleSearchBarBtnClick({ btnName, ...payload }) {
|
handleSearchBarBtnClick({ btnName, ...payload }) {
|
||||||
console.log(btnName);
|
this.queryParams.workOrderId = payload.workOrderId || null;
|
||||||
console.log(payload);
|
this.queryParams.recordTime = payload.recordTime || undefined;
|
||||||
if (btnName == 'search') {
|
if (btnName == 'search') {
|
||||||
this.queryParams.workOrderId = payload.workOrderId || null;
|
|
||||||
this.queryParams.recordTime = payload.recordTime || undefined;
|
|
||||||
this.getList();
|
this.getList();
|
||||||
} else {
|
} else {
|
||||||
this.queryParams.recordTime = null;
|
this.exportExcel();
|
||||||
console.log('导出');
|
console.log('导出');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
<pagination
|
<pagination
|
||||||
:limit.sync="listQuery.pageSize"
|
:limit.sync="listQuery.pageSize"
|
||||||
:page.sync="listQuery.pageNo"
|
:page.sync="listQuery.pageNo"
|
||||||
:total="listQuery.total"
|
:total="total"
|
||||||
@pagination="getList" />
|
@pagination="getList" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -101,19 +101,20 @@ export default {
|
|||||||
listQuery: {
|
listQuery: {
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
total: 0,
|
|
||||||
workOrderId: undefined,
|
workOrderId: undefined,
|
||||||
startTime: undefined,
|
startTime: undefined,
|
||||||
endTime: undefined,
|
endTime: undefined,
|
||||||
},
|
},
|
||||||
|
total: 0,
|
||||||
formConfig: [
|
formConfig: [
|
||||||
{
|
{
|
||||||
type: 'select',
|
type: 'select',
|
||||||
label: '工单名称',
|
label: '工单名称',
|
||||||
selectOptions: [],
|
selectOptions: [],
|
||||||
labelField: 'name',
|
|
||||||
valueField: 'id',
|
|
||||||
param: 'workOrderId',
|
param: 'workOrderId',
|
||||||
|
defaultSelect: '',
|
||||||
|
filterable: true,
|
||||||
|
clearable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'datePicker',
|
type: 'datePicker',
|
||||||
@ -153,14 +154,13 @@ export default {
|
|||||||
// AddOrUpdate,
|
// AddOrUpdate,
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
|
||||||
this.getDict();
|
this.getDict();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getList() {
|
getList() {
|
||||||
getMaterialUseLogPage({ ...this.listQuery }).then((res) => {
|
getMaterialUseLogPage({ ...this.listQuery }).then((res) => {
|
||||||
this.list = res.data || [];
|
this.list = res.data || [];
|
||||||
this.listQuery.total = res.data.total || 0;
|
this.total = res.data.total || 0;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getDict() {
|
getDict() {
|
||||||
@ -172,6 +172,11 @@ export default {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
console.log(this.formConfig[0].selectOptions);
|
console.log(this.formConfig[0].selectOptions);
|
||||||
|
this.formConfig[0].defaultSelect =
|
||||||
|
this.formConfig[0].selectOptions[0].id || '';
|
||||||
|
this.listQuery.workOrderId =
|
||||||
|
this.formConfig[0].selectOptions[0].id || '';
|
||||||
|
this.getList();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleExport() {
|
handleExport() {
|
||||||
@ -179,12 +184,8 @@ export default {
|
|||||||
let params = { ...this.listQuery };
|
let params = { ...this.listQuery };
|
||||||
params.pageNo = undefined;
|
params.pageNo = undefined;
|
||||||
params.pageSize = undefined;
|
params.pageSize = undefined;
|
||||||
this.$modal
|
this.exportLoading = true;
|
||||||
.confirm('是否确认导出所有数据项?')
|
exportEnergyPlcExcel(params)
|
||||||
.then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportEnergyPlcExcel(params);
|
|
||||||
})
|
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.$download.excel(response, '物料信息追溯 ');
|
this.$download.excel(response, '物料信息追溯 ');
|
||||||
this.exportLoading = false;
|
this.exportLoading = false;
|
||||||
|
@ -101,6 +101,9 @@ export default {
|
|||||||
labelField: 'name',
|
labelField: 'name',
|
||||||
valueField: 'id',
|
valueField: 'id',
|
||||||
param: 'workOrderId',
|
param: 'workOrderId',
|
||||||
|
clearable: false,
|
||||||
|
filterable: true,
|
||||||
|
defaultSelect: '',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@ -112,7 +115,6 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
|
||||||
this.getDict();
|
this.getDict();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@ -130,7 +132,11 @@ export default {
|
|||||||
id: item.id,
|
id: item.id,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
console.log(this.formConfig[0].selectOptions);
|
this.formConfig[0].defaultSelect =
|
||||||
|
this.formConfig[0].selectOptions[0].id || '';
|
||||||
|
this.listQuery.workOrderId =
|
||||||
|
this.formConfig[0].selectOptions[0].id || '';
|
||||||
|
this.getList();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
buttonClick(val) {
|
buttonClick(val) {
|
||||||
|
@ -120,7 +120,7 @@ export default {
|
|||||||
this.$auth.hasPermi('base:quality-inspection-record:update')
|
this.$auth.hasPermi('base:quality-inspection-record:update')
|
||||||
? {
|
? {
|
||||||
type: 'edit',
|
type: 'edit',
|
||||||
btnName: '修改',
|
btnName: '编辑',
|
||||||
}
|
}
|
||||||
: undefined,
|
: undefined,
|
||||||
this.$auth.hasPermi('base:quality-inspection-record:delete')
|
this.$auth.hasPermi('base:quality-inspection-record:delete')
|
||||||
@ -322,7 +322,7 @@ export default {
|
|||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const id = row.id;
|
const id = row.id;
|
||||||
this.$modal
|
this.$modal
|
||||||
.confirm('是否确认删除"' + row.inspectionDetContent + '"?')
|
.delConfirm(row.inspectionDetContent)
|
||||||
.then(function () {
|
.then(function () {
|
||||||
return deleteQualityInspectionRecord(id);
|
return deleteQualityInspectionRecord(id);
|
||||||
})
|
})
|
||||||
|
@ -7,10 +7,10 @@
|
|||||||
label-width="auto">
|
label-width="auto">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="工单号" prop="workOrderId">
|
<el-form-item label="工单名称" prop="workOrderId">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="dataForm.workOrderId"
|
v-model="dataForm.workOrderId"
|
||||||
placeholder="请选择工单号"
|
placeholder="请选择工单名称"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
:disabled="showDetail">
|
:disabled="showDetail">
|
||||||
<el-option
|
<el-option
|
||||||
@ -80,7 +80,7 @@
|
|||||||
v-model="dataForm.logTime"
|
v-model="dataForm.logTime"
|
||||||
type="datetime"
|
type="datetime"
|
||||||
label-format="yyyy-MM-dd HH:mm:ss"
|
label-format="yyyy-MM-dd HH:mm:ss"
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
value-format="timestamp"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
placeholder="选择日期"
|
placeholder="选择日期"
|
||||||
:disabled="showDetail"></el-date-picker>
|
:disabled="showDetail"></el-date-picker>
|
||||||
|
159
src/views/quality/qualityScrapLog/basic-page.js
Normal file
159
src/views/quality/qualityScrapLog/basic-page.js
Normal file
@ -0,0 +1,159 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2022-08-24 11:19:43
|
||||||
|
* @LastEditors: DY
|
||||||
|
* @LastEditTime: 2023-09-21 16:02:07
|
||||||
|
* @Description:
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
/* eslint-disable */
|
||||||
|
return {
|
||||||
|
urlOptions: {
|
||||||
|
getDataListURL: '',
|
||||||
|
deleteURL: '',
|
||||||
|
statusUrl: '',
|
||||||
|
exportURL: ''
|
||||||
|
},
|
||||||
|
tableData: [],
|
||||||
|
listQuery: {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNo: 1,
|
||||||
|
total: 1,
|
||||||
|
},
|
||||||
|
exportLoading: false,
|
||||||
|
dataListLoading: false,
|
||||||
|
addOrEditTitle: '',
|
||||||
|
addOrUpdateVisible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getDataList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取数据列表
|
||||||
|
getDataList() {
|
||||||
|
this.dataListLoading = true;
|
||||||
|
this.urlOptions.getDataListURL(this.listQuery).then(response => {
|
||||||
|
this.tableData = response.data.list;
|
||||||
|
this.listQuery.total = response.data.total;
|
||||||
|
this.dataListLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 每页数
|
||||||
|
sizeChangeHandle(val) {
|
||||||
|
this.listQuery.pageSize = val;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
// 当前页
|
||||||
|
currentChangeHandle(val) {
|
||||||
|
this.listQuery.pageNo = val;
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
// 新增 / 修改
|
||||||
|
addOrUpdateHandle(id) {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.addOrUpdate.init(id);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cancel(id) {
|
||||||
|
this.$refs["popover-" + id].showPopper = false;
|
||||||
|
},
|
||||||
|
//改变状态
|
||||||
|
changeStatus(id) {
|
||||||
|
this.$http
|
||||||
|
.post(this.urlOptions.statusUrl, { id })
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
this.$refs["popover-" + id].showPopper = false;
|
||||||
|
this.$message({
|
||||||
|
message: this.$t("prompt.success"),
|
||||||
|
type: "success",
|
||||||
|
duration: 500,
|
||||||
|
onClose: () => {
|
||||||
|
this.getDataList();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
|
//tableBtn点击
|
||||||
|
handleClick(val) {
|
||||||
|
if (val.type === "edit") {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.addOrEditTitle = "编辑";
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.addOrUpdate.init(val.data.id);
|
||||||
|
});
|
||||||
|
} else if (val.type === "delete") {
|
||||||
|
this.deleteHandle(val.data.id, val.data.detContent)
|
||||||
|
} else if (val.type === "change") {
|
||||||
|
this.changeStatus(val.data.id)
|
||||||
|
} else {
|
||||||
|
this.otherMethods(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
deleteHandle(id, detContent) {
|
||||||
|
this.$modal
|
||||||
|
.delConfirm(detContent)
|
||||||
|
.then(() => {
|
||||||
|
this.urlOptions.deleteURL(id).then(({ data }) => {
|
||||||
|
this.getDataList();
|
||||||
|
this.$modal.msgSuccess('删除成功');
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
},
|
||||||
|
//search-bar点击
|
||||||
|
buttonClick(val) {
|
||||||
|
switch (val.btnName) {
|
||||||
|
case "search":
|
||||||
|
this.listQuery.xm1 = val.xm1;
|
||||||
|
this.listQuery.xm2 = val.xm2;
|
||||||
|
this.listQuery.pageNo = 1;
|
||||||
|
this.getDataList();
|
||||||
|
break;
|
||||||
|
case "add":
|
||||||
|
this.addOrEditTitle = '新增'
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.addOrUpdateHandle()
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.log(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleCancel() {
|
||||||
|
this.$refs.addOrUpdate.formClear()
|
||||||
|
this.addOrUpdateVisible = false
|
||||||
|
this.addOrEditTitle = ''
|
||||||
|
},
|
||||||
|
handleConfirm() {
|
||||||
|
this.$refs.addOrUpdate.dataFormSubmit()
|
||||||
|
},
|
||||||
|
successSubmit() {
|
||||||
|
this.handleCancel()
|
||||||
|
this.getDataList()
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
// 处理查询参数
|
||||||
|
let params = { ...this.queryParams };
|
||||||
|
params.pageNo = undefined;
|
||||||
|
params.pageSize = undefined;
|
||||||
|
this.$modal.confirm('是否确认导出所有数据项?').then(() => {
|
||||||
|
this.exportLoading = true;
|
||||||
|
return this.urlOptions.exportURL(params);
|
||||||
|
}).then(response => {
|
||||||
|
this.$download.excel(response, '工厂.xls');
|
||||||
|
this.exportLoading = false;
|
||||||
|
}).catch(() => { });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -54,7 +54,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import AddOrUpdate from './add-or-updata';
|
import AddOrUpdate from './add-or-updata';
|
||||||
|
|
||||||
import basicPage from '../../core/mixins/basic-page';
|
import basicPage from './basic-page';
|
||||||
import { parseTime } from '../../core/mixins/code-filter';
|
import { parseTime } from '../../core/mixins/code-filter';
|
||||||
import {
|
import {
|
||||||
getQualityScrapLogPage,
|
getQualityScrapLogPage,
|
||||||
@ -157,7 +157,7 @@ export default {
|
|||||||
type: 'separate',
|
type: 'separate',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: this.$auth.hasPermi('base:quality-scrap-det:create')
|
type: this.$auth.hasPermi('base:quality-scrap-log:create')
|
||||||
? 'button'
|
? 'button'
|
||||||
: '',
|
: '',
|
||||||
btnName: '新增',
|
btnName: '新增',
|
||||||
|
@ -410,7 +410,6 @@ export default {
|
|||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
this.$modal
|
this.$modal
|
||||||
.delConfirm(row.name)
|
.delConfirm(row.name)
|
||||||
.closeConfirm()
|
|
||||||
.then(function () {
|
.then(function () {
|
||||||
return delDept(row.id);
|
return delDept(row.id);
|
||||||
})
|
})
|
||||||
|
Loading…
Reference in New Issue
Block a user