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.
982 lines
32 KiB
982 lines
32 KiB
<template> |
|
<el-dialog title="详情" v-model="setCrewShow" :before-close="cancel" fullscreen> |
|
<div class="tabs-container"> |
|
<el-tabs v-if="setCrewShow" v-model="activeNameTab"> |
|
<el-tab-pane label="零件信息" name="1"> </el-tab-pane> |
|
<el-tab-pane label="工艺编制" name="2"> </el-tab-pane> |
|
</el-tabs> |
|
<div class="content-right"> |
|
<p v-if="this.detailsType == 'taskProcessing'">工艺版本：{{ version }}</p> |
|
<div class="version_select" v-else> |
|
工艺版本：<el-select v-model="version" placeholder="请输入" clearable filterable> |
|
<el-option |
|
v-for="(item, index) in versionOptions" |
|
:key="index" |
|
:label="item.partVersions" |
|
:value="item.partVersions" |
|
/> |
|
</el-select> |
|
</div> |
|
</div> |
|
<div v-show="activeNameTab === '1'"> |
|
<el-card class="box-card-info"> |
|
<div slot="header" class="clearfix"> |
|
<span style="font-size: 20px">基本信息</span> |
|
</div> |
|
<el-form |
|
ref="testForm" |
|
:model="formData" |
|
label-width="120px" |
|
label-position="right" |
|
:validate-on-rule-change="false" |
|
class="vd-form-three" |
|
> |
|
<el-row :gutter="24"> |
|
<el-col :span="6"> |
|
<el-form-item label="零件号:" prop="partCode"> |
|
{{ formData.partCode }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6"> |
|
<el-form-item label="零件名称:" prop="partName"> |
|
{{ formData.partName }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6"> |
|
<el-form-item label="产品型号:" prop="productType"> |
|
{{ formData.productType }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '烧结'"> |
|
<el-form-item label="是否为玻璃饼:" prop="isGlassCake"> |
|
{{ formData.isGlassCake ? '是' : '否' }} |
|
</el-form-item> |
|
</el-col> |
|
|
|
<el-col :span="6" v-if="partType == '烧结'"> |
|
<el-form-item label="是否印字:" prop="isPrint"> |
|
<span v-if="!formData.isGlassCake"> |
|
{{ formData.isPrint == 1 ? '否' : formData.isPrint == 2 ? '单' : '双' }} |
|
</span> |
|
<span v-if="formData.isGlassCake"> |
|
{{ formData.isPrint == 2 ? '是' : '否' }} |
|
</span> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '烧结' && formData.isGlassCake"> |
|
<el-form-item label="材料:" prop="glassCailiao"> |
|
{{ formData.material }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '烧结' && formData.isGlassCake"> |
|
<el-form-item label="粉重:" prop="powderWeight"> |
|
{{ formData.powderWeight }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '烧结' && formData.isGlassCake"> |
|
<el-form-item label="成型厚度:" prop="formingThickness"> |
|
{{ formData.formingThickness }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '烧结' && formData.isGlassCake"> |
|
<el-form-item label="面积(dm²):" prop="area"> |
|
{{ formData.area }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="硬度:" prop="hardness"> |
|
{{ formData.hardness }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="材料:" prop="material"> |
|
{{ formData.material }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col |
|
:span="6" |
|
v-if="partType == '热表' || (partType == '烧结' && formData.isGlassCake)" |
|
> |
|
<el-form-item label="物料编码:" prop="plateGoodsCode"> |
|
<el-select |
|
v-model="formData.plateGoodsCode" |
|
placeholder="请选择" |
|
style="width: 250px" |
|
disabled |
|
clearable |
|
filterable |
|
> |
|
<el-option :value="'04-05-023'" label="金钾-04-05-023" /> |
|
<el-option :value="'04-05-024'" label="银板-04-05-024" /> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="镀种1:" prop="plate"> |
|
<el-select |
|
v-model="formData.plate" |
|
placeholder="请选择" |
|
style="width: 250px" |
|
disabled |
|
clearable |
|
filterable |
|
> |
|
<el-option |
|
v-for="item in plateList" |
|
:label="item.plating" |
|
:value="item.id" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="镀层代号1:" prop="plateCode"> |
|
{{ formData.plateCode }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="面积1(dm²):" prop="area"> |
|
{{ formData.area }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="镀种2:" prop="plateTwo"> |
|
<el-select |
|
v-model="formData.plateTwo" |
|
placeholder="请选择" |
|
style="width: 250px" |
|
disabled |
|
clearable |
|
filterable |
|
> |
|
<el-option |
|
v-for="item in plateList" |
|
:label="item.plating" |
|
:value="item.id" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="镀层代号2:" prop="plateCodeTwo"> |
|
{{ formData.plateCodeTwo }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="面积2(dm²):" prop="areaTwo"> |
|
{{ formData.areaTwo }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6" v-if="partType == '热表'"> |
|
<el-form-item label="镀层厚度:" prop="plateThickness"> |
|
{{ formData.plateThickness }} |
|
</el-form-item> |
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
<el-form-item label="产品应用领域:" prop="plateThickness"> |
|
{{ formData.productApplicationArea }} |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
|
|
<el-row :gutter="24"> |
|
<el-col :span="16"> |
|
<el-form-item label="工艺路线:" prop="craftWay"> |
|
{{ formData.craftWay }} |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="24"> |
|
<el-col :span="6"> |
|
<el-form-item label="有效期:" prop="periodOfValidity"> |
|
{{ formData.periodOfValidity == 1 ? '长期有效' : '自定义' }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6"> |
|
<el-form-item label="有效周期(天):" prop="expirationPeriod"> |
|
{{ formData.expirationPeriod }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6"> |
|
<el-form-item label="到期提醒(天):" prop="advanceRemind"> |
|
{{ formData.advanceRemind }} |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="24"> |
|
<el-col :span="6"> |
|
<el-form-item label="涂色标个数:" prop="tsbNum"> |
|
{{ formData.tsbNum }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6"> |
|
<el-form-item label="涂色带个数:" prop="tsdNum"> |
|
{{ formData.tsdNum }} |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="6"> |
|
<el-form-item label="涂箭头个数:" prop="tjtNum"> |
|
{{ formData.tjtNum }} |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="24"> |
|
<el-col :span="16"> |
|
<el-form-item label="色标色带:" prop="memo"> |
|
{{ formData.memo }} |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="24"> |
|
<el-col :span="16"> |
|
<el-form-item label="关键信息:" prop="keyInfo"> |
|
{{ formData.keyInfo }} |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<el-row :gutter="24"> |
|
<el-col |
|
:span="24" |
|
v-if="partType == '热表' || (partType == '烧结' && formData.isGlassCake)" |
|
> |
|
<el-form-item label="工艺校验:" prop="sinTer"> |
|
<el-checkbox v-model="formData.goldMark" v-if="partType == '热表'" disabled |
|
>镀金标识</el-checkbox |
|
> |
|
<el-checkbox |
|
v-model="formData.markingsTest" |
|
@change="setDataLocal" |
|
:true-label="'1'" |
|
:false-label="'0'" |
|
disabled |
|
>涂色标</el-checkbox |
|
> |
|
<el-checkbox |
|
v-model="formData.fluorescenceCheck" |
|
@change="setDataLocal" |
|
v-if="partType == '热表'" |
|
:true-label="'1'" |
|
:false-label="'0'" |
|
disabled |
|
>荧光检</el-checkbox |
|
> |
|
<el-checkbox |
|
v-model="formData.hotDispose" |
|
@change="setDataLocal" |
|
v-if="partType == '热表'" |
|
:true-label="'1'" |
|
:false-label="'0'" |
|
disabled |
|
>热处理检验</el-checkbox |
|
> |
|
<el-checkbox |
|
v-model="formData.inkjetPrinting" |
|
@change="setDataLocal" |
|
v-if="partType == '热表'" |
|
:true-label="'1'" |
|
:false-label="'0'" |
|
disabled |
|
>喷码</el-checkbox |
|
> |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
</el-form> |
|
</el-card> |
|
<el-card |
|
class="box-card" |
|
v-if="formData.isSintering == '1' && !formData.isGlassCake" |
|
style="margin-top: 24px" |
|
> |
|
<div slot="header" class="clearfix"> |
|
<span style="font-size: 20px">子件信息</span> |
|
</div> |
|
<avue-crud |
|
:option="option" |
|
:table-loading="loading" |
|
:data="dataTable" |
|
v-model="form" |
|
ref="crud" |
|
> |
|
</avue-crud> |
|
</el-card> |
|
</div> |
|
<div v-show="activeNameTab === '2'" class="box-card box-card-two"> |
|
<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> |
|
<el-tree |
|
style="width: 240px" |
|
:data="data" |
|
:props="defaultProps" |
|
@node-click="handleNodeClick" |
|
:default-expand-all="true" |
|
:expand-on-click-node="false" |
|
/> |
|
</div> |
|
<div class="process-right"> |
|
<el-form :model="form" label-width="auto" v-if="Object.keys(treeNodes).length !== 0"> |
|
<el-row :gutter="24"> |
|
<el-col :span="8"> |
|
<el-form-item label="重要度:" prop="prority"> |
|
<el-select |
|
v-model="treeNodes.rawData.prority" |
|
:placeholder="'请选择'" |
|
clearable |
|
filterable |
|
disabled |
|
> |
|
<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="qualityGradeName"> |
|
<el-select |
|
v-model="treeNodes.rawData.qualityGradeCode" |
|
:placeholder="'请选择'" |
|
clearable |
|
filterable |
|
disabled |
|
> |
|
<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="beizhu"> |
|
<el-input v-model="treeNodes.rawData.remarks" placeholder="请输入" disabled /> |
|
</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> |
|
<el-table :data="form1.tableData1" style="width: 100%" v-if="activeName == '1'" border> |
|
<el-table-column prop="processNo" label="工序号"></el-table-column> |
|
<el-table-column prop="processName" label="工序"> </el-table-column> |
|
<el-table-column prop="craftName" label="工艺能力"> </el-table-column> |
|
<el-table-column prop="proDes" label="工序描述"> </el-table-column> |
|
<el-table-column prop="proHours" label="定额工时(分钟)"> </el-table-column> |
|
<el-table-column prop="setoutHours" label="准备工时(分钟)"> </el-table-column> |
|
<el-table-column prop="isMain" label="是否主工序"> |
|
<template #default="scope"> |
|
{{ scope.row.isMain == '1' ? '是' : '否' }} |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
<el-table :data="form2.tableData2" style="width: 100%" v-if="activeName == '2'" border> |
|
<el-table-column prop="processNo" label="工序号"></el-table-column> |
|
<el-table-column prop="projectName" label="检验项目"> |
|
<template #default="scope"> |
|
<el-select |
|
v-model="scope.row.projectName" |
|
placeholder="请选择" |
|
clearable |
|
filterable |
|
disabled |
|
> |
|
<el-option |
|
v-for="(item, index) in projectOptions" |
|
:label="item.name" |
|
:value="item.id" |
|
></el-option> |
|
</el-select> |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="projectStandard" label="检验标准"> |
|
<template #default="scope"> |
|
<el-select |
|
v-model="scope.row.projectStandard" |
|
placeholder="请选择" |
|
clearable |
|
filterable |
|
disabled |
|
> |
|
<el-option |
|
v-for="(item, index) in standardList" |
|
:label="item.name" |
|
:value="item.id" |
|
></el-option> |
|
</el-select> |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="proHours" label="定额工时(分钟)"> </el-table-column> |
|
<el-table-column prop="prepareHours" label="准备工时(分钟)"></el-table-column> |
|
</el-table> |
|
<el-table :data="form3.tableData3" style="width: 100%" v-if="activeName == '3'" border> |
|
<el-table-column prop="processNo" label="工序号"></el-table-column> |
|
<el-table-column prop="testType" label="镀前镀后"> |
|
<template #default="scope"> |
|
{{ scope.row.testType == 1 ? '镀前' : '镀后' }} |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="tool" label="量具"> </el-table-column> |
|
<el-table-column prop="toolSize" label="量具尺寸"></el-table-column> |
|
<el-table-column prop="toolInfo" label="图纸尺寸"></el-table-column> |
|
</el-table> |
|
<el-table :data="form4.tableData4" style="width: 100%" v-if="activeName == '4'" border> |
|
<el-table-column prop="processNo" label="工序号"></el-table-column> |
|
<el-table-column prop="moldCode" label="对应工装"> </el-table-column> |
|
<el-table-column prop="moldName" label="工装名称"></el-table-column> |
|
<el-table-column prop="isPrint" label="是否印字"></el-table-column> |
|
<el-table-column prop="printNo" label="印字版编号"></el-table-column> |
|
<el-table-column prop="testFixtureNo" label="测试夹具号"></el-table-column> |
|
</el-table> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<template #footer> |
|
<div class="dialog-footer"> |
|
<el-button @click="cancel()">取消</el-button> |
|
<!-- <el-button type="primary" @click="cancel()"> 确认 </el-button> --> |
|
</div> |
|
</template> |
|
</el-dialog> |
|
</template> |
|
<script> |
|
import dsPartBasicInfo from './dsPartBasicInfo.vue'; |
|
import processPlanning from './processPlanning.vue'; |
|
import { |
|
getPartManagementDetail, |
|
getProcessManagementAuthorized, |
|
getPartDetail, |
|
getProcessAuthorized, |
|
getVersion, |
|
getPlatingList, |
|
getProject, |
|
} from '@/api/processManagement/taskProcessing'; |
|
|
|
export default { |
|
name: 'DsPartIndex', |
|
components: { |
|
dsPartBasicInfo, |
|
processPlanning, |
|
}, |
|
props: { |
|
// partType: { |
|
// type: String, |
|
// default: '', |
|
// }, |
|
isOpen: { |
|
type: Boolean, |
|
default: false, |
|
}, |
|
rowData: { |
|
type: Object, |
|
default: () => ({}), |
|
}, |
|
detailsType: { |
|
type: String, |
|
default: '', |
|
}, |
|
partId: { |
|
type: String, |
|
default: '', |
|
}, |
|
}, |
|
data() { |
|
return { |
|
showProcessVersion: false, |
|
setCrewShow: false, |
|
activeName: '1', |
|
activeNameTab: '1', |
|
craftData: {}, |
|
treeNodes: {}, |
|
formData: {}, |
|
form: {}, |
|
processLevel: '1', |
|
rankList: [], |
|
rank: '2', |
|
priorityList: [], |
|
form1: { |
|
tableData1: [], //工序 |
|
}, |
|
form2: { |
|
tableData2: [], //项目 |
|
}, |
|
form3: { |
|
tableData3: [], //量具 |
|
}, |
|
form4: { |
|
tableData4: [], //工装 |
|
}, |
|
activeName: '1', |
|
treeLeave: 2, //组织树选中层级 |
|
data: [], |
|
dataTable: [], |
|
option: { |
|
tip: false, |
|
simplePage: false, |
|
searchShow: true, |
|
searchMenuSpan: 6, |
|
dialogWidth: '60%', |
|
border: true, |
|
selection: false, |
|
viewBtn: true, |
|
menuWidth: 240, |
|
dialogClickModal: false, |
|
excelBtn: true, |
|
viewBtn: false, |
|
editBtnText: '编辑', |
|
refreshBtn: false, |
|
searchShowBtn: false, |
|
gridBtn: false, |
|
menu: false, |
|
header: false, |
|
index: true, |
|
searchLabelPosition: 'left', |
|
searchGutter: 24, |
|
searchSpan: 6, |
|
menuAlign: 'left', |
|
gridBtn: false, |
|
searchMenuPosition: 'right', |
|
addBtnIcon: ' ', |
|
viewBtnIcon: ' ', |
|
delBtnIcon: ' ', |
|
editBtnIcon: ' ', |
|
align: 'center', |
|
column: [ |
|
{ |
|
label: '零件号', |
|
prop: 'partCode', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '零件名称', |
|
prop: 'partName', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '产品型号', |
|
prop: 'productType', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '面积', |
|
prop: 'area', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '数量', |
|
prop: 'quota', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '总面积', |
|
prop: 'totalArea', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '零件类型', |
|
prop: 'sinTerType', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
type: 'select', |
|
filterable: true, |
|
clearable: true, |
|
cell: true, |
|
dicData: [ |
|
{ |
|
label: '插针', |
|
value: '1', |
|
}, |
|
{ |
|
label: '壳体', |
|
value: '2', |
|
}, |
|
{ |
|
label: '石墨模', |
|
value: '5', |
|
}, |
|
{ |
|
label: '自制玻璃饼', |
|
value: '3', |
|
}, |
|
{ |
|
label: '其他', |
|
value: '4', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '修改人', |
|
prop: 'updateUser', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
{ |
|
label: '修改时间', |
|
prop: 'updateTime', |
|
search: false, |
|
sortable: true, |
|
overHidden: true, |
|
}, |
|
], |
|
}, |
|
loading: false, |
|
defaultProps: { |
|
children: 'children', |
|
label: 'label', |
|
}, |
|
version: '', //版本号 |
|
versionOptions: [], // |
|
plateList: [], //镀种信息 |
|
projectOptions: [], |
|
standardList: [], //检验标准 |
|
}; |
|
}, |
|
mounted() { |
|
this.setCrewShow = this.isOpen; |
|
|
|
this.getCcraftInfo(); |
|
this.getPartInfo(); |
|
this.getPlatingList(); |
|
this.getStandardList(); |
|
if (this.detailsType == 'processPlanning') { |
|
console.log(9999,this.rowData) |
|
// this.partChange() |
|
} |
|
|
|
// |
|
}, |
|
methods: { |
|
getStandardList() { |
|
getStandardList().then(res => { |
|
this.standardList = res.data.data; |
|
}); |
|
}, |
|
getProject() { |
|
getProject({ size: 999999, current: 1 }).then(res => { |
|
this.projectOptions = res.data.data.records; |
|
}); |
|
}, |
|
getPlatingList() { |
|
getPlatingList().then(res => { |
|
this.plateList = res.data.data; |
|
}); |
|
}, |
|
// 获取零件号的版本号列表 |
|
partChange(partId) { |
|
getVersion({ partId: partId }).then(res => { |
|
this.versionOptions = res.data.data; |
|
}); |
|
}, // 组织树点击 |
|
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 = []; |
|
// 根据节点层级切换标签页 |
|
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.map(item => ({ |
|
trialNo: item.projectCode, |
|
projectName: item.projectName, |
|
projectStandard: item.projectStandard, |
|
proHours: item.proHours, |
|
prepareHours: item.prepareHours, |
|
})); |
|
|
|
// 加载量具表格数据 |
|
this.form3.tableData3 = measuringToolList.map(item => ({ |
|
trialNo: item.projectCode || '', |
|
testType: item.testType, |
|
tool: item.tool, |
|
toolSize: item.toolSize, |
|
toolInfo: item.toolInfo, |
|
})); |
|
|
|
// 加载工装表格数据 |
|
this.form4.tableData4 = moldToolList.map(item => ({ |
|
trialNo: processInfo.processNo, |
|
moldCode: item.moldCode, |
|
moldName: item.moldName, |
|
isPrint: item.isPrint, |
|
printNo: item.printNo, |
|
testFixtureNo: item.testFixtureNo, |
|
})); |
|
} |
|
}, |
|
setDataLocal() { |
|
this.$setItem('零件信息信息验证', this.validateObj); |
|
}, |
|
leavelChange(value) { |
|
console.log('工艺级别', value); |
|
this.getCcraftInfo(); |
|
this.getPartInfo(); |
|
}, |
|
// 获取工艺信息 |
|
getCcraftInfo() { |
|
// 零件工艺管理-详情 |
|
if (this.detailsType == 'processPlanning') { |
|
let query = { |
|
partId: this.rowData.id, |
|
partVersion: '1.3', |
|
rank: this.rank, |
|
}; |
|
getProcessManagementAuthorized(query).then(res => { |
|
this.data = this.transformCraftTree(res.data.data); |
|
}); |
|
} else if (this.detailsType === 'taskProcessing') { |
|
let query = { |
|
partId: this.partId, |
|
rank: this.rank, |
|
taskId: this.rowData.id, |
|
}; |
|
getProcessAuthorized(query).then(res => { |
|
this.craftData = res.data.data; |
|
this.data = this.transformCraftTree(res.data.data); |
|
}); |
|
} |
|
}, |
|
// 获取零件信息 |
|
getPartInfo() { |
|
console.log('获取零件信息', this.rowData); |
|
// 零件工艺管理-详情 |
|
if (this.detailsType == 'processPlanning') { |
|
let query = { |
|
partId: this.rowData.id, |
|
partVersion: '1.3', |
|
rank: this.rank, |
|
}; |
|
getPartManagementDetail(query).then(res => { |
|
this.formData = res.data.data.dsPartEntity; |
|
this.dataTable = res.data.data.dsPartEntities; |
|
this.version = res.data.data.partVersion; |
|
if (this.dataTable.length > 0) { |
|
this.dataTable.forEach(item => { |
|
item.totalArea = (item.quota * item.area).toFixed(5); // 保留5位小数（字符串） |
|
}); |
|
} |
|
if (this.formData.isSintering != '1') { |
|
this.partType = '热表'; |
|
} else { |
|
this.partType = '烧结'; |
|
} |
|
}); |
|
} else if (this.detailsType === 'taskProcessing') { |
|
getPartDetail(this.rowData.id).then(res => { |
|
this.formData = res.data.data.dsPartEntity; |
|
this.dataTable = res.data.data.dsPartEntities; |
|
this.version = res.data.data.partVersion; |
|
if (this.formData.isSintering != '1') { |
|
this.partType = '热表'; |
|
} else { |
|
this.partType = '烧结'; |
|
} |
|
|
|
if (this.dataTable.length > 0) { |
|
this.dataTable.forEach(item => { |
|
item.totalArea = (item.quota * item.area).toFixed(5); // 保留5位小数（字符串） |
|
}); |
|
} |
|
}); |
|
} |
|
}, |
|
// 组织树转换 |
|
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; |
|
}, |
|
handleClick(value) { |
|
console.log(999999, value); |
|
}, |
|
partSubRefLoad() { |
|
this.$refs.partSubRef.loadData(this.partId, true); |
|
}, |
|
cancelClose(flag, dsPart) { |
|
if (flag) { |
|
this.cancel(true); |
|
} else { |
|
this.partId = dsPart.partId; |
|
} |
|
}, |
|
cancel(refresh) { |
|
this.activeName = '1'; |
|
this.setCrewShow = false; |
|
this.$emit('cancel', typeof refresh === 'boolean' && refresh); |
|
}, |
|
}, |
|
}; |
|
</script> |
|
<style lang="scss" scoped> |
|
.tabs-container { |
|
position: relative; |
|
} |
|
|
|
.content-right { |
|
width: 260px; |
|
position: absolute; |
|
right: 0; |
|
top: -5px; |
|
/* 或者使用 flex: 0 0 200px; 根据需要调整宽度 */ |
|
.version_select { |
|
float: left; |
|
height: 50px; |
|
display: flex; |
|
line-height: 35px; |
|
.el-select { |
|
flex: 1; |
|
} |
|
} |
|
} |
|
.box-card-two { |
|
height: calc(100vh - 200px); |
|
} |
|
.box-card { |
|
display: flex; |
|
flex-direction: row; |
|
|
|
.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-card__body) { |
|
width: 100%; |
|
} |
|
:deep(.el-table .el-table__cell) { |
|
height: 50px !important; |
|
padding: 0 !important; |
|
line-height: 50px !important; |
|
} |
|
</style>
|
|
|