|
|
|
|
<template>
|
|
|
|
|
<div class="box-card">
|
|
|
|
|
<div class="process-left">
|
|
|
|
|
<div class="process-select">
|
|
|
|
|
<!-- 工艺级别：-->
|
|
|
|
|
<el-form :model="form" label-width="auto">
|
|
|
|
|
<el-form-item label="工艺级别:">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="rank"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
style="width: 220px"
|
|
|
|
|
@change="leavelChange"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
>
|
|
|
|
|
<el-option label="一级工艺" value="1" />
|
|
|
|
|
<el-option label="二级工艺" value="2" />
|
|
|
|
|
<el-option label="三级工艺" value="3" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- style="width: 240px" -->
|
|
|
|
|
<el-tree
|
|
|
|
|
:data="data"
|
|
|
|
|
:props="defaultProps"
|
|
|
|
|
@node-click="handleNodeClick"
|
|
|
|
|
:default-expand-all="true"
|
|
|
|
|
:expand-on-click-node="false"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="process-right">
|
|
|
|
|
<el-form
|
|
|
|
|
:model="treeNodes.rawData"
|
|
|
|
|
label-width="auto"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
v-if="Object.keys(treeNodes).length !== 0"
|
|
|
|
|
>
|
|
|
|
|
<el-row :gutter="24" v-show="activeName == '1'">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="重要度:" prop="prority">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="treeNodes.rawData.prority"
|
|
|
|
|
:placeholder="'请选择'"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in priorityList"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="生产标识:" prop="qualityGradeCode">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="treeNodes.rawData.qualityGradeCode"
|
|
|
|
|
:placeholder="'请选择'"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in rankList"
|
|
|
|
|
:key="item.code"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.code"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="备注:" prop="remarks">
|
|
|
|
|
<el-input v-model="treeNodes.rawData.remarks" placeholder="请输入" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
|
|
<el-tab-pane label="工序" name="1" v-if="treeLeave == 2"></el-tab-pane>
|
|
|
|
|
<el-tab-pane label="项目" name="2" v-if="treeLeave == 3"></el-tab-pane>
|
|
|
|
|
<el-tab-pane label="尺寸、量具" name="3" v-if="treeLeave == 3"></el-tab-pane>
|
|
|
|
|
<el-tab-pane label="工装、模具表" name="4" v-if="treeLeave == 3"></el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
<div class="table-btn">
|
|
|
|
|
<div class="table-btn-left">
|
|
|
|
|
<el-button type="primary" plain @click="addTable()">插入一行</el-button>
|
|
|
|
|
<el-button type="danger" plain @click="delTable()">删除选择行</el-button>
|
|
|
|
|
<el-button type="primary" @click="saveInfo()" :loading="craftLoading">保存</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table-btn-right" v-if="activeName == '1'">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="modelLevel"
|
|
|
|
|
placeholder="选择工艺模板"
|
|
|
|
|
style="width: 220px; margin-right: 12px"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in modelOption"
|
|
|
|
|
:key="index"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-button type="primary" @click="modelLevelChange()">导入模板</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 工序 -->
|
|
|
|
|
<el-form
|
|
|
|
|
ref="tableForm1"
|
|
|
|
|
:model="form1"
|
|
|
|
|
:rules="formRules1"
|
|
|
|
|
label-width="0px"
|
|
|
|
|
v-if="activeName == '1'"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="form1.tableData1"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@selection-change="handleSelectionChange1"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
|
|
<el-table-column prop="processNo" label="工序号">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>工序号</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData1[${scope.$index}].processNo`"
|
|
|
|
|
:rules="formRules1.processNo"
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.processNo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="processCode" label="工序">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>工序</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData1[${scope.$index}].processCode`"
|
|
|
|
|
:rules="formRules1.processCode"
|
|
|
|
|
>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="scope.row.processCode"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
@change="processChange(scope.row, scope.$index)"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in processSetOption"
|
|
|
|
|
:key="index"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="craftCode" label="工艺能力">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>工艺能力</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData1[${scope.$index}].craftCode`"
|
|
|
|
|
:rules="formRules1.craftCode"
|
|
|
|
|
>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="scope.row.craftCode"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
@change="craftChange(scope.row, scope.$index)"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in craftAbilityOption"
|
|
|
|
|
:key="index"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="proDes" label="工序描述">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>工序描述</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item :prop="`tableData1[${scope.$index}].proDes`" :rules="formRules1.proDes">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.proDes"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="proHours" label="定额工时(分钟)">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.proHours"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="setoutHours" label="准备工时(分钟)">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.setoutHours"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="isMain" label="是否主工序">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>是否主工序</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item :prop="`tableData1[${scope.$index}].isMain`" :rules="formRules1.isMain">
|
|
|
|
|
<el-select v-model="scope.row.isMain" placeholder="请选择" clearable filterable>
|
|
|
|
|
<el-option label="是" value="1"></el-option>
|
|
|
|
|
<el-option label="否" value="0"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 项目 -->
|
|
|
|
|
<el-form
|
|
|
|
|
ref="tableForm2"
|
|
|
|
|
:model="form2"
|
|
|
|
|
:rules="formRules2"
|
|
|
|
|
label-width="0px"
|
|
|
|
|
v-if="activeName == '2'"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="form2.tableData2"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@selection-change="handleSelectionChange2"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
|
|
<el-table-column prop="trialNo" label="工序号">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.trialNo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="projecCode" label="检验项目">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>检验项目</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData2[${scope.$index}].projecCode`"
|
|
|
|
|
:rules="formRules2.projecCode"
|
|
|
|
|
>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="scope.row.projecCode"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
@change="projectChange(scope.row, scope.$index)"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in projectOptions"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="projectStandard" label="检验标准">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>检验标准</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData2[${scope.$index}].projectStandard`"
|
|
|
|
|
:rules="formRules2.projectStandard"
|
|
|
|
|
>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="scope.row.projectStandard"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
@change="standardChange(scope.row, scope.$index)"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in standardList"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<!-- <el-input
|
|
|
|
|
v-model="scope.row.projectStandard"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input> -->
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="proHours" label="定额工时(分钟)">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>定额工时(分钟)</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData2[${scope.$index}].proHours`"
|
|
|
|
|
:rules="formRules2.proHours"
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.proHours"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="prepareHours" label="准备工时(分钟)">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.prepareHours"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 量具 -->
|
|
|
|
|
<el-form
|
|
|
|
|
ref="tableForm3"
|
|
|
|
|
:model="form3"
|
|
|
|
|
:rules="formRules3"
|
|
|
|
|
label-width="0px"
|
|
|
|
|
v-if="activeName == '3'"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="form3.tableData3"
|
|
|
|
|
class="tableHeight"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@selection-change="handleSelectionChange3"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
|
|
<el-table-column prop="trialNo" label="工序号">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.trialNo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="testType" label="镀前镀后">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>镀前镀后</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData3[${scope.$index}].testType`"
|
|
|
|
|
:rules="formRules3.testType"
|
|
|
|
|
>
|
|
|
|
|
<el-select v-model="scope.row.testType" placeholder="请选择" clearable filterable>
|
|
|
|
|
<el-option label="是" value="1"></el-option>
|
|
|
|
|
<el-option label="否" value="2"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="tool" label="量具">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>量具</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item :prop="`tableData3[${scope.$index}].tool`" :rules="formRules3.tool">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.tool"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
<!-- <el-select v-model="scope.row.tool" placeholder="请选择" clearable filterable>
|
|
|
|
|
<el-option label="是" value="1"></el-option>
|
|
|
|
|
<el-option label="否" value="2"></el-option>
|
|
|
|
|
</el-select> -->
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="toolSize" label="量具尺寸">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.toolSize"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="toolInfo" label="图纸尺寸">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.toolInfo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 工装 -->
|
|
|
|
|
<el-form
|
|
|
|
|
ref="tableForm4"
|
|
|
|
|
:model="form4"
|
|
|
|
|
:rules="formRules4"
|
|
|
|
|
label-width="0px"
|
|
|
|
|
v-if="activeName == '4'"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="form4.tableData4"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@selection-change="handleSelectionChange4"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
|
|
<el-table-column prop="trialNo" label="工序号">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.trialNo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="moldCode" label="对应工装">
|
|
|
|
|
<template #header>
|
|
|
|
|
<span><i style="color: red">*</i>对应工装</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:prop="`tableData4[${scope.$index}].moldCode`"
|
|
|
|
|
:rules="formRules4.moldCode"
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.moldCode"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="moldName" label="工装名称">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.moldName"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="isPrint" label="是否印字">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.isPrint"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="printNo" label="印字版编号">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.printNo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="testFixtureNo" label="测试夹具号">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="scope.row.testFixtureNo"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
getProcessAuthorized,
|
|
|
|
|
getModelList,
|
|
|
|
|
getModelDetailList,
|
|
|
|
|
authorizedAccomplish2,
|
|
|
|
|
saveProcessProjectSave,
|
|
|
|
|
saveProcessMeasuringTool,
|
|
|
|
|
saveProcessMoldTool,
|
|
|
|
|
getProcessSetList,
|
|
|
|
|
getCraftAbilityList,
|
|
|
|
|
getPartDetail,
|
|
|
|
|
getProject,
|
|
|
|
|
getStandardList,
|
|
|
|
|
} from '@/api/processManagement/taskProcessing';
|
|
|
|
|
import { getPqList } from '@/api/qualityManagement/remindRedeem/remindRedeem';
|
|
|
|
|
export default {
|
|
|
|
|
name: 'CraftIndex',
|
|
|
|
|
components: {},
|
|
|
|
|
props: {
|
|
|
|
|
height: {
|
|
|
|
|
type: Number,
|
|
|
|
|
default: 600,
|
|
|
|
|
},
|
|
|
|
|
partId: {
|
|
|
|
|
type: [Number, String],
|
|
|
|
|
default: null,
|
|
|
|
|
},
|
|
|
|
|
dialogType: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: '',
|
|
|
|
|
},
|
|
|
|
|
updateRow: {
|
|
|
|
|
type: Object,
|
|
|
|
|
default: {},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
craftLoading:false,
|
|
|
|
|
rank: '2',
|
|
|
|
|
processLevel: '2',
|
|
|
|
|
data: [],
|
|
|
|
|
defaultProps: {
|
|
|
|
|
children: 'children',
|
|
|
|
|
label: 'label',
|
|
|
|
|
},
|
|
|
|
|
form: {},
|
|
|
|
|
rules: {
|
|
|
|
|
prority: [{ required: true, message: '请选择', trigger: 'blur' }],
|
|
|
|
|
qualityGradeCode: [{ required: true, message: '请选择', trigger: 'blur' }],
|
|
|
|
|
},
|
|
|
|
|
priorityList: [
|
|
|
|
|
{
|
|
|
|
|
label: '本次使用',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '正式工艺',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '临时工艺',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
rankList: [],
|
|
|
|
|
activeName: '1',
|
|
|
|
|
treeLeave: 2, //组织树选中层级
|
|
|
|
|
processSetOption: [], //工序列表
|
|
|
|
|
craftAbilityOption: [], //工艺能力列表
|
|
|
|
|
modelOption: [], //模板列表
|
|
|
|
|
modelLevel: null, //模板选择
|
|
|
|
|
form1: {
|
|
|
|
|
tableData1: [], //工序
|
|
|
|
|
deleteIds: [],
|
|
|
|
|
selectIds: [], //选中ID
|
|
|
|
|
},
|
|
|
|
|
form2: {
|
|
|
|
|
tableData2: [], //项目
|
|
|
|
|
deleteIds: [],
|
|
|
|
|
selectIds: [], //选中ID
|
|
|
|
|
},
|
|
|
|
|
form3: {
|
|
|
|
|
tableData3: [], //量具
|
|
|
|
|
deleteIds: [],
|
|
|
|
|
selectIds: [], //选中ID
|
|
|
|
|
},
|
|
|
|
|
form4: {
|
|
|
|
|
tableData4: [], //工装
|
|
|
|
|
deleteIds: [],
|
|
|
|
|
selectIds: [], //选中ID
|
|
|
|
|
},
|
|
|
|
|
formRules1: {
|
|
|
|
|
processCode: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
processName: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
craftCode: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
proDes: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
proHours: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }],
|
|
|
|
|
isMain: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
processNo: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }],
|
|
|
|
|
},
|
|
|
|
|
formRules2: {
|
|
|
|
|
projecCode: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
projectStandard: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }],
|
|
|
|
|
proHours: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }],
|
|
|
|
|
},
|
|
|
|
|
formRules3: {
|
|
|
|
|
testType: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
tool: [{ required: true, message: '请选择', trigger: ['change', 'submit'] }],
|
|
|
|
|
},
|
|
|
|
|
formRules4: {
|
|
|
|
|
moldCode: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }],
|
|
|
|
|
},
|
|
|
|
|
treeNodes: {}, //选中组织树节点信息
|
|
|
|
|
partInfoData: {}, //零件信息
|
|
|
|
|
tempId: 0,
|
|
|
|
|
projectOptions: [], //检验项目列表
|
|
|
|
|
standardList: [], //检验标准列表
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getModelList();
|
|
|
|
|
this.getDetails();
|
|
|
|
|
|
|
|
|
|
this.getProcessSetList();
|
|
|
|
|
this.getCraftAbilityList();
|
|
|
|
|
this.getPqList();
|
|
|
|
|
this.getProject();
|
|
|
|
|
this.getStandardList();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 获取检验项目名字
|
|
|
|
|
projectChange(row,index) {
|
|
|
|
|
let selectName = this.projectOptions.find(item => item.id == row.projecCode);
|
|
|
|
|
this.form2.tableData2[index].projectName = selectName.name;
|
|
|
|
|
},
|
|
|
|
|
// 获取检验标准名字
|
|
|
|
|
standardChange(row,index) {
|
|
|
|
|
let selectName = this.standardList.find(item => item.id == row.projectStandard);
|
|
|
|
|
this.form2.tableData2[index].projectStandardName = selectName.name;
|
|
|
|
|
},
|
|
|
|
|
getStandardList() {
|
|
|
|
|
getStandardList().then(res => {
|
|
|
|
|
this.standardList = res.data.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getProject() {
|
|
|
|
|
getProject({ size: 999999, current: 1 }).then(res => {
|
|
|
|
|
this.projectOptions = res.data.data.records;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 获取工序名字
|
|
|
|
|
processChange(row, index) {
|
|
|
|
|
let selectName = this.processSetOption.find(item => item.id == row.processCode);
|
|
|
|
|
this.form1.tableData1[index].processName = selectName.name;
|
|
|
|
|
},
|
|
|
|
|
// 获取工艺能力名字
|
|
|
|
|
craftChange(row, index) {
|
|
|
|
|
let selectName = this.craftAbilityOption.find(item => item.id == row.craftCode);
|
|
|
|
|
this.form1.tableData1[index].craftName = selectName.name;
|
|
|
|
|
},
|
|
|
|
|
// 获取生产标识列表
|
|
|
|
|
getPqList() {
|
|
|
|
|
getPqList().then(res => {
|
|
|
|
|
this.rankList = res.data.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 工艺模板列表
|
|
|
|
|
async getModelList() {
|
|
|
|
|
await getModelList().then(res => {
|
|
|
|
|
this.modelOption = res.data.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 工序列表查询
|
|
|
|
|
getProcessSetList() {
|
|
|
|
|
getProcessSetList().then(res => {
|
|
|
|
|
this.processSetOption = res.data.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 工艺能力列表查询
|
|
|
|
|
getCraftAbilityList() {
|
|
|
|
|
getCraftAbilityList().then(res => {
|
|
|
|
|
this.craftAbilityOption = res.data.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 导入模板
|
|
|
|
|
modelLevelChange() {
|
|
|
|
|
getModelDetailList({ modelId: this.modelLevel }).then(res => {
|
|
|
|
|
// this.form1.tableData1=res.data.data;
|
|
|
|
|
const templateData = res.data.data;
|
|
|
|
|
const existing = [...this.form1.tableData1];
|
|
|
|
|
// 将模板中的工序数据映射为表格所需格式
|
|
|
|
|
const mappedData = templateData.map((item, index) => {
|
|
|
|
|
// 如果模板中的字段和表格字段一致，可直接使用；否则需转换
|
|
|
|
|
return {
|
|
|
|
|
id: null, // 新增时通常设为 null
|
|
|
|
|
processNo: this.getProcessNo(this.form1.tableData1), // 自动生成工序号
|
|
|
|
|
processCode: item.processCode || item.id, // 假设模板中有 processCode 或 id
|
|
|
|
|
processName: item.processName,
|
|
|
|
|
craftCode: item.craftCode,
|
|
|
|
|
craftName: item.craftName,
|
|
|
|
|
proDes: item.proDes || item.description,
|
|
|
|
|
proHours: item.proHours || '',
|
|
|
|
|
setoutHours: item.setoutHours || '',
|
|
|
|
|
isMain: item.isMain || '0',
|
|
|
|
|
// 其他字段按需补充...
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
// 赋值（方式1）或追加（方式2）
|
|
|
|
|
this.form1.tableData1 = [...existing, ...mappedData]; // 追加模式
|
|
|
|
|
|
|
|
|
|
this.$message.success('模板导入成功');
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 获取零件信息详情数据
|
|
|
|
|
async getDetails() {
|
|
|
|
|
await getProcessAuthorized({
|
|
|
|
|
partId: this.partId,
|
|
|
|
|
taskId: this.updateRow.id,
|
|
|
|
|
rank: this.rank,
|
|
|
|
|
version:this.updateRow.version
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.data = this.transformCraftTree(res.data.data);
|
|
|
|
|
this.partInfoData = res.data.data.partInfo;
|
|
|
|
|
if (this.partInfoData.partName == '石墨模') {
|
|
|
|
|
let graphite = this.modelOption.find(item => item.name == '石墨模');
|
|
|
|
|
this.modelLevel = graphite.id;
|
|
|
|
|
this.modelLevelChange();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 组织树转换
|
|
|
|
|
transformCraftTree(responseData) {
|
|
|
|
|
const { partInfo, craftList } = responseData;
|
|
|
|
|
const partCode = partInfo.partCode;
|
|
|
|
|
|
|
|
|
|
// 构建树形结构并保留原始数据引用
|
|
|
|
|
const tree = [
|
|
|
|
|
{
|
|
|
|
|
label: partCode,
|
|
|
|
|
disabled: true,
|
|
|
|
|
rawData: partInfo, // 保存零件原始数据
|
|
|
|
|
children: craftList.map(craft => {
|
|
|
|
|
const { craftInfo, processList } = craft;
|
|
|
|
|
// 拼接二级节点标签：roamNo-craftNo
|
|
|
|
|
const craftLabel = `${craftInfo.roamNo}-${craftInfo.craftNo}`;
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
...craftInfo,
|
|
|
|
|
label: craftLabel,
|
|
|
|
|
processList: processList.map(process => {
|
|
|
|
|
return process.processInfo;
|
|
|
|
|
}),
|
|
|
|
|
rawData: craftInfo, // 保存工艺原始数据
|
|
|
|
|
children: processList.map(process => {
|
|
|
|
|
const { processInfo, projectList, measuringToolList, moldToolList } = process;
|
|
|
|
|
// 三级节点：工序名称
|
|
|
|
|
const processLabel = processInfo.processName;
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
...processInfo,
|
|
|
|
|
label: processLabel,
|
|
|
|
|
rawData: {
|
|
|
|
|
processInfo,
|
|
|
|
|
projectList,
|
|
|
|
|
measuringToolList,
|
|
|
|
|
moldToolList,
|
|
|
|
|
}, // 保存工序及关联数据
|
|
|
|
|
children: projectList.map(project => ({
|
|
|
|
|
label: project.projectName, // 四级节点：项目名称
|
|
|
|
|
rawData: project, // 保存项目原始数据
|
|
|
|
|
disabled: true,
|
|
|
|
|
})),
|
|
|
|
|
};
|
|
|
|
|
}),
|
|
|
|
|
};
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return tree;
|
|
|
|
|
},
|
|
|
|
|
// 组织树点击
|
|
|
|
|
handleNodeClick(nodes, node, self) {
|
|
|
|
|
if (nodes.disabled) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
this.treeNodes = nodes;
|
|
|
|
|
this.treeLeave = node.level;
|
|
|
|
|
|
|
|
|
|
// 清空现有表格数据
|
|
|
|
|
this.form1.tableData1 = [];
|
|
|
|
|
this.form2.tableData2 = [];
|
|
|
|
|
this.form3.tableData3 = [];
|
|
|
|
|
this.form4.tableData4 = [];
|
|
|
|
|
this.form1.deleteIds = [];
|
|
|
|
|
this.form2.deleteIds = [];
|
|
|
|
|
this.form3.deleteIds = [];
|
|
|
|
|
this.form4.deleteIds = [];
|
|
|
|
|
|
|
|
|
|
// 根据节点层级切换标签页
|
|
|
|
|
if (this.treeLeave === 2) {
|
|
|
|
|
this.activeName = '1';
|
|
|
|
|
this.form1.tableData1 = nodes.processList;
|
|
|
|
|
}
|
|
|
|
|
// 根据节点层级加载对应数据
|
|
|
|
|
if (this.treeLeave === 3) {
|
|
|
|
|
this.activeName = '2';
|
|
|
|
|
// 三级节点：工序级，加载工序相关数据
|
|
|
|
|
const { processInfo, projectList, measuringToolList, moldToolList } = nodes.rawData;
|
|
|
|
|
|
|
|
|
|
// 加载项目表格数据
|
|
|
|
|
this.form2.tableData2 = projectList;
|
|
|
|
|
|
|
|
|
|
// 加载量具表格数据
|
|
|
|
|
this.form3.tableData3 = measuringToolList;
|
|
|
|
|
|
|
|
|
|
// 加载工装表格数据
|
|
|
|
|
this.form4.tableData4 = moldToolList;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 右侧tab切换
|
|
|
|
|
handleClick(value) {
|
|
|
|
|
console.log(999999, value);
|
|
|
|
|
this.form1.deleteIds = [];
|
|
|
|
|
this.form2.deleteIds = [];
|
|
|
|
|
this.form3.deleteIds = [];
|
|
|
|
|
this.form4.deleteIds = [];
|
|
|
|
|
},
|
|
|
|
|
// 切换等级
|
|
|
|
|
leavelChange() {
|
|
|
|
|
// this.$message.success('保存成功');
|
|
|
|
|
this.getDetails();
|
|
|
|
|
this.form1.deleteIds = [];
|
|
|
|
|
this.form2.deleteIds = [];
|
|
|
|
|
this.form3.deleteIds = [];
|
|
|
|
|
this.form4.deleteIds = [];
|
|
|
|
|
},
|
|
|
|
|
// 获取工序号
|
|
|
|
|
getProcessNo(table) {
|
|
|
|
|
const len = table;
|
|
|
|
|
let processNo = (len.length + 1) * 5;
|
|
|
|
|
|
|
|
|
|
if (processNo.toString().length === 1) {
|
|
|
|
|
processNo = '000' + processNo;
|
|
|
|
|
} else if (processNo.toString().length === 2) {
|
|
|
|
|
processNo = '00' + processNo;
|
|
|
|
|
} else if (processNo.toString().length === 3) {
|
|
|
|
|
processNo = '0' + processNo;
|
|
|
|
|
} else if (processNo.toString().length === 4) {
|
|
|
|
|
processNo = '' + processNo;
|
|
|
|
|
}
|
|
|
|
|
return processNo;
|
|
|
|
|
},
|
|
|
|
|
// 插入一行
|
|
|
|
|
addTable() {
|
|
|
|
|
this.tempId++;
|
|
|
|
|
if (this.activeName == '1') {
|
|
|
|
|
this.form1.tableData1.push({
|
|
|
|
|
_tempId: this.tempId, // 临时唯一标识
|
|
|
|
|
id: null,
|
|
|
|
|
processNo: this.getProcessNo(this.form1.tableData1),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.activeName == '2') {
|
|
|
|
|
this.form2.tableData2.push({
|
|
|
|
|
_tempId: this.tempId, // 临时唯一标识
|
|
|
|
|
id: null,
|
|
|
|
|
trialNo: this.getProcessNo(this.form2.tableData2),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.activeName == '3') {
|
|
|
|
|
this.form3.tableData3.push({
|
|
|
|
|
_tempId: this.tempId, // 临时唯一标识
|
|
|
|
|
id: null,
|
|
|
|
|
trialNo: this.getProcessNo(this.form3.tableData3),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.activeName == '4') {
|
|
|
|
|
this.form4.tableData4.push({
|
|
|
|
|
_tempId: this.tempId, // 临时唯一标识
|
|
|
|
|
id: null,
|
|
|
|
|
trialNo: this.getProcessNo(this.form4.tableData4),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleSelectionChange1(val) {
|
|
|
|
|
this.form1.selectIds = val.map(row => row.id || row._tempId);
|
|
|
|
|
},
|
|
|
|
|
handleSelectionChange2(val) {
|
|
|
|
|
this.form2.selectIds = val.map(row => row.id || row._tempId);
|
|
|
|
|
// this.form2.deleteIds = val.filter(row => row.id != null).map(row => row.id);
|
|
|
|
|
},
|
|
|
|
|
handleSelectionChange3(val) {
|
|
|
|
|
this.form3.selectIds = val.map(row => row.id || row._tempId);
|
|
|
|
|
// this.form3.deleteIds = val.filter(row => row.id != null).map(row => row.id);
|
|
|
|
|
},
|
|
|
|
|
handleSelectionChange4(val) {
|
|
|
|
|
this.form4.selectIds = val.map(row => row.id || row._tempId);
|
|
|
|
|
// this.form4.deleteIds = val.filter(row => row.id != null).map(row => row.id);
|
|
|
|
|
},
|
|
|
|
|
// 删除选择行
|
|
|
|
|
delTable() {
|
|
|
|
|
const active = this.activeName;
|
|
|
|
|
let message = '请至少选择一条数据进行删除';
|
|
|
|
|
|
|
|
|
|
if (active === '1') {
|
|
|
|
|
if (this.form1.selectIds.length === 0) {
|
|
|
|
|
this.$message.warning(message);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.form1.deleteIds = this.form1.tableData1
|
|
|
|
|
.filter(row => this.form1.selectIds.includes(row.id || row._tempId))
|
|
|
|
|
.filter(row => row.id != null && row.id !== '') // 只保留有真实 id 的行
|
|
|
|
|
.map(row => row.id);
|
|
|
|
|
this.form1.tableData1 = this.form1.tableData1.filter(row => {
|
|
|
|
|
const key = row.id || row._tempId;
|
|
|
|
|
return !this.form1.selectIds.includes(key);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.form1.selectIds = []; // 清空选中
|
|
|
|
|
} else if (active === '2') {
|
|
|
|
|
if (this.form2.selectIds.length === 0) {
|
|
|
|
|
this.$message.warning(message);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.form2.deleteIds = this.form2.tableData2
|
|
|
|
|
.filter(row => this.form2.selectIds.includes(row.id || row._tempId))
|
|
|
|
|
.filter(row => row.id != null && row.id !== '')
|
|
|
|
|
.map(row => row.id);
|
|
|
|
|
|
|
|
|
|
this.form2.tableData2 = this.form2.tableData2.filter(row => {
|
|
|
|
|
const key = row.id || row._tempId;
|
|
|
|
|
return !this.form2.selectIds.includes(key);
|
|
|
|
|
});
|
|
|
|
|
this.form2.selectIds = [];
|
|
|
|
|
} else if (active === '3') {
|
|
|
|
|
if (this.form3.selectIds.length === 0) {
|
|
|
|
|
this.$message.warning(message);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.form3.deleteIds = this.form3.tableData3
|
|
|
|
|
.filter(row => this.form3.selectIds.includes(row.id || row._tempId))
|
|
|
|
|
.filter(row => row.id != null && row.id !== '')
|
|
|
|
|
.map(row => row.id);
|
|
|
|
|
this.form3.tableData3 = this.form3.tableData3.filter(row => {
|
|
|
|
|
const key = row.id || row._tempId;
|
|
|
|
|
return !this.form3.selectIds.includes(key);
|
|
|
|
|
});
|
|
|
|
|
this.form3.selectIds = [];
|
|
|
|
|
} else if (active === '4') {
|
|
|
|
|
if (this.form4.selectIds.length === 0) {
|
|
|
|
|
this.$message.warning(message);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.form4.deleteIds = this.form4.tableData4
|
|
|
|
|
.filter(row => this.form4.selectIds.includes(row.id || row._tempId))
|
|
|
|
|
.filter(row => row.id != null && row.id !== '')
|
|
|
|
|
.map(row => row.id);
|
|
|
|
|
|
|
|
|
|
this.form4.tableData4 = this.form4.tableData4.filter(row => {
|
|
|
|
|
const key = row.id || row._tempId;
|
|
|
|
|
return !this.form4.selectIds.includes(key);
|
|
|
|
|
});
|
|
|
|
|
this.form4.selectIds = [];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.$message.success('删除成功');
|
|
|
|
|
},
|
|
|
|
|
checkingProNo(table) {
|
|
|
|
|
// 验证工序号是否重复
|
|
|
|
|
const tableData = table;
|
|
|
|
|
const proNoList = [];
|
|
|
|
|
tableData.forEach(item => {
|
|
|
|
|
proNoList.push(item.processNo);
|
|
|
|
|
});
|
|
|
|
|
const list = Array.from(new Set(proNoList));
|
|
|
|
|
if (tableData.length !== list.length) {
|
|
|
|
|
// return this.$message.warning('工序号重复,请修改！');
|
|
|
|
|
return true;
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
saveInfo() {
|
|
|
|
|
|
|
|
|
|
if (this.activeName == '1') {
|
|
|
|
|
// 调用单个 Form 的校验方法
|
|
|
|
|
this.$refs.tableForm1.validate(async (isValid, invalidFields) => {
|
|
|
|
|
if (isValid) {
|
|
|
|
|
if (Object.keys(this.treeNodes).length == 0) {
|
|
|
|
|
return this.$message.warning('请先选择左侧组织树数据');
|
|
|
|
|
}
|
|
|
|
|
if (this.checkingProNo(this.form1.tableData1)) {
|
|
|
|
|
return this.$message.warning('工序号重复,请修改！');
|
|
|
|
|
}
|
|
|
|
|
// 验证涂色标的工时是否大于0
|
|
|
|
|
let isReturn = 0;
|
|
|
|
|
this.form1.tableData1.forEach(item => {
|
|
|
|
|
if (item.processName === '涂色标' && item.hourQuota <= 0) {
|
|
|
|
|
isReturn = 1;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
// 验证主工序 是否设置
|
|
|
|
|
let noMainPro = false;
|
|
|
|
|
const arr = [];
|
|
|
|
|
const pidList = [];
|
|
|
|
|
const tableData = this.form1.tableData1;
|
|
|
|
|
tableData.forEach(item => {
|
|
|
|
|
if (item.isMain) {
|
|
|
|
|
noMainPro = true;
|
|
|
|
|
}
|
|
|
|
|
arr.push(item.processName);
|
|
|
|
|
if (item.processName == '镀后检验') {
|
|
|
|
|
pidList.push(item.pid);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if (!noMainPro) {
|
|
|
|
|
return this.$message.error('此套工艺未含主工序，请设置主工序!!!');
|
|
|
|
|
}
|
|
|
|
|
if (isReturn == 1) {
|
|
|
|
|
return this.$message.warning('涂色标的工时定额必须大于0,请修改！');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const res = await getPartDetail(this.partId);
|
|
|
|
|
console.log(res);
|
|
|
|
|
let dsCraftMold = res.data.data.dsPartEntity;
|
|
|
|
|
|
|
|
|
|
if (dsCraftMold.markingsTest == '1') {
|
|
|
|
|
if (!arr.includes('涂色标')) {
|
|
|
|
|
return this.$message.warning('该工艺包含的工序必须包含涂色标');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 验证热处理工序是否存在
|
|
|
|
|
if (dsCraftMold.hardness == '1') {
|
|
|
|
|
if (!arr.includes('热处理检验')) {
|
|
|
|
|
this.$message({
|
|
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
|
|
message:
|
|
|
|
|
'<strong style="font-size:22px" >' +
|
|
|
|
|
'该零件硬度为 ' +
|
|
|
|
|
dsCraftMold.hardness +
|
|
|
|
|
', 没有热处理检验工序。' +
|
|
|
|
|
'</strong>',
|
|
|
|
|
showClose: true,
|
|
|
|
|
duration: 7000,
|
|
|
|
|
type: 'warning',
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$message({
|
|
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
|
|
message:
|
|
|
|
|
'<strong style="font-size:22px" >' +
|
|
|
|
|
'该零件硬度为 ' +
|
|
|
|
|
dsCraftMold.hardness +
|
|
|
|
|
', 存在热处理检验工序。' +
|
|
|
|
|
'</strong>',
|
|
|
|
|
showClose: true,
|
|
|
|
|
duration: 7000,
|
|
|
|
|
type: 'success',
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 验证镀种存在 SB 判断工序是否存在喷砂
|
|
|
|
|
if (dsCraftMold.plate != null && dsCraftMold.plate.indexOf('SB') != -1) {
|
|
|
|
|
if (!arr.includes('喷砂')) {
|
|
|
|
|
this.$message({
|
|
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
|
|
message:
|
|
|
|
|
'<strong style="font-size:22px" >' +
|
|
|
|
|
'该镀种存在 SB ' +
|
|
|
|
|
dsCraftMold.plate +
|
|
|
|
|
', 没有喷砂工序。' +
|
|
|
|
|
'</strong>',
|
|
|
|
|
showClose: true,
|
|
|
|
|
duration: 7000,
|
|
|
|
|
type: 'warning',
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 判断镀种中是否包含 不钝化
|
|
|
|
|
if (dsCraftMold.plate != null && dsCraftMold.plate.indexOf('不钝化') != -1) {
|
|
|
|
|
// 如果存在镀后检验工序
|
|
|
|
|
if (pidList.length > 0) {
|
|
|
|
|
// 拿出所有镀后检验工序对应的实验项目
|
|
|
|
|
let isExist = 0;
|
|
|
|
|
const res1 = await this.$ajax.post('dsMatingInfo/loadMatingInfoByPidList', {
|
|
|
|
|
pidList: pidList,
|
|
|
|
|
miType: 1,
|
|
|
|
|
});
|
|
|
|
|
res1.data.forEach(item => {
|
|
|
|
|
if (item.trialItem.indexOf('可焊性') != -1) {
|
|
|
|
|
// 如果其中存在可焊性实验项目
|
|
|
|
|
isExist = 1;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
if (isExist != 1) {
|
|
|
|
|
this.$message({
|
|
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
|
|
message:
|
|
|
|
|
'<strong style="font-size:22px" >' +
|
|
|
|
|
'该零件镀种包含不钝化 ' +
|
|
|
|
|
dsCraftMold.plate +
|
|
|
|
|
', 镀后检验中未设置可焊性检测试验项目。' +
|
|
|
|
|
'</strong>',
|
|
|
|
|
showClose: true,
|
|
|
|
|
duration: 7000,
|
|
|
|
|
type: 'warning',
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// // yingGuangJian 荧光检验证
|
|
|
|
|
// if (dsCraftMold.fluorescenceCheck=='1') {
|
|
|
|
|
// let flag = false;
|
|
|
|
|
// arr.forEach((item) => {
|
|
|
|
|
// if (item.indexOf('荧光检') !== -1) {
|
|
|
|
|
// flag = true;
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
// if (!flag) {
|
|
|
|
|
// return this.$message({
|
|
|
|
|
// dangerouslyUseHTMLString: true,
|
|
|
|
|
// message:
|
|
|
|
|
// '<strong style="font-size:22px" >' +
|
|
|
|
|
// '该工艺包含的工序必须包含荧光检工序' +
|
|
|
|
|
// '</strong>',
|
|
|
|
|
// showClose: true,
|
|
|
|
|
// duration: 7000,
|
|
|
|
|
// type: 'warning'
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// // heatTreatmentTest 热处理检验验证
|
|
|
|
|
// if (dsCraftMold.hotDispose=='1') {
|
|
|
|
|
// if (!arr.includes('热处理检验')) {
|
|
|
|
|
// return this.$message({
|
|
|
|
|
// dangerouslyUseHTMLString: true,
|
|
|
|
|
// message:
|
|
|
|
|
// '<strong style="font-size:22px" >' +
|
|
|
|
|
// '该工艺包含的工序必须包含热处理检验工序' +
|
|
|
|
|
// '</strong>',
|
|
|
|
|
// showClose: true,
|
|
|
|
|
// duration: 7000,
|
|
|
|
|
// type: 'warning'
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// // penmark 喷码验证
|
|
|
|
|
// if (dsCraftMold.inkjetPrinting=='1') {
|
|
|
|
|
// let flag = false;
|
|
|
|
|
// arr.forEach((item) => {
|
|
|
|
|
// if (item.indexOf('喷码') !== -1) {
|
|
|
|
|
// flag = true;
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
// if (!flag) {
|
|
|
|
|
// return this.$message({
|
|
|
|
|
// dangerouslyUseHTMLString: true,
|
|
|
|
|
// message:
|
|
|
|
|
// '<strong style="font-size:22px" >' +
|
|
|
|
|
// '该工艺包含的工序必须包含喷码工序' +
|
|
|
|
|
// '</strong>',
|
|
|
|
|
// showClose: true,
|
|
|
|
|
// duration: 7000,
|
|
|
|
|
// type: 'warning'
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
this.craftLoading = true
|
|
|
|
|
|
|
|
|
|
// 处理传参
|
|
|
|
|
if (this.treeNodes.rawData.qualityGradeCode) {
|
|
|
|
|
let qualityInfo = this.rankList.find(
|
|
|
|
|
item => item.code == this.treeNodes.rawData.qualityGradeCode
|
|
|
|
|
);
|
|
|
|
|
// this.treeNodes.rawData.qualityGradeName = qualityInfo.name;
|
|
|
|
|
}
|
|
|
|
|
let query_ = {
|
|
|
|
|
dsPart: this.partInfoData, //零件信息
|
|
|
|
|
craft: this.treeNodes.rawData, //工艺信息
|
|
|
|
|
processList: this.form1.tableData1, //工序集合
|
|
|
|
|
deleteIds: this.form1.deleteIds, //删除ids
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
authorizedAccomplish2(query_).then(res => {
|
|
|
|
|
this.$message.success('保存成功');
|
|
|
|
|
this.craftLoading = false
|
|
|
|
|
this.getDetails();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.activeName == '2') {
|
|
|
|
|
this.$refs.tableForm2.validate((isValid, invalidFields) => {
|
|
|
|
|
if (isValid) {
|
|
|
|
|
this.craftLoading = true
|
|
|
|
|
let query_ = {
|
|
|
|
|
processEntity: this.treeNodes.rawData.processInfo, //工序
|
|
|
|
|
processProjectEntityList: this.form2.tableData2, //项目
|
|
|
|
|
deleteIds: this.form2.deleteIds, //删除ids
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
saveProcessProjectSave(query_).then(res => {
|
|
|
|
|
this.$message.success('保存成功');
|
|
|
|
|
this.craftLoading = false
|
|
|
|
|
this.getDetails();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.activeName == '3') {
|
|
|
|
|
this.$refs.tableForm3.validate((isValid, invalidFields) => {
|
|
|
|
|
if (isValid) {
|
|
|
|
|
this.craftLoading = true
|
|
|
|
|
let query_ = {
|
|
|
|
|
processEntity: this.treeNodes.rawData.processInfo, //工序
|
|
|
|
|
processMeasuringToolEntities: this.form3.tableData3, //尺寸量具
|
|
|
|
|
deleteIds: this.form3.deleteIds, //删除ids
|
|
|
|
|
};
|
|
|
|
|
saveProcessMeasuringTool(query_).then(res => {
|
|
|
|
|
this.$message.success('保存成功');
|
|
|
|
|
this.craftLoading = false
|
|
|
|
|
this.getDetails();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.activeName == '4') {
|
|
|
|
|
this.$refs.tableForm4.validate((isValid, invalidFields) => {
|
|
|
|
|
if (isValid) {
|
|
|
|
|
this.craftLoading = true
|
|
|
|
|
let query_ = {
|
|
|
|
|
processEntity: this.treeNodes.rawData.processInfo, //工序
|
|
|
|
|
processMoldToolEntities: this.form4.tableData4, //尺寸量具
|
|
|
|
|
deleteIds: this.form4.deleteIds, //删除ids
|
|
|
|
|
};
|
|
|
|
|
saveProcessMoldTool(query_).then(res => {
|
|
|
|
|
this.$message.success('保存成功');
|
|
|
|
|
this.craftLoading = false
|
|
|
|
|
this.getDetails();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.box-card {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
height: calc(100vh - 200px);
|
|
|
|
|
|
|
|
|
|
.process-left {
|
|
|
|
|
// padding: 20px;
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
|
|
|
|
.process-select {
|
|
|
|
|
padding: 12px;
|
|
|
|
|
background: #e4e7ed;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
:deep(.el-form-item) {
|
|
|
|
|
margin-bottom: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
.process-right {
|
|
|
|
|
padding: 12px;
|
|
|
|
|
flex: 1;
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
border-left: 0;
|
|
|
|
|
|
|
|
|
|
.table-btn {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 50px;
|
|
|
|
|
|
|
|
|
|
.table-btn-left {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-btn-right {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-table .el-table__cell) {
|
|
|
|
|
height: 50px !important;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
line-height: 50px !important;
|
|
|
|
|
}
|
|
|
|
|
.tableHeight {
|
|
|
|
|
height: calc(100vh - 50px - 80px - 40px - 94px - 50px - 50px);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
