| | |
| | | </div> |
| | | <div class="page-main"> |
| | | <div class="document-basic"> |
| | | <el-form |
| | | :model="dataForm" |
| | | :rules="dataRule" |
| | | ref="dataForm" |
| | | style="width: 100%" |
| | | class="l-mes" |
| | | :disabled="!editable" |
| | | label-width="110px" |
| | | > |
| | | <el-form :model="dataForm" :rules="dataRule" ref="dataForm" style="width: 100%" class="l-mes" |
| | | :disabled="!editable" label-width="110px"> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item prop="name" label="文件名称"> |
| | | <el-input |
| | | v-model="dataForm.name" |
| | | placeholder="文件名称" |
| | | ></el-input> |
| | | <el-input v-model="dataForm.name" placeholder="文件名称"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-form-item prop="docType" label="类型"> |
| | | <el-select |
| | | v-model="dataForm.docType" |
| | | placeholder="请选择类型" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="(item, index) in bomTypeDbOptions" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | :key="index" |
| | | > |
| | | <el-select v-model="dataForm.docType" placeholder="请选择类型" style="width:100%"> |
| | | <el-option v-for="(item, index) in bomTypeDbOptions" :label="item.label" :value="item.value" |
| | | :key="index"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <el-form-item prop="version" label="版本号"> |
| | | <el-input |
| | | v-model="dataForm.version" |
| | | placeholder="版本号" |
| | | ></el-input> |
| | | <el-input v-model="dataForm.version" placeholder="版本号"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <!-- <el-col :span="3"> |
| | | <el-form-item prop="sheathColor" label="护套颜色"> |
| | | <el-input |
| | | v-model="dataForm.sheathColor" |
| | |
| | | placeholder="绝缘颜色" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | <!-- <el-col :span="4"> |
| | | <el-form-item label="项目号" prop="projectNo"> |
| | | <el-input |
| | |
| | | <el-col :span="5"> |
| | | <el-form-item label="产品零件号" prop="partNo"> |
| | | <el-input v-model="dataForm.partNo" placeholder="请选择零件"> |
| | | <el-button |
| | | slot="append" |
| | | icon="el-icon-search" |
| | | @click="openPartDialog()" |
| | | ></el-button> |
| | | <el-button slot="append" icon="el-icon-search" @click="openPartDialog()"></el-button> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="dataForm.remark" |
| | | placeholder="备注" |
| | | style="width:360px" |
| | | ></el-input> |
| | | <el-input type="textarea" v-model="dataForm.remark" placeholder="备注" style="width:360px"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | |
| | | <div class="document-detail"> |
| | | <el-tabs type="card" style="width: 100%;height: 100%"> |
| | | <el-tab-pane |
| | | label="原材用量" |
| | | style="height: 100%" |
| | | class="orimaterial-quantity" |
| | | > |
| | | <el-card |
| | | shadow="never" |
| | | style="margin-top: 12px;border: 1px solid #cfd5de;" |
| | | > |
| | | <el-tab-pane label="原材用量" style="height: 100%" class="orimaterial-quantity"> |
| | | <el-card shadow="never" style="margin-top: 12px;border: 1px solid #cfd5de;"> |
| | | <div slot="header"> |
| | | <div> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | class="blue-but" |
| | | v-if="editable" |
| | | @click="calcMaterialCost()" |
| | | >计算用量 |
| | | <el-button type="text" size="small" class="blue-but" v-if="editable" @click="calcMaterialCost()">计算用量 |
| | | </el-button> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="exportMaterialCost()" |
| | | >导出 |
| | | <el-button type="text" size="small" @click="exportMaterialCost()">导出 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | :data="materialCostList" |
| | | border |
| | | height="650" |
| | | :span-method="objectSpanMethod" |
| | | :header-cell-style="{ color: '#999' }" |
| | | class="document-materialcost-table" |
| | | show-summary |
| | | :summary-method="getSummaries" |
| | | ref="summeryTable" |
| | | > |
| | | <el-table-column |
| | | label="成品" |
| | | prop="finishedProduct" |
| | | align="center" |
| | | > |
| | | <el-table :data="materialCostList" border height="650" :span-method="objectSpanMethod" |
| | | :header-cell-style="{ color: '#999' }" class="document-materialcost-table" show-summary |
| | | :summary-method="getSummaries" ref="summeryTable"> |
| | | <el-table-column label="成品" prop="finishedProduct" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="Bom编号" |
| | | prop="bomNumber" |
| | | align="center" |
| | | > |
| | | <el-table-column label="Bom编号" prop="bomNumber" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="工序" |
| | | prop="operationName" |
| | | align="center" |
| | | > |
| | | <el-table-column label="工序" prop="operationName" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="物料" prop="partName" align="center"> |
| | | </el-table-column> |
| | |
| | | </el-table> |
| | | </el-card> |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | class="final-product-checkout" |
| | | label="成品检测" |
| | | style="height: 100%" |
| | | > |
| | | <TeststandardDialog |
| | | :editable="editable" |
| | | :documentId="Number(dataForm.id)" |
| | | > |
| | | <el-tab-pane class="final-product-checkout" label="成品检测" style="height: 100%"> |
| | | <TeststandardDialog :editable="editable" :documentId="Number(dataForm.id)"> |
| | | </TeststandardDialog> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="产品结构工序参数" style="height: 100%"> |
| | | <div class="document-related-stock-part"> |
| | | <div |
| | | style="padding-left:18px;font-size:14px;font-weight:700;color:#000;height:20px;line-height:20px;" |
| | | > |
| | | <div style="padding-left:18px;font-size:14px;font-weight:700;color:#000;height:20px;line-height:20px;"> |
| | | <span>相关库存零件</span> |
| | | </div> |
| | | <el-table |
| | | :data="relatedStockPartList" |
| | | @row-click="clickRelatedStockPart" |
| | | highlight-current-row |
| | | height="188px" |
| | | :header-cell-style="relatedStockPartTableHeaderCellStyle" |
| | | :row-style="{ height: '0' }" |
| | | :cell-style="{ padding: '1px' }" |
| | | > |
| | | <el-table-column |
| | | label="零件编号" |
| | | prop="partNo" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table :data="relatedStockPartList" @row-click="clickRelatedStockPart" highlight-current-row |
| | | height="188px" :header-cell-style="relatedStockPartTableHeaderCellStyle" :row-style="{ height: '0' }" |
| | | :cell-style="{ padding: '1px' }"> |
| | | <el-table-column label="零件编号" prop="partNo" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="零件描述" |
| | | prop="partName" |
| | | align="center" |
| | | width="400" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="零件描述" prop="partName" align="center" width="400" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="工艺路线编号" |
| | | prop="routingNo" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="工艺路线编号" prop="routingNo" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="工艺路线版本" |
| | | prop="routingVersion" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="工艺路线版本" prop="routingVersion" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="工艺替代号" |
| | | prop="routingAlternativeNo" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="工艺替代号" prop="routingAlternativeNo" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="工艺替代描述" |
| | | prop="routingAlternativeDesc" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="工艺替代描述" prop="routingAlternativeDesc" align="center" |
| | | :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="BOM号" |
| | | prop="bomNo" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="BOM号" prop="bomNo" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="BOM版本" |
| | | prop="bomVersion" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="BOM版本" prop="bomVersion" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="BOM替代号" |
| | | prop="bomAlternativeNo" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="BOM替代号" prop="bomAlternativeNo" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="BOM替代描述" |
| | | prop="bomAlternativeDesc" |
| | | align="center" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <el-table-column label="BOM替代描述" prop="bomAlternativeDesc" align="center" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <el-card class="document-bom" header="BOM-工序参数"> |
| | | <div slot="header"> |
| | | <span>BOM-工序参数</span> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | content="删除工艺路线" |
| | | placement="top-start" |
| | | v-if="editable" |
| | | style="margin-left:5px ;" |
| | | > |
| | | <el-button |
| | | style="float: right; padding: 3px 0px 3px 5px;color:red" |
| | | type="text" |
| | | @click="delCompleteproductstructure()" |
| | | >删除 |
| | | <el-tooltip class="item" effect="dark" content="删除工艺路线" placement="top-start" v-if="editable" |
| | | style="margin-left:5px ;"> |
| | | <el-button style="float: right; padding: 3px 0px 3px 5px;color:red" type="text" |
| | | @click="delCompleteproductstructure()">删除 |
| | | </el-button> |
| | | </el-tooltip> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | content="选择工艺路线" |
| | | placement="top-start" |
| | | v-if="editable" |
| | | > |
| | | <el-button |
| | | style="float: right; padding: 3px 0" |
| | | type="text" |
| | | @click="addTechnology()" |
| | | >添加 |
| | | <el-tooltip class="item" effect="dark" content="选择工艺路线" placement="top-start" v-if="editable"> |
| | | <el-button style="float: right; padding: 3px 0" type="text" @click="addTechnology()">添加 |
| | | </el-button> |
| | | </el-tooltip> |
| | | </div> |
| | | <el-collapse |
| | | v-model="currTechnologyBomPartName" |
| | | accordion |
| | | @change="handleCompleteproductstructureChange" |
| | | > |
| | | <el-collapse-item |
| | | v-for="(item, i) in completeproductstructureData" |
| | | :key="i" |
| | | :name="item.bomRoutingId" |
| | | > |
| | | <el-collapse v-model="currTechnologyBomPartName" accordion @change="handleCompleteproductstructureChange"> |
| | | <el-collapse-item v-for="(item, i) in completeproductstructureData" :key="i" :name="item.bomRoutingId"> |
| | | <template slot="title"> |
| | | <el-checkbox |
| | | class="completeproductstructure-checkout" |
| | | v-model="item.expand" |
| | | disabled |
| | | > |
| | | <span style="font-weight:bold">工艺路线编号:</span |
| | | >{{ item.routingNo }} |
| | | <span style="font-weight:bold">零件号:</span |
| | | >{{ item.partNo }} |
| | | <span style="font-weight:bold">零件名称:</span |
| | | >{{ item.partName }} |
| | | <span style="font-weight:bold">Bom编号:</span |
| | | >{{ item.number == null ? '无' : item.number }} |
| | | <el-checkbox class="completeproductstructure-checkout" v-model="item.expand" disabled> |
| | | <span style="font-weight:bold">工艺路线编号:</span>{{ item.routingNo }} |
| | | <span style="font-weight:bold">零件号:</span>{{ item.partNo }} |
| | | <span style="font-weight:bold">零件名称:</span>{{ item.partName }} |
| | | <span style="font-weight:bold">Bom编号:</span>{{ item.number == null ? '无' : item.number }} |
| | | </el-checkbox> |
| | | </template> |
| | | <div style="display:flex;"> |
| | |
| | | item.showBom |
| | | ? 'highlight-tab-class' |
| | | : 'unhighlight-tab-class' |
| | | ]" |
| | | @click="item.showBom = true" |
| | | > |
| | | ]" @click="item.showBom = true"> |
| | | BOM结构 |
| | | </div> |
| | | <div |
| | |
| | | !item.showBom |
| | | ? 'highlight-tab-class' |
| | | : 'unhighlight-tab-class' |
| | | ]" |
| | | @click="item.showBom = false" |
| | | > |
| | | ]" @click="item.showBom = false"> |
| | | 工序参数 |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="document-bom-div" v-show="item.showBom"> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | content="添加或更换BOM结构" |
| | | placement="top-start" |
| | | v-if="editable" |
| | | style="margin-right:20px;" |
| | | > |
| | | <el-button |
| | | style="float: right; padding: 3px 0px;color:#67c23a" |
| | | type="text" |
| | | @click="addCompleteproductstructure()" |
| | | >添加 |
| | | <el-tooltip class="item" effect="dark" content="添加或更换BOM结构" placement="top-start" v-if="editable" |
| | | style="margin-right:20px;"> |
| | | <el-button style="float: right; padding: 3px 0px;color:#67c23a" type="text" |
| | | @click="addCompleteproductstructure()">添加 |
| | | </el-button> |
| | | </el-tooltip> |
| | | <el-table |
| | | :data="item.completeproductstructureDetail" |
| | | row-key="id" |
| | | border |
| | | height="440" |
| | | default-expand-all |
| | | class="structure-detail-table" |
| | | > |
| | | <el-table :data="item.completeproductstructureDetail" row-key="id" border height="440" |
| | | default-expand-all class="structure-detail-table"> |
| | | <el-table-column prop="partNo" label="零件号" width="240"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="partName" |
| | | label="零件名称" |
| | | width="400" |
| | | > |
| | | <el-table-column prop="partName" label="零件名称" width="400"> |
| | | </el-table-column> |
| | | <el-table-column prop="qpa" label="数量" width="180"> |
| | | </el-table-column> |
| | |
| | | </el-table> |
| | | </div> |
| | | <div class="document-technology-div" v-show="!item.showBom"> |
| | | <div |
| | | style="border: 1px solid #ebeef5;height: 440px;overflow: auto;" |
| | | > |
| | | <el-collapse |
| | | v-model="currTechnologyOperationName" |
| | | accordion |
| | | @change=" |
| | | handleTechnologyOperationChange( |
| | | $event, |
| | | item.bomRoutingId |
| | | ) |
| | | " |
| | | > |
| | | <el-collapse-item |
| | | v-for="(ele, j) in item.technologyOperationData" |
| | | :key="j" |
| | | :name="ele.id" |
| | | > |
| | | <template slot="title" |
| | | ><span style="font-weight:300" |
| | | > 工序名称:</span |
| | | >{{ ele.operationName }} |
| | | <span style="font-weight:300">工序编号:</span |
| | | >{{ ele.operationNo }} |
| | | <div style="border: 1px solid #ebeef5;height: 440px;overflow: auto;"> |
| | | <el-collapse v-model="currTechnologyOperationName" accordion @change=" |
| | | handleTechnologyOperationChange( |
| | | $event, |
| | | item.bomRoutingId |
| | | ) |
| | | "> |
| | | <el-collapse-item v-for="(ele, j) in item.technologyOperationData" :key="j" :name="ele.id"> |
| | | <template slot="title"><span style="font-weight:300"> 工序名称:</span>{{ |
| | | ele.operationName }} |
| | | <span style="font-weight:300">工序编号:</span>{{ ele.operationNo }} |
| | | </template> |
| | | <el-tabs v-model="activeTemplateName" type="card"> |
| | | <el-tab-pane |
| | | v-for="(paramTab, index) in paramTabs" |
| | | :key="index" |
| | | :label="paramTab.label" |
| | | :name="paramTab.name" |
| | | > |
| | | <el-tab-pane v-for="(paramTab, index) in paramTabs" :key="index" :label="paramTab.label" |
| | | :name="paramTab.name"> |
| | | <el-table :data="paramTab.params"> |
| | | <el-table-column |
| | | prop="parameterItem" |
| | | label="名称" |
| | | align="center" |
| | | > |
| | | <el-table-column prop="parameterItem" label="名称" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span |
| | | >{{ scope.row.parameterItem }}({{ |
| | | scope.row.unit |
| | | }})</span |
| | | > |
| | | <span>{{ scope.row.parameterItem }}({{ |
| | | scope.row.unit |
| | | }})</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="paramValue" |
| | | label="值" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column prop="paramValue" label="值" align="center"></el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="备注" style="height: 100%"> |
| | | <rich-text |
| | | :editorId=" |
| | | 'fwb' + item.id + '-' + ele.id + '-' + j |
| | | " |
| | | :richContent="ele.remark" |
| | | ></rich-text> |
| | | <rich-text :editorId="'fwb' + item.id + '-' + ele.id + '-' + j |
| | | " :richContent="ele.remark"></rich-text> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="检测标准"> |
| | | <checkStandardTable |
| | | ref="documentTestStandardTable" |
| | | :dataFormId="dataForm.id" |
| | | :routingOperationId="ele.id" |
| | | :operationId="ele.operationId" |
| | | :operationName="ele.operationName" |
| | | :paramTypeOptions="paramTypeOptions" |
| | | :bomRoutingId=" |
| | | currTechnologyBomPart == null |
| | | ? null |
| | | : currTechnologyBomPart.bomRoutingId |
| | | " |
| | | :everyBomRoutingId="item.bomRoutingId" |
| | | :editable="editable" |
| | | @refreshTestStandardInfo=" |
| | | refreshTestStandardInfo |
| | | " |
| | | ></checkStandardTable> |
| | | <checkStandardTable ref="documentTestStandardTable" :dataFormId="dataForm.id" |
| | | :routingOperationId="ele.id" :operationId="ele.operationId" |
| | | :operationName="ele.operationName" :paramTypeOptions="paramTypeOptions" :bomRoutingId="currTechnologyBomPart == null |
| | | ? null |
| | | : currTechnologyBomPart.bomRoutingId |
| | | " :everyBomRoutingId="item.bomRoutingId" :editable="editable" |
| | | @refreshTestStandardInfo="refreshTestStandardInfo"></checkStandardTable> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="抽检规则"> |
| | | <div> |
| | | <div style="padding: 0px 20px;"> |
| | | <el-button |
| | | type="primary" |
| | | @click="openAddSpotCheckRuleDialog" |
| | | >新增</el-button |
| | | > |
| | | <el-button type="primary" @click="openAddSpotCheckRuleDialog">新增</el-button> |
| | | </div> |
| | | <div> |
| | | <el-table |
| | | :data="spotCheckRuleList" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column |
| | | prop="ruleNo" |
| | | label="规则编号" |
| | | align="center" |
| | | > |
| | | <el-table :data="spotCheckRuleList" style="width: 100%"> |
| | | <el-table-column prop="ruleNo" label="规则编号" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="ruleName" |
| | | label="规则名称" |
| | | align="center" |
| | | > |
| | | <el-table-column prop="ruleName" label="规则名称" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="samplingOperationName" |
| | | label="抽检工序" |
| | | align="center" |
| | | > |
| | | <el-table-column prop="samplingOperationName" label="抽检工序" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="retrospectOperationName" |
| | | label="追溯工序" |
| | | align="center" |
| | | > |
| | | <el-table-column prop="retrospectOperationName" label="追溯工序" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="applyType" |
| | | label="检测类型" |
| | | align="center" |
| | | :formatter="applyTypeFormatter" |
| | | > |
| | | <el-table-column prop="applyType" label="检测类型" align="center" |
| | | :formatter="applyTypeFormatter"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="measurement" |
| | | label="抽检比例" |
| | | align="center" |
| | | :formatter="measurementFormatter" |
| | | > |
| | | <el-table-column prop="measurement" label="抽检比例" align="center" |
| | | :formatter="measurementFormatter"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="samplingPosition" |
| | | label="抽检位置" |
| | | align="center" |
| | | > |
| | | <el-table-column prop="samplingPosition" label="抽检位置" align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="操作" |
| | | width="100" |
| | | align="center" |
| | | > |
| | | <el-table-column label="操作" width="100" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click=" |
| | | openEditSpotCheckRule(scope.row) |
| | | " |
| | | >编辑</el-button |
| | | > |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="delSpotCheckRule(scope.row)" |
| | | >删除</el-button |
| | | > |
| | | <el-button type="text" size="small" @click=" |
| | | openEditSpotCheckRule(scope.row) |
| | | ">编辑</el-button> |
| | | <el-button type="text" size="small" |
| | | @click="delSpotCheckRule(scope.row)">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <div slot="header"> |
| | | <span>结构图</span> |
| | | </div> |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="/mes/document/uploadJgt" |
| | | :headers="headers" |
| | | :on-preview="handleStructurePreview" |
| | | :on-remove="handleStructureRemove" |
| | | :on-success="handleStructureSuccess" |
| | | :data="paramStructureDatas" |
| | | :file-list="fileStructureList" |
| | | :on-exceed="handleStructureExceed" |
| | | :before-upload="beforeStructureAvatarUpload" |
| | | list-type="picture" |
| | | multiple |
| | | :with-credentials="true" |
| | | > |
| | | <el-upload class="upload-demo" action="/mes/document/uploadJgt" :headers="headers" |
| | | :on-preview="handleStructurePreview" :on-remove="handleStructureRemove" |
| | | :on-success="handleStructureSuccess" :data="paramStructureDatas" :file-list="fileStructureList" |
| | | :on-exceed="handleStructureExceed" :before-upload="beforeStructureAvatarUpload" list-type="picture" |
| | | multiple :with-credentials="true"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | <div slot="tip" class="el-upload__tip"> |
| | | 只能上传jpg图片,且不超过2MB |
| | |
| | | <img width="100%" :src="dialogStructureImageUrl" alt="" /> |
| | | </el-dialog> |
| | | </el-card> |
| | | <el-card class="document-flow"> |
| | | <!-- <el-card class="document-flow"> |
| | | <div slot="header"> |
| | | <span>流程图</span> |
| | | </div> |
| | |
| | | </el-select> |
| | | <div id="demo" style="margin:5px auto;"></div> |
| | | </div> |
| | | <!--<el-upload |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="/mes/document/uploadLct" |
| | | :headers="headers" |
| | |
| | | <div slot="tip" class="el-upload__tip"> |
| | | 只能上传jpg图片,且不超过2MB |
| | | </div> |
| | | </el-upload>--> |
| | | </el-upload> |
| | | <el-dialog :visible.sync="dialogFlowVisible"> |
| | | <img width="100%" :src="dialogFlowImageUrl" alt="" /> |
| | | </el-dialog> |
| | | </el-card> |
| | | </el-card> --> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | <completeproductstructureDialog |
| | | :currshowlist.sync="showCompleteproductstructure" |
| | | :queryParam="bomQueryParam" |
| | | @listenToCompleteproductstructureEvent="selectCompleteproductstructure" |
| | | /> |
| | | <routingDialog |
| | | :currshowlist.sync="showTechnology" |
| | | :queryParam="queryParam" |
| | | @listenToRoutingEvent="selectTechnology" |
| | | /> |
| | | <qualityStandardDialog |
| | | :currshowlist.sync="showQualityStandard" |
| | | @listenToSelectTestStandardEvent="selectQualityStandard" |
| | | /> |
| | | <completeproductstructureDialog :currshowlist.sync="showCompleteproductstructure" :queryParam="bomQueryParam" |
| | | @listenToCompleteproductstructureEvent="selectCompleteproductstructure" /> |
| | | <routingDialog :currshowlist.sync="showTechnology" :queryParam="queryParam" |
| | | @listenToRoutingEvent="selectTechnology" /> |
| | | <qualityStandardDialog :currshowlist.sync="showQualityStandard" |
| | | @listenToSelectTestStandardEvent="selectQualityStandard" /> |
| | | <partDialog :currshowlist.sync="showPart" @listenToPartEvent="selectPart" /> |
| | | <spotCheckRule |
| | | :currshowlist.sync="spotCheckRuleShow" |
| | | :docBomId="currDocBomId" |
| | | :routingOperationId="currRoutingOperationId" |
| | | :routingOperationName="currRoutingOperationName" |
| | | @refreshSpotCheckRuleList="refreshSpotCheckRuleList" |
| | | /> |
| | | <spotCheckRuleEdit |
| | | :currshowlist.sync="editSpotCheckRuleShow" |
| | | :documentSamplingRuleId="currDocumentSamplingRuleId" |
| | | @refreshSpotCheckRuleList="refreshSpotCheckRuleList" |
| | | /> |
| | | <spotCheckRule :currshowlist.sync="spotCheckRuleShow" :docBomId="currDocBomId" |
| | | :routingOperationId="currRoutingOperationId" :routingOperationName="currRoutingOperationName" |
| | | @refreshSpotCheckRuleList="refreshSpotCheckRuleList" /> |
| | | <spotCheckRuleEdit :currshowlist.sync="editSpotCheckRuleShow" :documentSamplingRuleId="currDocumentSamplingRuleId" |
| | | @refreshSpotCheckRuleList="refreshSpotCheckRuleList" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | spotCheckRuleEdit |
| | | }, |
| | | computed: { |
| | | editable: function() { |
| | | editable: function () { |
| | | if (!this.dataForm.id) { |
| | | return true |
| | | } |
| | |
| | | } |
| | | // flowTemp.loadData(jsondata) |
| | | // 保存按钮事件 |
| | | _this.flowTemp.onBtnSaveClick = function() { |
| | | _this.flowTemp.onBtnSaveClick = function () { |
| | | _this.saveFlow() |
| | | } |
| | | // 重置按钮事件 |
| | | _this.flowTemp.onFreshClick = function() { |
| | | _this.flowTemp.onFreshClick = function () { |
| | | _this.getFlow() |
| | | } |
| | | // 打印按钮事件 |
| | | _this.flowTemp.onPrintClick = function() { |
| | | _this.flowTemp.onPrintClick = function () { |
| | | _this.flowTemp.exportDiagram('流程图') |
| | | } |
| | | }, |
| | |
| | | var aa = { |
| | | id: resData.jgtList[i].id, |
| | | name: '预览大图', |
| | | url: '/mes/document/file/' + resData.jgtList[i].fileName |
| | | url: '/mes/document/file?fileName=' + resData.jgtList[i].fileName |
| | | } |
| | | this.fileStructureList.push(aa) |
| | | } |
| | |
| | | if (resData.lct != null) { |
| | | this.fileFlowList.push({ |
| | | name: '预览大图', |
| | | url: '/mes/document/file/' + resData.lct |
| | | url: 'http://127.0.0.1:6061/Image' + resData.lct |
| | | }) |
| | | } |
| | | // 挂流程图 |
| | |
| | | }, |
| | | handleFlowExceed(files, fileList) { |
| | | this.$message.warning( |
| | | `当前限制选择 1 个流程图文件,本次选择了 ${ |
| | | files.length |
| | | `当前限制选择 1 个流程图文件,本次选择了 ${files.length |
| | | } 个流程图文件,共选择了 ${files.length + fileList.length} 个流程图文件` |
| | | ) |
| | | }, |
| | |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .el-card.is-always-shadow { |
| | | width: 100%; |
| | | } |
| | | |
| | | .document-flow { |
| | | background-color: #fff; |
| | | width: calc(65% - 20px); |
| | |
| | | } |
| | | |
| | | /*自定义disabled状态下checkbox的样式*/ |
| | | .completeproductstructure-checkout |
| | | .el-checkbox__input.is-disabled.is-checked |
| | | .el-checkbox__inner { |
| | | .completeproductstructure-checkout .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { |
| | | background-color: #006eff; |
| | | border-color: #006eff; |
| | | } |
| | | |
| | | .completeproductstructure-checkout |
| | | .el-checkbox__input.is-disabled.is-checked |
| | | + span.el-checkbox__label { |
| | | .completeproductstructure-checkout .el-checkbox__input.is-disabled.is-checked+span.el-checkbox__label { |
| | | color: #006eff; |
| | | border-color: #006eff; |
| | | } |
| | | |
| | | .completeproductstructure-checkout |
| | | .el-checkbox__input.is-disabled |
| | | .el-checkbox__inner { |
| | | .completeproductstructure-checkout .el-checkbox__input.is-disabled .el-checkbox__inner { |
| | | background-color: #ffffff; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .completeproductstructure-checkout |
| | | .el-checkbox__input.is-disabled |
| | | + span.el-checkbox__label { |
| | | .completeproductstructure-checkout .el-checkbox__input.is-disabled+span.el-checkbox__label { |
| | | color: #606266; |
| | | cursor: pointer; |
| | | } |
| | |
| | | .GooFlow .ico .ico_start:before { |
| | | color: red; |
| | | } |
| | | |
| | | .highlight-tab-class { |
| | | color: #006eff; |
| | | background: #e4e7ed; |
| | | border-top: 1px solid #006eff; |
| | | } |
| | | |
| | | .unhighlight-tab-class { |
| | | border: 1px solid #e4e7ed; |
| | | border-bottom: none; |