Reviewed-on: http://git.picaiba.com/mt-fe-group/yudao-dev/pulls/184pull/185/head^2
@@ -2,7 +2,7 @@ | |||
* @Author: zwq | |||
* @Date: 2021-07-19 15:18:30 | |||
* @LastEditors: zhp | |||
* @LastEditTime: 2024-01-08 16:07:58 | |||
* @LastEditTime: 2024-01-18 14:06:05 | |||
* @Description: | |||
--> | |||
<template> | |||
@@ -46,13 +46,15 @@ | |||
<!-- <el-row style="margin-bottom: 1em"> | |||
<p class="now-team-title">加工工单进度</p> | |||
</el-row> --> | |||
<el-row v-for="op in orderProcessList" :key="op.id" style="margin-bottom: 1em"> | |||
<el-progress :percentage="op.outRate * 100" class="custom-progress-bar" /> | |||
<p v-if="op.outRate === 1" class="now-secondary-title" style="color:#4679FD"> | |||
<i class="el-icon-check" /> | |||
{{ op.name }} | |||
</p> | |||
<p v-else class="now-secondary-title">{{ op.name }}</p> | |||
<el-progress define-back-color="rgba(32, 57, 96, 1)" text-color="white" :percentage="op.outRate * 100" | |||
class="custom-progress-bar" /> | |||
</el-row> | |||
<!-- <el-row> | |||
<el-progress :percentage="100" class="custom-progress-bar" /> | |||
@@ -403,13 +405,13 @@ const locationTableProps = [ | |||
prop: 'level', | |||
label: '存放位置', | |||
// subcomponent: alarmLevel, | |||
align: 'center' | |||
// align: 'center' | |||
}, | |||
{ | |||
prop: 'unit', | |||
label: '单位', | |||
// subcomponent: alarmLevel, | |||
align: 'center' | |||
// align: 'center' | |||
}, | |||
{ | |||
prop: 'product', | |||
@@ -465,13 +467,13 @@ const inventoryTableProps = [ | |||
prop: 'level', | |||
label: '规格', | |||
// subcomponent: alarmLevel, | |||
align: 'center' | |||
// align: 'center' | |||
}, | |||
{ | |||
prop: 'unit', | |||
label: '单位', | |||
// subcomponent: alarmLevel, | |||
align: 'center' | |||
// align: 'center' | |||
}, | |||
{ | |||
prop: 'product', | |||
@@ -517,7 +519,7 @@ const qualityYearTableProps = [ | |||
prop: 'level', | |||
label: '库位', | |||
// subcomponent: alarmLevel, | |||
align: 'center' | |||
// align: 'center' | |||
}, | |||
{ | |||
prop: 'product', | |||
@@ -2,7 +2,7 @@ | |||
* @Author: zwq | |||
* @Date: 2021-07-19 15:18:30 | |||
* @LastEditors: zhp | |||
* @LastEditTime: 2024-01-17 14:00:15 | |||
* @LastEditTime: 2024-01-18 14:01:09 | |||
* @Description: | |||
--> | |||
<template> | |||
@@ -29,7 +29,7 @@ | |||
<el-row class="container-main flex-col" type="flex"> | |||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="15" type="flex" class="flex-1"> | |||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8"> | |||
<base-container :title="'切割数据'" :size="'small'" :title-icon="'eqAlarm'"> | |||
<base-container :title="'切割数据'" :size="'small'" :title-icon="'eqAlarm'"> | |||
<!-- <base-table1 :page="1" :limit="999" :show-index="false" :table-config="cutProps" | |||
:table-data="cutTableDataList" /> --> | |||
<dv-scroll-board :config="cutConfig" style="width:100%;height:350px" ref='cutScrollBoard' /> | |||
@@ -37,7 +37,8 @@ | |||
</el-col> | |||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8"> | |||
<base-container :title="'产量及良率统计'" :size="'small'" :title-icon="'energyMonitoring'"> | |||
<base-container :no-content-padding="true" :title="'产量及良率统计'" :size="'small'" | |||
:title-icon="'energyMonitoring'"> | |||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | |||
<top-radio-group /> | |||
</div> --> | |||
@@ -58,7 +59,8 @@ | |||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="10" type="flex" class="flex-1"> | |||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | |||
<base-container :height="256" :title="'废片 缺陷数据'" :size="'middle'" :title-icon="'scrap'"> | |||
<base-container :no-content-padding="true" :height="256" :title="'废片 缺陷数据'" :size="'middle'" | |||
:title-icon="'scrap'"> | |||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | |||
<top-radio-group /> | |||
</div> --> | |||
@@ -80,8 +82,8 @@ | |||
</base-container> | |||
</el-col> | |||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="14"> | |||
<base-container :no-padding="true" :height="318 + 338 + 16" :size="'eqStatus'" :title="'设备状态监控'" | |||
:title-icon="'eqMonitoring'"> | |||
<base-container :no-content-padding="true" :no-padding="true" :height="318 + 338 + 16" :size="'eqStatus'" | |||
:title="'设备状态监控'" :title-icon="'eqMonitoring'"> | |||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | |||
<top-radio-group /> | |||
</div> --> | |||
@@ -702,7 +704,7 @@ export default { | |||
`<span style="color:rgba(255,255,255,0.5)">${item.time || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.type || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.num || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.percent|| ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${(item.percent * 100).toFixed(2) || ''}</span>`, | |||
]) | |||
this.ISRAConfig.data = ISRAArr | |||
this.$refs['ISRAScrollBoard'].updateRows(ISRAArr) | |||
@@ -2,7 +2,7 @@ | |||
* @Author: gtz | |||
* @Date: 2022-01-19 15:58:17 | |||
* @LastEditors: zhp | |||
* @LastEditTime: 2024-01-17 14:57:00 | |||
* @LastEditTime: 2024-01-18 13:59:40 | |||
* @Description: file content | |||
* @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue | |||
--> | |||
@@ -229,7 +229,7 @@ export default { | |||
} | |||
.bar-content { | |||
// padding: 1em; | |||
padding: 1em; | |||
flex: 1 auto; | |||
position: relative; | |||
} | |||
@@ -2,7 +2,7 @@ | |||
* @Author: zwq | |||
* @Date: 2021-07-19 15:18:30 | |||
* @LastEditors: zhp | |||
* @LastEditTime: 2024-01-17 13:52:44 | |||
* @LastEditTime: 2024-01-18 13:57:38 | |||
* @Description: | |||
--> | |||
<template> | |||
@@ -34,7 +34,7 @@ | |||
:table-data="equipmentList" /> --> | |||
<!-- <base-table1 :page="1" :limit="999" :show-index="false" :table-config="qualityYearTableProps" | |||
:table-data="qualityYearList" /> --> | |||
<dv-scroll-board :config="eqConfig" style="width:100%;height:350px" ref='eqScrollBoard' /> | |||
<dv-scroll-board class="eqTable" :config="eqConfig" style="width:100%;height:350px" ref='eqScrollBoard' /> | |||
</base-container> | |||
</el-col> | |||
@@ -63,37 +63,15 @@ | |||
</el-row> --> | |||
<el-row v-for="op in orderList" :key="op.id" style="margin-bottom: 1em"> | |||
<!-- <el-col :span="12"> --> | |||
<el-progress :percentage="op.progressRate * 100" class="custom-progress-bar" /> | |||
<p class="now-secondary-title">{{ op.name }}</p> | |||
<el-progress define-back-color="rgba(32, 57, 96, 1)" text-color="white" | |||
:percentage="op.progressRate * 100" class="custom-progress-bar" /> | |||
<!-- <p v-if="op.progressRate === 1" class="now-secondary-title" style="color:#4679FD"> | |||
<i class="el-icon-check" /> | |||
{{ op.name }} | |||
</p> --> | |||
<p class="now-secondary-title">{{ op.name }}</p> | |||
<!-- </el-col> --> | |||
</el-row> | |||
<!-- <el-row> | |||
<el-progress :percentage="100" class="custom-progress-bar" /> | |||
<p class="now-secondary-title" style="color:#4679FD"> | |||
<i class="el-icon-check" /> | |||
成都碲化镉5000一期订单 | |||
</p> | |||
</el-row> | |||
<el-row> | |||
<el-progress :percentage="85" class="custom-progress-bar" /> | |||
<p class="now-secondary-title">成都碲化镉二订单</p> | |||
</el-row> | |||
<el-row> | |||
<el-progress :percentage="85" class="custom-progress-bar" /> | |||
<p class="now-secondary-title">长利订单1000</p> | |||
</el-row> | |||
<el-row> | |||
<el-progress :percentage="85" class="custom-progress-bar" /> | |||
<p class="now-secondary-title">国际工程20号订单</p> | |||
</el-row> | |||
<el-row> | |||
<el-progress :percentage="85" class="custom-progress-bar" /> | |||
<p class="now-secondary-title">铜铟镓硒眉山10万订单</p> | |||
</el-row> --> | |||
</div> | |||
<!-- </div> --> | |||
</base-container> | |||
@@ -102,7 +80,8 @@ | |||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="12" type="flex" class="flex-1"> | |||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | |||
<base-container :height="256" :size="'middle'" :title="'能源监控'" :title-icon="'energyMonitoring'"> | |||
<base-container :no-content-padding="true" :height="256" :size="'middle'" :title="'能源监控'" | |||
:title-icon="'energyMonitoring'"> | |||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | |||
<top-radio-group /> | |||
</div> --> | |||
@@ -124,7 +103,8 @@ | |||
</base-container> | |||
</el-col> | |||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | |||
<base-container :height="318 + 338 + 16" :size="'middle'" :title="'产线产量及良品率'" :title-icon="'productLine'"> | |||
<base-container :no-content-padding="true" :height="318 + 338 + 16" :size="'middle'" :title="'产线产量及良品率'" | |||
:title-icon="'productLine'"> | |||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | |||
<top-radio-group /> | |||
</div> --> | |||
@@ -424,21 +404,26 @@ const qualityYearTableProps = [ | |||
] | |||
const qualityYearList = [ | |||
{ name: '钢化炉', code: '21321312', status: '运行', error: '否' }, | |||
{ name: '磨边机', code: '32323232', status: '运行', error: '否' }, | |||
{ name: '镀膜机', code: '32213213', status: '运行', error: '否' }, | |||
{ name: '钢化清洗机', code: '21321323', status: '运行', error: '否' }, | |||
{ name: '固化机', code: '21321321', status: '运行', error: '否' }, | |||
{ name: '磨边清洗机', code: '21321321', status: '运行', error: '否' }, | |||
{ name: '预热机', code: '21321321', status: '故障', error: '是' }, | |||
{ name: '下片机', code: '21321321', status: '运行', error: '否' }, | |||
{ | |||
name: '冷却机', code: '21321321', status: '运行', error: '否' }, | |||
name: '翻转机', code: 'EQ20240110112358000235', status: '运行', error: '否' }, | |||
{ | |||
name: '烘干炉', code: 'EQ20240110112537000241', status: '运行', error: '否' }, | |||
{ | |||
name: '清洗机', code: ' EQ20240110112310000232', status: '运行', error: '否' }, | |||
{ name: '钢化清洗机', code: 'EQ20240110111700000208', status: '运行', error: '否' }, | |||
{ name: '固化机', code: 'EQ20240110111700000201', status: '运行', error: '否' }, | |||
{ | |||
name: 'A储片机106', code: '21321321', status: '运行', error: '否' }, | |||
{ name: '二次清洗机', code: '21321321', status: '运行', error: '否' }, | |||
{ name: '二次磨边机', code: '21321321', status: '故障', error: '是' }, | |||
{ name: '测试设备', code: '21321321', status: '运行', error: '否' } | |||
name: '磨边清洗机', code: ' EQ20240110111700000208', status: '运行', error: '否' }, | |||
{ name: '预热机', code: 'EQ20240110111700000205', status: '故障', error: '是' }, | |||
{ name: '下片机', code: 'EQ20240115151435000279', status: '运行', error: '否' }, | |||
{ | |||
name: '冷却机', code: 'EQ20240110111700000203', status: '运行', error: '否' }, | |||
{ | |||
name: 'A储片机106', code: 'EQ20240110111700000202', status: '运行', error: '否' }, | |||
{ name: '二次清洗机', code: 'EQ20240110111700000209', status: '运行', error: '否' }, | |||
{ | |||
name: '二次磨边机', code: ' EQ20240110110927000181', status: '故障', error: '是' }, | |||
{ name: '测试设备', code: 'EQ20240110111700000201', status: '运行', error: '否' } | |||
] | |||
const qualityMonthTableProps = [ | |||
@@ -463,43 +448,43 @@ const qualityMonthList = [ | |||
{ | |||
productionLineName: 'Y61', | |||
sectionName: '成型', | |||
count: '199片', | |||
count: '3片', | |||
inspectionTypeName: '细长泡' | |||
}, | |||
{ | |||
productionLineName: 'Y62', | |||
sectionName: '组合落板', | |||
count: '123片', | |||
count: '4片', | |||
inspectionTypeName: '细长泡' | |||
}, | |||
{ | |||
productionLineName: 'Y61', | |||
sectionName: '磨边', | |||
count: '212片', | |||
count: '6片', | |||
inspectionTypeName: '开口泡' | |||
}, | |||
{ | |||
productionLineName: 'Y63', | |||
sectionName: '清洗', | |||
count: '33片', | |||
count: '5片', | |||
inspectionTypeName: '结石' | |||
}, | |||
{ | |||
productionLineName: 'Y64', | |||
sectionName: '打孔', | |||
count: '332片', | |||
count: '2片', | |||
inspectionTypeName: '结石' | |||
}, | |||
{ | |||
productionLineName: 'Y63', | |||
sectionName: '成型', | |||
count: '432片', | |||
count: '7片', | |||
inspectionTypeName: '开口泡' | |||
}, | |||
{ | |||
productionLineName: 'Y61', | |||
sectionName: '上片', | |||
count: '200片', | |||
count: '8片', | |||
inspectionTypeName: '结石' | |||
} | |||
] | |||
@@ -550,22 +535,22 @@ export default { | |||
qualityYearTableProps, | |||
cxNameList, | |||
eqConfig: { | |||
header: ['序号', '设备名称', '工序', '损耗片数', '缺陷类型'], | |||
header: ['序号', '设备名称', '设备编码', '设备状态', '是否故障'], | |||
headerBGC: 'rgba(32, 55, 96, 0.8)', | |||
oddRowBGC: 'rgba(32, 55, 96, 0.8)', | |||
evenRowBGC: 'rgba(14, 32, 62, 0.8)', | |||
columnWidth: [70, 130, 100, 120, 110,], | |||
columnWidth: [70, 100, 200, 90, 90,], | |||
align: ['center'], | |||
data: [], | |||
// index:true, | |||
rowNum: 10 | |||
}, | |||
processConfig: { | |||
header: ['序号', '产线名', '设备编码', '设备状态', '是否故障'], | |||
header: ['序号', '产线名称', '工序', '损耗片数', '缺陷类型'], | |||
headerBGC: 'rgba(32, 55, 96, 0.8)', | |||
oddRowBGC: 'rgba(32, 55, 96, 0.8)', | |||
evenRowBGC: 'rgba(14, 32, 62, 0.8)', | |||
columnWidth: [70, 70, 130, 150, 110,], | |||
columnWidth: [70, 130, 100, 120, 110,], | |||
align: ['center'], | |||
data: [], | |||
// index:true, | |||
@@ -679,7 +664,7 @@ export default { | |||
'get', | |||
).then((res) => { | |||
// console.log('11111', res); | |||
if (res.data) { | |||
if (res.data.length !==0) { | |||
let processArr = res.data.map((item, index) => [ | |||
// console.log(item) | |||
`<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''} | |||
@@ -694,6 +679,21 @@ export default { | |||
]) | |||
this.processConfig.data = processArr | |||
this.$refs['processScrollBoard'].updateRows(processArr) | |||
} else { | |||
let processArr = qualityMonthList.map((item, index) => [ | |||
// console.log(item) | |||
`<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''} | |||
</span>`, | |||
// formatDate(item.planStartTime) || '', | |||
` | |||
<span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''} | |||
</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.sectionName || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.count || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || ''}</span>`, | |||
]) | |||
this.processConfig.data = processArr | |||
this.$refs['processScrollBoard'].updateRows(processArr) | |||
} | |||
}) | |||
}, | |||
@@ -844,6 +844,22 @@ export default { | |||
// console.log(this.EnergyMonitoringList) | |||
// this.$nextTick(() => { | |||
// this.$refs.productLineChart.initChart(Array.from(new Set(nameList)), passRateList, outputNumList) | |||
} else { | |||
console.log(this.qualityYearList); | |||
let eqArr = this.qualityYearList.map((item,index) => [ | |||
`<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''} | |||
</span>`, | |||
// formatDate(item.planStartTime) || '', | |||
` | |||
<span style="color:rgba(255,255,255,0.5)" >${item.name || ''} | |||
</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.code || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.status || ''}</span>`, | |||
`<span style="color:rgba(255,255,255,0.5)">${item.error || ''}</span>`, | |||
]) | |||
this.eqConfig.data = eqArr | |||
this.$refs['eqScrollBoard'].updateRows(eqArr) | |||
} | |||
}, | |||
// 数据发送 | |||
@@ -1028,10 +1044,6 @@ export default { | |||
background-color: unset; | |||
background-image: linear-gradient(to right, #4573fe, #47f8dc); | |||
} | |||
// ::v-deep .el-progress-bar__outer { | |||
// background-color:rgba(71, 248, 220, 1); | |||
// // background-image: rgba(71, 248, 220, 1)) | |||
// } | |||
.visual-select { | |||
position: absolute; | |||
right: 1em; | |||
@@ -1101,7 +1113,6 @@ export default { | |||
margin-left: 3em; | |||
} | |||
} | |||
</style> | |||
<style scoped> | |||
@@ -1118,4 +1129,7 @@ export default { | |||
/* .container-main { | |||
min-height: calc(100vh - 10em); | |||
} */ | |||
.eqTable{ | |||
overflow: hidden; | |||
} | |||
</style> |
@@ -1,4 +1,4 @@ | |||
<!-- | |||
<!-- | |||
filename: index.vue | |||
author: liubin | |||
date: 2023-09-04 09:34:52 | |||
@@ -104,7 +104,7 @@ export default { | |||
label: '工段', | |||
}, | |||
{ | |||
prop: 'inspectionDetContent', | |||
prop: 'inspectionInfoList', | |||
label: '检测内容', | |||
} | |||
], | |||
@@ -133,17 +133,23 @@ export default { | |||
// this.getList(); | |||
}, | |||
methods: { | |||
/** 查询列表 */ | |||
// getList() { | |||
// this.loading = true; | |||
// // 执行查询 | |||
// getQualityInspectionBoxBtnPage(this.listQuery).then((response) => { | |||
// this.list = response.data.list; | |||
// this.total = response.data.total; | |||
// this.loading = false; | |||
// }); | |||
// }, | |||
/** 表单重置 */ | |||
getDataList() { | |||
this.dataListLoading = true; | |||
this.urlOptions.getDataListURL(this.listQuery).then(response => { | |||
this.tableData = response.data.map((item) => { | |||
// console.log(item); | |||
return { | |||
inspectionInfoList: item.inspectionInfoList.toString(), | |||
productionLineId:item.productionLineId, | |||
productionLineName:item.productionLineName, | |||
sectionId: item.sectionId, | |||
sectionName: item.sectionName | |||
} | |||
}) | |||
this.listQuery.total = response.data.total; | |||
this.dataListLoading = false; | |||
}); | |||
}, | |||
reset() { | |||
this.form = { | |||
id: null, | |||
@@ -0,0 +1,175 @@ | |||
/* | |||
* @Author: zhp | |||
* @Date: 2024-01-17 16:59:30 | |||
* @LastEditTime: 2024-01-17 16:59:30 | |||
* @LastEditors: zhp | |||
* @Description: | |||
*/ | |||
/* | |||
* @Author: zwq | |||
* @Date: 2022-08-24 11:19:43 | |||
* @LastEditors: zhp | |||
* @LastEditTime: 2024-01-10 10:29:29 | |||
* @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, val.data._pageIndex,val.data) | |||
} else if (val.type === "change") { | |||
this.changeStatus(val.data.id) | |||
} else { | |||
this.otherMethods(val) | |||
} | |||
}, | |||
// 删除 | |||
deleteHandle(id, name, index) { | |||
this.$confirm(`确定对${name ? '[名称=' + name + ']' : '[序号=' + index + ']'}进行删除操作?`, "提示", { | |||
confirmButtonText: "确定", | |||
cancelButtonText: "取消", | |||
type: "warning", | |||
}) | |||
.then(() => { | |||
this.urlOptions.deleteURL(id).then(({ data }) => { | |||
this.$message({ | |||
message: "操作成功", | |||
type: "success", | |||
duration: 1500, | |||
onClose: () => { | |||
this.getDataList(); | |||
}, | |||
}); | |||
}); | |||
}) | |||
.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(() => { }); | |||
} | |||
} | |||
} |
@@ -20,7 +20,7 @@ | |||
import AddOrUpdate from './add-or-updata'; | |||
import DetailOrUpdate from './detail-or-updata'; | |||
import basicPage from '../../../core/mixins/basic-page'; | |||
import basicPage from './basic-page'; | |||
import { parseTime } from '../../../core/mixins/code-filter'; | |||
import { | |||
getQualityScrapLogPage, | |||