plm前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1352 lines
41 KiB

<template>
<div class="mod-config">
<!-- 查询条件 -->
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
<el-form-item :label="'物料编码'">
<el-input v-model="searchData.partNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'物料名称'">
<el-input v-model="searchData.partDesc" clearable style="width: 200px"></el-input>
</el-form-item>
<el-form-item :label="'工艺类型'">
<el-select v-model="searchData.routingType" clearable style="width: 120px">
<el-option label="Manufacturing" value="Manufacturing"></el-option>
<el-option label="Repair" value="Repair"></el-option>
<el-option label="Prototype" value="Prototype"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="'Routing版本号'">
<el-input-number :controls="false" :step="0" v-model="searchData.routingRevision" style="width: 100px"></el-input-number>
</el-form-item>
<el-form-item :label="'替代编码'">
<el-input v-model="searchData.alternativeNo" style="width: 100px"></el-input>
</el-form-item>
<el-form-item :label="'替代名称'">
<el-input v-model="searchData.alternativeDescription" style="width: 150px"></el-input>
</el-form-item>
<el-form-item :label="'工序编码'">
<el-input v-model="searchData.operationNo" style="width: 100px"></el-input>
</el-form-item>
<el-form-item :label="'工序名称'">
<el-input v-model="searchData.operationName" style="width: 150px"></el-input>
</el-form-item>
<el-form-item :label="' '">
<el-button :loading="queryLoading" @click="getDataList()">查询</el-button>
<download-excel
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
worksheet="导出信息"
class="el-button el-button--primary el-button--medium">
{{ "导出" }}
</download-excel>
</el-form-item>
</el-form>
<!-- bom列表 -->
<el-table
:height="height"
:data="dataList"
border
ref="routingAlternativeTable"
@row-click="alternativeClickRow"
@current-change="changeCurrentRow"
style="width: 100%">
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed === ''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
<!-- 分页插件 -->
<el-pagination style="margin-top: 0px"
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 200, 500]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 页签 -->
<el-tabs v-model="activeTable" style="width: 100%" :style="{height: secondHeight + 'px'}" type="border-card" @tab-click="tabClick" class="customer-tab">
<!-- Graphical Structure页签 -->
<el-tab-pane label="Work Guidelines" name="WorkGuidelines">
<el-form label-position="top" style="margin-top: 0px">
<!-- <el-form-item>-->
<el-button type="primary" @click="saveWorkGuidelineModal()" style="margin-left: 2px">新增</el-button>
<el-button type="primary" @click="deleteModal()">删除</el-button>
<!-- </el-form-item>-->
</el-form>
<el-table
:height="secondHeight-68"
:data="workGuidelineList"
border
@selection-change="selectionWorkGuideline"
style="width: 100%">
<el-table-column
type="selection"
header-align="center"
align="center"
:selectable="selectFlag"
width="50">
</el-table-column>
<el-table-column
v-for="(item,index) in workGuidelineColumnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="100"
label="操作">
<template slot-scope="scope">
<a type="text" size="small" @click="updateWorkGuidelineModal(scope.row)">编辑</a>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
<!-- workGuideline 新增模态框 -->
<el-dialog title="替代" :close-on-click-modal="false" v-drag :visible.sync="workGuidelineModal" width="664px">
<el-form :inline="true" label-position="top" :model="workGuidelineData" :rules="guidelineRules" style="margin-left: 5px">
<el-form-item :label="'序号'" prop="guidelineSeq" :rules="guidelineRules.guidelineSeq">
<el-input-number :controls="false" :step="0" v-model="workGuidelineData.guidelineSeq" style="width: 60px"></el-input-number>
</el-form-item>
<el-form-item :label="'工艺指导名称'" prop="guidelineDesc" :rules="guidelineRules.guidelineDesc">
<el-input v-model="workGuidelineData.guidelineDesc" style="width: 126px"></el-input>
</el-form-item>
<el-form-item :label="'工艺指导描述'">
<el-input v-model="workGuidelineData.guidelineText" style="width: 413px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="workGuidelineData" :rules="guidelineRules" style="margin-left: 5px">
<el-form-item :label="'工艺指导类型'" prop="guidelineType" :rules="guidelineRules.guidelineType">
<el-select v-model="workGuidelineData.guidelineType" style="width: 200px">
<el-option label="Subtask" value="Subtask"></el-option>
<el-option label="Instruction" value="Instruction"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="'签字'" prop="signOffRequired" :rules="guidelineRules.signOffRequired">
<el-select v-model="workGuidelineData.signOffRequired" style="width: 200px">
<el-option label="Required to Close Operation" value="Required to Close Operation"></el-option>
<el-option label="Not Required" value="Not Required"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="'检验签字'" prop="inspectionSignOffRequired" :rules="guidelineRules.inspectionSignOffRequired">
<el-select v-model="workGuidelineData.inspectionSignOffRequired" style="width: 200px">
<el-option label="Required to Shop Order" value="Required to Shop Order"></el-option>
<el-option label="Required to Close Operation" value="Required to Close Operation"></el-option>
<el-option label="Not Required" value="Not Required"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-footer style="height:35px;margin-top:25px;text-align:center">
<el-button type="primary" @click="workGuidelineCommit()">保存</el-button>
<el-button type="primary" @click="workGuidelineModal = false">关闭</el-button>
</el-footer>
</el-dialog>
<!-- chooseList模态框 -->
<ChooseList ref="baseList" @getBaseData="getBaseData"></ChooseList>
</div>
</template>
<script>
import {
routingSearchAlternative, // routing 替代列表查询
getRoutingWorkGuideline, // 获取 workGuideline
getGuidelineSeq, // 获取 guidelineSeq
workGuidelineSave, // 新增 workGuideline
workGuidelineEdit, // 编辑 workGuideline
deleteWorkGuideline, // 删除 workGuideline
} from '@/api/part/routingOperationWorkGuidelines.js'
import ChooseList from '@/views/modules/common/Chooselist'
export default {
// 组件
components: {
ChooseList
},
// 监听
watch: {
searchData: {
deep: true,
handler: function (newV, oldV) {
this.searchData.partNo = this.searchData.partNo.toUpperCase()
}
}
},
// 对象
data () {
return {
// 导出
exportData: [],
exportName: 'bom查询' + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ['bom查询'],
exportFooter: [],
resultList: [],
// ======== 行高 ========
height: 200,
secondHeight: 200,
leftWidth: 300,
rightWidth: '',
// ======== 分页 ========
pageIndex: 1,
pageSize: 50,
totalPage: 0,
// 条件查询
searchData: {
site: this.$store.state.user.site,
partNo: '',
partDesc: '',
routingType: '',
routingRevision: '',
alternativeNo: '',
alternativeDescription: '',
operationNo: '',
operationName: '',
page: 1,
limit: 10
},
// loading
queryLoading: false,
// 初始页签
activeTable: 'WorkGuidelines',
// ======== 数据对象 ========
alternativeData: {
site: '',
partNo: '',
partDesc: '',
bomType: '',
engChgLevel: '',
alternativeNo: '',
alternativeDescription: '',
minLotQty: '',
noteText: '',
status: '',
},
workGuidelineData: {
flag: '',
id: '',
site: this.$store.state.user.site,
partNo: '',
partDesc: '',
routingRevision: '',
routingType: '',
alternativeNo: '',
alternativeDescription: '',
operationNo: '',
operationName: '',
guidelineSeq: '',
guidelineDesc: '',
guidelineText: '',
guidelineType: '',
signOffRequired: '',
inspectionSignOffRequired: '',
createBy: '',
updateBy: ''
},
// ======== 选中的当前行数据 ========
alternativeCurrentRow: {},
// ======== 数据列表 ========
dataList: [],
workGuidelineList: [],
// ======== 列表表头 ========
columnList: [
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1PartNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'partNo',
headerAlign: 'center',
align: 'center',
columnLabel: '物料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1PartDesc',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'partDesc',
headerAlign: 'center',
align: 'left',
columnLabel: '物料名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 200
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1RoutingType',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'routingType',
headerAlign: 'center',
align: 'center',
columnLabel: '工艺类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1RoutingRevision',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'routingRevision',
headerAlign: 'center',
align: 'center',
columnLabel: 'Routing版本号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1AlternativeNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'alternativeNo',
headerAlign: 'center',
align: 'center',
columnLabel: '替代编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1AlternativeDescription',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'alternativeDescription',
headerAlign: 'center',
align: 'left',
columnLabel: '替代名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 200
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1OperationNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'operationNo',
headerAlign: 'center',
align: 'center',
columnLabel: '工序编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1OperationName',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'operationName',
headerAlign: 'center',
align: 'left',
columnLabel: '工序名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1MachineNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'machineNo',
headerAlign: 'center',
align: 'center',
columnLabel: '机台',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1WorkCenterNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'workCenterNo',
headerAlign: 'center',
align: 'center',
columnLabel: '加工中心',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1MachRunFactor',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'machRunFactor',
headerAlign: 'center',
align: 'right',
columnLabel: '机器运行速度',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1LaborSetupTime',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'laborSetupTime',
headerAlign: 'center',
align: 'right',
columnLabel: '人工生产速度',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1MachSetupTime',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'machSetupTime',
headerAlign: 'center',
align: 'right',
columnLabel: '调机时长',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1RunTimeCode',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'runTimeCode',
headerAlign: 'center',
align: 'center',
columnLabel: '时长单位',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1SetupCrewSize',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'setupCrewSize',
headerAlign: 'center',
align: 'right',
columnLabel: '调机过程中人数',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1CrewSize',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'crewSize',
headerAlign: 'center',
align: 'right',
columnLabel: '生产过程中人数',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1EfficiencyFactor',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'efficiencyFactor',
headerAlign: 'center',
align: 'right',
columnLabel: '机器效率',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1LaborRunFactor',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'laborRunFactor',
headerAlign: 'center',
align: 'right',
columnLabel: '人工效率',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1LaborClassNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'laborClassNo',
headerAlign: 'center',
align: 'center',
columnLabel: '人员等级',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1SetupLaborClassNo',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'setupLaborClassNo',
headerAlign: 'center',
align: 'center',
columnLabel: '调机时的人员等级',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1OutsideOpItem',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'outsideOpItem',
headerAlign: 'center',
align: 'center',
columnLabel: '外协时的采购料号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1CreateDate',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'createDate',
headerAlign: 'center',
align: 'center',
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 130
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1CreateBy',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'createBy',
headerAlign: 'center',
align: 'center',
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1UpdateDate',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'updateDate',
headerAlign: 'center',
align: 'center',
columnLabel: '更新时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 130
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table1UpdateBy',
tableId: '104010Table1',
tableName: 'Routing表',
columnProp: 'updateBy',
headerAlign: 'center',
align: 'center',
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
}
],
workGuidelineColumnList: [
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2GuidelineSeq',
tableId: '104010Table2',
tableName: 'workGuideline表',
columnProp: 'guidelineSeq',
headerAlign: 'center',
align: 'right',
columnLabel: '序号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 60
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2GuidelineDesc',
tableId: '104010Table2',
tableName: 'workGuideline表',
columnProp: 'guidelineDesc',
headerAlign: 'center',
align: 'left',
columnLabel: '工艺指导名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2GuidelineText',
tableId: '104010Table2',
tableName: 'workGuideline表',
columnProp: 'guidelineText',
headerAlign: 'center',
align: 'left',
columnLabel: '工艺指导描述',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 200
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2GuidelineType',
tableId: '104010Table2',
tableName: 'workGuideline表',
columnProp: 'guidelineType',
headerAlign: 'center',
align: 'center',
columnLabel: '工艺指导类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2SignOffRequired',
tableId: '104010Table2',
tableName: 'workGuideline表',
columnProp: 'signOffRequired',
headerAlign: 'center',
align: 'center',
columnLabel: '签字',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2InspectionSignOffRequired',
tableId: '104010Table2',
tableName: 'workGuideline表',
columnProp: 'inspectionSignOffRequired',
headerAlign: 'center',
align: 'center',
columnLabel: '检验签字',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2CreateDate',
tableId: '104010Table2',
tableName: 'BOM信息表',
columnProp: 'createDate',
headerAlign: 'center',
align: 'center',
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 130
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2CreateBy',
tableId: '104010Table2',
tableName: 'BOM信息表',
columnProp: 'createBy',
headerAlign: 'center',
align: 'center',
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2UpdateDate',
tableId: '104010Table2',
tableName: 'BOM信息表',
columnProp: 'updateDate',
headerAlign: 'center',
align: 'center',
columnLabel: '更新时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 130
},
{
userId: this.$store.state.user.name,
functionId: 104010,
serialNumber: '104010Table2UpdateBy',
tableId: '104010Table2',
tableName: 'BOM信息表',
columnProp: 'updateBy',
headerAlign: 'center',
align: 'center',
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
}
],
// ======== 必填规则 ========
guidelineRules: {
guidelineSeq: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
guidelineDesc: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
guidelineType: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
signOffRequired: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
inspectionSignOffRequired: [
{
required: true,
message: ' ',
trigger: 'change'
}
]
},
// ======== 复选数据集 ========
workGuidelineSelections: [],
// ======== 模态框开关控制 ========
workGuidelineModal: false,
workGuidelineDisableModal: false
}
},
mounted () {
this.$nextTick(() => {
this.height = window.innerHeight / 2 - 240
/*第二个表格高度的动态调整*/
this.secondHeight = window.innerHeight - this.height - 175
this.rightWidth = window.innerWidth - this.leftWidth - 275
})
},
created () {
this.getDataList()
},
// js
methods: {
// ======== 分页相关方法 ========
/**
* 每页数
* @param val
*/
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
/**
* 当前页
* @param val
*/
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
// ======== 列表数据操作方法 ========
/**
* 获取数据列表
*/
getDataList () {
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
this.queryLoading = true
routingSearchAlternative(this.searchData).then(({data}) => {
if (data.code === 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
// 判断是否全部存在数据
if (this.dataList.length > 0) {
// 设置选中行
this.$refs.routingAlternativeTable.setCurrentRow(this.dataList[0])
this.alternativeClickRow(this.dataList[0])
} else {
this.alternativeCurrentRow = {}
}
// 加载当前的页签的table
this.refreshCurrentTabTable()
}
this.queryLoading = false
})
},
/**
* 获取 workGuideline
*/
getRoutingWorkGuideline () {
getRoutingWorkGuideline(this.alternativeCurrentRow).then(({data}) => {
if (data && data.code === 0) {
this.workGuidelineList = data.rows
} else {
this.workGuidelineList = []
}
})
},
/**
* 单机选中信息
* @param row
*/
alternativeClickRow (row) {
this.$refs.routingAlternativeTable.toggleRowSelection(row)
this.alternativeCurrentRow = JSON.parse(JSON.stringify(row))
},
/**
* 复选列表信息
* @param val
*/
selectionWorkGuideline (val) {
this.workGuidelineSelections = val
},
// ======== 新增/编辑模态框 ========
/**
* workGuideline 新增模态框
*/
saveWorkGuidelineModal () {
this.workGuidelineData = {
flag: '1',
id: '',
site: this.$store.state.user.site,
partNo: this.alternativeCurrentRow.partNo,
partDesc: this.alternativeCurrentRow.partDesc,
routingRevision: this.alternativeCurrentRow.routingRevision,
routingType: this.alternativeCurrentRow.routingType,
alternativeNo: this.alternativeCurrentRow.alternativeNo,
alternativeDescription: this.alternativeCurrentRow.alternativeDescription,
operationNo: this.alternativeCurrentRow.operationNo,
operationName: this.alternativeCurrentRow.operationName,
guidelineSeq: '',
guidelineDesc: '',
guidelineText: '',
guidelineType: '',
signOffRequired: '',
inspectionSignOffRequired: '',
createBy: this.$store.state.user.name,
updateBy: ''
}
// 查询seq
getGuidelineSeq(this.alternativeCurrentRow).then(({data}) => {
if (data && data.code === 0) {
this.workGuidelineData.guidelineSeq = data.guidelineSeq
}
})
// 开启模态框
this.workGuidelineModal = true
this.workGuidelineDisableModal = false
},
/**
* workGuideline 编辑模态框
*/
updateWorkGuidelineModal (row) {
this.workGuidelineData = {
flag: '2',
id: row.id,
site: row.site,
partNo: row.partNo,
partDesc: row.partDesc,
routingRevision: row.routingRevision,
routingType: row.routingType,
alternativeNo: row.alternativeNo,
alternativeDescription: row.alternativeDescription,
operationNo: row.operationNo,
operationName: row.operationName,
guidelineSeq: row.guidelineSeq,
guidelineDesc: row.guidelineDesc,
guidelineText: row.guidelineText,
guidelineType: row.guidelineType,
signOffRequired: row.signOffRequired,
inspectionSignOffRequired: row.inspectionSignOffRequired,
createBy: '',
updateBy: this.$store.state.user.name
}
// 开启模态框
this.workGuidelineModal = true
this.workGuidelineDisableModal = true
},
// ======== 新增/编辑/删除方法 ========
/**
* workGuideline 新增方法
*/
workGuidelineCommit () {
if (this.workGuidelineData.guidelineSeq === '' || this.workGuidelineData.guidelineSeq == null) {
this.$message.warning('请输入序号!')
return
}
if (this.workGuidelineData.guidelineDesc === '' || this.workGuidelineData.guidelineDesc == null) {
this.$message.warning('请输入工艺指导名称!')
return
}
if (this.workGuidelineData.guidelineType === '' || this.workGuidelineData.guidelineType == null) {
this.$message.warning('请选择工艺指导类型!')
return
}
if (this.workGuidelineData.signOffRequired === '' || this.workGuidelineData.signOffRequired == null) {
this.$message.warning('请选择签字!')
return
}
if (this.workGuidelineData.inspectionSignOffRequired === '' || this.workGuidelineData.inspectionSignOffRequired == null) {
this.$message.warning('请选择检验签字!')
return
}
if (this.workGuidelineData.flag === '1') {
workGuidelineSave(this.workGuidelineData).then(({data}) => {
if (data && data.code === 0) {
this.getRoutingWorkGuideline()
this.workGuidelineModal = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
} else {
workGuidelineEdit(this.workGuidelineData).then(({data}) => {
if (data && data.code === 0) {
this.getRoutingWorkGuideline()
this.workGuidelineModal = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}
},
/**
* 删除 workGuideline
*/
deleteModal () {
if(this.workGuidelineSelections.length === 0){
this.$message.warning('请勾选要删除的工艺指导!')
return
}
this.$confirm(`是否删除这 `+ this.workGuidelineSelections.length +` 条工艺指导?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let tempData = {
informationList: this.workGuidelineSelections
}
deleteWorkGuideline(tempData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.workGuidelineSelections = []
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
// ======== 页签切换相关方法 ========
/**
* 列表表格选择替换
* @param tab
* @param event
*/
tabClick (tab, event) {
// 刷新列表数据
this.refreshCurrentTabTable()
},
/**
* 当前值发生变化的时候修改
* @param row
* @param oldRow
*/
changeCurrentRow (row, oldRow) {
// 判断是否是获取焦点的事件
if (row) {
this.alternativeCurrentRow = JSON.parse(JSON.stringify(row))
//刷新当前页表
this.refreshCurrentTabTable()
}
},
/**
* 刷新页签的table数据
*/
refreshCurrentTabTable () {
if (this.activeTable === 'WorkGuidelines') {
// 获取workGuideline
this.getRoutingWorkGuideline()
}
},
// ======== chooseList相关方法 ========
/**
* 获取基础数据列表S
* @param val
* @param type
*/
getBaseList (val, type) {
this.tagNo = val
this.$nextTick(() => {
let strVal = ''
if (val === 117) {
strVal = this.componentData.issueToLoc
}
this.$refs.baseList.init(val, strVal)
})
},
/**
* 列表方法的回调
* @param val
*/
getBaseData (val) {
if (this.tagNo === 117) {
this.componentData.issueToLoc = val.location_id
this.componentData.issueToLocName = val.location_name
}
},
// ======== 导出相关方法 ========
/**
* 导出excel
*/
async createExportData () {
this.searchData.limit = -1
this.searchData.page = 1
await routingSearchAlternative(this.searchData).then(({data}) => {
this.resultList = data.page.list
})
return this.resultList
},
startDownload () {},
finishDownload () {},
fields () {
let json = '{'
this.columnList.forEach((item, index) => {
if (index == this.columnList.length - 1) {
json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"'
} else {
json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + ','
}
})
json += '}'
let s = eval('(' + json + ')')
return s
},
/**
* 未知
* @returns {boolean}
*/
selectFlag () {
return true
},
}
}
</script>
<style scoped lang="scss">
.numInput /deep/ .el-input__inner{
text-align: right;
}
/deep/ .inlineNumber input::-webkit-outer-spin-button,
/deep/ .inlineNumber input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/deep/ .inlineNumber input[type="number"]{
-moz-appearance: textfield;
padding-right: 5px !important;
}
/deep/ .el-tabs--border-card>.el-tabs__content{
padding: 5px;
}
</style>