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.
 
 
 
 
 

2347 lines
77 KiB

<template>
<div>
<el-form label-position="top" style="margin-top: -0px">
<el-row :gutter="20">
<el-col :span="20">
<el-button v-if="notifyNo===''" @click="addNotify()" type="primary" class="yzzButtonAn">新建申请单</el-button>
<el-button v-if="notifyNo!=''" type="primary" @click="chooseSOSModal()" class="yzzButtonAn">新增物料</el-button>
<el-button v-if="notifyNo!=''" type="primary" @click="xiadaNotify()" class="yzzButtonAn">下达申请单</el-button>
<el-button v-if="notifyNo!=''" type="primary" @click="deleteNotify()" class="yzzButtonAn">删除申请单</el-button>
</el-col>
</el-row>
<el-row :gutter="10" v-if="notifyNo!=''">
<el-col :span="3">
<el-form-item :label="'工厂编码'">
<el-input v-model="notifyData.site" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item :label="'申请单号'">
<el-input v-model="notifyData.notifyNo" disabled style="width: 100%;"></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item :label="'申请账号'">
<el-input v-model="notifyData.username" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item :label="'申请时间'">
<el-input v-model="notifyData.notifyDate" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-form-item :label="'状态'">
<el-select v-model="notifyData.status" style="width: 100%" disabled>
<el-option label="全部" value=""></el-option>
<el-option v-for="item in notifyStatusList" :key="item.listValue" :label="item.listDesc"
:value="item.listValue"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName" type="border-card"
v-if="notifyNo!=''" @tab-click="tabClick">
<el-tab-pane label="已申请工单" name="sos">
<el-table :height="height" :data="dataList" border style="width: 100%;" @row-click="changeData">
<el-table-column v-for="(item,index) in columnList" :key="index" :sortable="item.columnSortable"
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px" /></span>
</template>
</el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="100" label="操作">
<template slot-scope="scope">
<a type="text" size="small" @click="enterSOSDetail(scope.row)">物料</a>
<a type="text" size="small" @click="deleteNotifySOS(scope.row)">删除</a>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="材料明细" name="sub">
<el-table :data="materialDetailList" :height="height" border :row-class-name="materialDetailTableRowClassName"
v-loading="dataListLoading" style="width: 100%; ">
<!-- <el-table-column-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- width="80"-->
<!-- label="操作">-->
<!-- <template slot-scope="scope">-->
<!-- <a type="text" size="small" v-if="currentRow.status==='ISSUE'" @click="deleteNotifyMaterial(scope.row)">删除</a>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column v-for="(item,index) in materialDetailColumnList" :key="index" :sortable="item.columnSortable"
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px" /></span>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
<el-dialog title="新增工单物料" :close-on-click-modal="false" v-drag :visible.sync="seqNoModalFlag" width="980px">
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="订单类型">
<el-radio-group v-model="orderType" size="small">
<el-radio label="slittingorder">分切订单</el-radio>
<el-radio label="shipment">销售发货</el-radio>
<el-radio label="shoporder">成品订单</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="物料号">
<el-input v-model="partNo" @keyup.enter.native="addRowFromQuery"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" ">
<el-button type="primary" @click="addRowFromQuery()" :loading="addLineLoading"
class="">添加行</el-button>
<el-button type="primary" @click="openSelectMaterialModal()"
class="">添加</el-button>
<!-- <el-button type="primary" @click="importModel()"
class="">导入</el-button> -->
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table :height="400" :data="seqNoList" border style="width: 100%;" class="choose-sos-table">
<el-table-column v-for="(item,index) in columnList2" :key="index" :sortable="item.columnSortable"
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<div v-if="item.columnProp === 'applyQty'">
<el-input class="applyQtyClass" v-model="scope.row.applyQty" style="height: 11px; width: 98%;"></el-input>
</div>
<span v-else-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px" /></span>
</template>
</el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="120" label="操作">
<template slot-scope="scope">
<el-button type="danger" size="mini" plain style="height:14px; line-height:14px; padding:0 8px;" @click="deleteSeqNoRow(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="saveNewSoIssueNotify" :loading="saveNewLoading">保存</el-button>
<el-button type="primary" @click="seqNoModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<!-- 选择物料弹框 -->
<el-dialog title="新增物料" :close-on-click-modal="false" v-drag :visible.sync="selectMaterialModalFlag" width="1080px">
<el-form :inline="true" label-position="top">
<el-form-item label="物料编号">
<el-input v-model="componentPartNo" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="loadAvailableMaterialList()" class="">查询</el-button>
</el-form-item>
</el-form>
<el-container style="margin-top: 0px;">
<!-- 左侧:可选物料 -->
<el-main style="width: 470px;padding: 1px">
<span style="font-size: 12px">可选物料:</span>
<el-table height="350px" :data="availableMaterialList" border ref="itemTable1" @row-click="itemClickRow1"
@selection-change="handleAvailableSelectionChange" highlight-current-row style="width: 100%"
v-loading="selectMaterialLoading">
<el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50">
</el-table-column>
<el-table-column prop="partNo" header-align="center" align="center" min-width="170" label="物料号">
</el-table-column>
<el-table-column prop="height" header-align="center" align="center" min-width="80" label="高度">
</el-table-column>
<el-table-column prop="isInWh" header-align="center" align="center" min-width="80" label="是否在立库">
</el-table-column>
</el-table>
<el-pagination @size-change="handleAvailableSizeChange" @current-change="handleAvailableCurrentChange"
:current-page="availableMaterialPage" :page-sizes="[50, 100]" :page-size="availableMaterialLimit"
small layout="total, prev, pager, next" :total="availableMaterialTotal"
style="margin-top: 10px; text-align: right;">
</el-pagination>
</el-main>
<!-- 中间:操作按钮 -->
<el-main style="width: 100px;padding: 1px">
<div style="margin-top: 180px;margin-left: 18px">
<el-button type="primary" @click="addToSelected">添加>></el-button>
</div>
<div style="margin-top: 15px;margin-left: 18px">
<el-button type="primary" @click="removeFromSelected">删除&lt;&lt; </el-button>
</div>
</el-main>
<!-- 右侧:已选物料 -->
<el-main style="width: 470px;padding: 1px">
<span style="font-size: 12px">已有物料:</span>
<el-table height="400px" :data="selectedMaterialList" border ref="itemTable2" @row-click="itemClickRow2"
@selection-change="handleSelectedSelectionChange" highlight-current-row style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50">
</el-table-column>
<el-table-column prop="partNo" header-align="center" align="center" min-width="170" label="物料号">
</el-table-column>
<el-table-column prop="height" header-align="center" align="center" min-width="80" label="高度">
</el-table-column>
<el-table-column prop="isInWh" header-align="center" align="center" min-width="80" label="是否在立库">
</el-table-column>
</el-table>
</el-main>
</el-container>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="confirmSelectMaterial()">保存</el-button>
<el-button @click="selectMaterialModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="申请明细" :close-on-click-modal="false" v-drag :visible.sync="materialModalFlag" width="900px">
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item :label="'生产订单号'">
<el-input v-model="sobomData.orderNo" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" ">
<el-button type="primary" @click="openSelectMaterialModalForDetail()"
class="">添加</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="yzzTable">
<el-table :height="400" :data="sobomList" border v-loading="bomLoadFlag" style="width: 100%;">
<el-table-column v-for="(item,index) in columnList3" :key="index" :sortable="item.columnSortable"
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<div v-if="item.columnProp === 'qtyToIssue'">
<el-input v-model="scope.row.qtyToIssue" type="number" style="height: 11px; width: 98%;" :step="0"
:min="0"></el-input>
</div>
<div v-else-if="item.columnProp === 'remark'">
<el-input v-model="scope.row.remark" style="padding: 0;width: 100%"></el-input>
</div>
<div v-else>
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px" /></span>
</div>
</template>
</el-table-column>
<!-- <el-table-column prop="" header-align="center" align="center" min-width="50" label="操作">
<template slot-scope="scope">
<el-button type="primary" @click="qtyAllForBom(scope.row)" style="width: 100%">全数领料</el-button>
</template>
</el-table-column> -->
</el-table>
</div>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="saveNoOrderMaterialDetail()">保存</el-button>
<el-button type="primary" @click="materialModalFlag=false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="保存物料" :close-on-click-modal="false" v-drag :visible.sync="saveOtherPartModalFlag" width="600px">
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item :label="'物料编码'">
<el-input v-model="otherPartData.componentPartNo" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="18">
<el-form-item :label="'物料描述'">
<el-input v-model="otherPartData.partDesc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item :label="'计量单位'">
<el-input v-model="otherPartData.umid" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="'需求数量'">
<el-input-number v-model="otherPartData.qtyToIssue" style="padding: 0;width: 100%" :step="0" :min="0"
:controls="false"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item :label="'备注'">
<el-input v-model="otherPartData.remark"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="saveOtherPart()">保存</el-button>
<el-button type="primary" @click="saveOtherPartModalFlag=false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="下达申请单" :close-on-click-modal="false" v-drag :visible.sync="showXiadaNotifyDialog" width="400px">
<el-form :inline="true" label-position="top" label-width="500px" style="margin-left: 7px;margin-top: -5px;">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="要求发料时间">
<el-date-picker v-model="xiadaNotifyData.planIssueDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" style="width: 100%">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" class="issueNotify">
<el-input type="textarea" v-model="xiadaNotifyData.remark" :rows="3" placeholder="请输入内容"
style="width: 100%"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="height:30px;text-align:center;">
<el-button type="primary" @click="confirmXiadaNotify()">下达</el-button>
<el-button type="primary" @click="showXiadaNotifyDialog=false">取消</el-button>
</el-footer>
</el-dialog>
<el-dialog title="选择申请类型" :close-on-click-modal="false" v-drag :visible.sync="showAddNotifyTypeDialog"
width="400px">
<el-form :inline="true" label-position="top" label-width="500px" style="margin-left: 7px;margin-top: -5px;">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="申请类型">
<el-radio-group v-model="selectedNotifyType">
<el-radio label="production">生产领料单</el-radio>
<el-radio label="outsourced">委外领料单</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" class="issueNotify">
<el-input type="textarea" v-model="selectedNotifyRemark" :rows="3" placeholder="请输入内容"
style="width: 100%"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="height:30px;text-align:center;">
<el-button type="primary" @click="confirmAddNotify()">确认</el-button>
<el-button type="primary" @click="showAddNotifyTypeDialog=false">取消</el-button>
</el-footer>
</el-dialog>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
<noorderUploadExcel ref="noorderUploadExcel" @refreshTable="searchTable" v-drag></noorderUploadExcel>
</div>
</template>
<script>
import {
getUserNoOrderNotifyNo,
createNoOrderNotify,
noOrderList,
saveNoOrderNotify,
getNotifyNoOrderDetail,
getNoOrderMaterialList,
saveNoOrderMaterialDetail,
queryPartAttributeData,
} from '@/api/orderIssure/noOrderIssueNotify.js'
import noorderUploadExcel from './noorder_upload_excel.vue'
import {
deleteNotify,
getAllNotifyStatus,
getNotifyNoDetail,
saveSOIssueNotifyOrderList,
deleteNotifySOS,
searchNotifyMaterialListNew,
} from '@/api/orderIssure/soIssueNotify.js'
import Chooselist from '@/views/modules/common/Chooselist_eam'
import {
getShopOrderFromIFSWithOrderNo,
getSOSBOMForIssureNew,
searchOtherPart,
xiadaNotify,
} from '../../../api/orderIssure/soIssueNotify'
import { getTableUserListLanguage } from '../../../api/table'
export default {
name: 'newSoIssueNotify',
components: {
Chooselist,
noorderUploadExcel,
},
watch: {
// notifyOrderData: {
// deep: true,
// handler: function (newV, oldV) {
// this.notifyOrderData.locationNo = this.notifyOrderData.locationNo.toUpperCase()
// }
// },
},
data() {
return {
activeName: 'sos',
noControlPartModelFlag: false,
buList: [],
partList: [],
partList2: [],
notifyStatusList: [],
notifyNo: '',
notifyData: {
site: '',
bu: '',
notifyNo: '',
notifyDate: '',
enteredDate: '',
userName: '',
userDisplay: '',
remark: '',
planIssueDate: '',
},
dataList2: [],
dataList3: [],
materialDetailList: [],
currentRow: '',
dataListLoading: false,
// 是否收藏
favorite: false,
changeBuFlag: false,
partModelFlag: false,
newBu: '',
// 导出 start
exportData: [],
exportName: '设备分组' + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ['设备分组'],
exportFooter: [],
exportList: [],
// 导出 end
searchData: {
site: this.$store.state.user.site,
userName: this.$store.state.user.name,
groupID: '',
groupDesc: '',
buDesc: '',
active: 'Y',
page: 1,
limit: 10,
},
sobomData: {
orderNo: '',
seqno: '',
partNo: '',
},
//申请单序号
itemNo: '',
notifyOrderData: {
partNo: '',
orderNo: '',
itemNo: '',
releaseNo: '',
sequenceNo: '',
partDesc: '',
qtyrequired: '',
issureQty: '',
needDate: '',
},
seqNoData: {
site: this.$store.state.user.site,
seqno: '',
releaseNo: '',
sequenceNo: '',
sResourceID: '',
sWorkcenterno: '',
operatorId: '',
sShiftno: '',
startDate: '',
endDate: '',
},
seqNoList: [],
height: 200,
pageIndex: 1,
pageSize: 20,
totalPage: 0,
dataList: [],
sobomList: [],
dataListSelections: [],
seqNoModalFlag: false,
materialModalFlag: false,
modalDisableFlag: false,
saveSeqNoModalFlag: false,
bomLoadFlag: false,
xiadaList: [],
columnList4: [
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table4ComponentPartNo',
tableId: '555001Table4',
tableName: '非BOM材料明细',
columnProp: 'componentPartNo',
headerAlign: 'center',
align: 'center',
columnLabel: '材料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 100,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table4PartDesc',
tableId: '555001Table4',
tableName: '非BOM材料明细',
columnProp: 'partDesc',
headerAlign: 'center',
align: 'left',
columnLabel: '材料名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 130,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table4QtyToIssue',
tableId: '555001Table4',
tableName: '非BOM材料明细',
columnProp: 'qtyToIssue',
headerAlign: 'center',
align: 'right',
columnLabel: '申请数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table4Remark',
tableId: '555001Table4',
tableName: '非BOM材料明细',
columnProp: 'remark',
headerAlign: 'center',
align: 'left',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 200,
},
],
modalData: {
flag: '',
bu: '',
site: this.$store.state.user.site,
groupID: '',
groupDesc: '',
active: '',
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
},
// 展示列集
columnList: [
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table1ItemNo',
tableId: '555001Table1',
tableName: '领料申请工单子表',
columnProp: 'itemNo',
headerAlign: 'center',
align: 'right',
columnLabel: '序号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 50,
},
/* {
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table1SeqNo',
tableId: '555001Table1',
tableName: '领料申请派工单子表',
columnProp: 'seqNo',
headerAlign: 'center',
align: 'center',
columnLabel: '派工单号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 150,
}, */
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table1SOOrderNo',
tableId: '555001Table1',
tableName: '领料申请工单子表',
columnProp: 'soorderNo',
headerAlign: 'center',
align: 'center',
columnLabel: '生产订单号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table1ReleaseNo',
tableId: '555001Table1',
tableName: '领料申请工单子表',
columnProp: 'releaseNo',
headerAlign: 'center',
align: 'center',
columnLabel: 'ReleaseNo',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table1SequenceNo',
tableId: '555001Table1',
tableName: '领料申请工单子表',
columnProp: 'sequenceNo',
headerAlign: 'center',
align: 'center',
columnLabel: 'SequenceNo',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table1NeedDate',
tableId: '555001Table1',
tableName: '领料申请派工单子表',
columnProp: 'needDate',
headerAlign: 'center',
align: 'left',
columnLabel: '要求发料时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80,
},
],
columnList2: [
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table2ComponentPartNo',
tableId: '555001Table2',
tableName: '查询工单及物料',
columnProp: 'partNo',
headerAlign: 'center',
align: 'left',
columnLabel: '物料号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 200,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table2ApplyQty',
tableId: '555001Table2',
tableName: '查询工单及物料',
columnProp: 'applyQty',
headerAlign: 'center',
align: 'right',
columnLabel: '本次申请数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table2FinishDate',
tableId: '555001Table2',
tableName: '查询工单及物料',
columnProp: 'height',
headerAlign: 'center',
align: 'center',
columnLabel: '高度',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 110,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table2FinishDate',
tableId: '555001Table2',
tableName: '查询工单及物料',
columnProp: 'isInWh',
headerAlign: 'center',
align: 'center',
columnLabel: '是否在立库',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 110,
},
],
columnList3: [
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table3ComponentPartNo',
tableId: '555001Table3',
tableName: '领料申请BOM子表',
columnProp: 'componentPartNo',
headerAlign: 'center',
align: 'left',
columnLabel: '物料编码',
columnHidden: false,
columnImage: false,
columnSortable: true,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table3QtyRequired',
tableId: '555001Table3',
tableName: '领料申请BOM子表',
columnProp: 'isInWh',
headerAlign: 'center',
align: 'center',
columnLabel: '是否在立库',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 50,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table3QtyToIssue',
tableId: '555001Table3',
tableName: '领料申请BOM子表',
columnProp: 'qtyToIssue',
headerAlign: 'center',
align: 'right',
columnLabel: '本次申请数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 60,
},
{
userId: this.$store.state.user.name,
functionId: 555001,
serialNumber: '555001Table3Remark',
tableId: '555001Table3',
tableName: '领料申请BOM子表',
columnProp: 'remark',
headerAlign: 'center',
align: 'left',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false,
columnWidth: 150,
},
],
materialDetailColumnList: [
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3ItemNo',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'itemNo',
headerAlign: 'center',
align: 'right',
columnLabel: '申请单序号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3ComponentPartNo',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'componentPartNo',
headerAlign: 'center',
align: 'center',
columnLabel: '材料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3NeedDate',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'needDate',
headerAlign: 'center',
align: 'center',
columnLabel: '需求时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 110,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3QtyToIssue',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'qtyToIssue',
headerAlign: 'center',
align: 'right',
columnLabel: '申请数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3QtyToIssueOriginal',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'qtyToIssueOriginal',
headerAlign: 'center',
align: 'right',
columnLabel: '已发数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3IssueType',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'issueType',
headerAlign: 'center',
align: 'right',
columnLabel: '类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3Remark',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'remark',
headerAlign: 'center',
align: 'left',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 160,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3SOOrderNo',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'soorderNo',
headerAlign: 'center',
align: 'left',
columnLabel: '生产订单',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 701002,
serialNumber: '701002Table3BOMItemNo',
tableId: '701002Table3',
tableName: '申请单材料明细表',
columnProp: 'bomitemNo',
headerAlign: 'center',
align: 'right',
columnLabel: 'BOM序号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
],
rules: {
groupIdType: [
{
required: true,
message: ' ',
trigger: ['blur', 'change'],
},
],
groupDescType: [
{
required: true,
message: ' ',
trigger: ['blur', 'change'],
},
],
activeType: [
{
required: true,
message: ' ',
trigger: ['blur', 'change'],
},
],
bu: [
{
required: true,
message: ' ',
trigger: ['blur', 'change'],
},
],
},
userBuList: [],
authSearch: false,
authSave: false,
authUpdate: false,
authDelete: false,
menuId: this.$route.meta.menuId,
partSearch: {
site: '',
sourceBu: '',
partNo: '',
partDesc: '',
spec: '',
},
xiadaModelFlag: false,
saveOtherPartModalFlag: false,
otherPartData: {
site: '',
notifyNo: '',
itemNo: '',
bOMItemNo: '',
componentPartNo: '',
qtyToIssue: '',
issueType: '',
partDesc: '',
umid: '',
remark: '',
},
showAddNotifyTypeDialog: false,
selectedNotifyType: 'production',
selectedNotifyRemark: '',
showXiadaNotifyDialog: false,
xiadaNotifyData: {
planIssueDate: '',
remark: '',
},
chooseLoading: false,
seqNoModalLoading: false,
saveNewLoading: false,
// 选择物料弹框相关
selectMaterialModalFlag: false,
availableMaterialList: [], // 左侧可选物料列表
selectedMaterialList: [], // 右侧已选物料列表
availableMaterialSelections: [], // 左侧选中的行
selectedMaterialSelections: [], // 右侧选中的行
selectMaterialLoading: false,
modelCode: '', // 模板编号
modelName: '', // 模板名称
// 左侧表格分页相关
availableMaterialPage: 1, // 当前页码
availableMaterialLimit: 100, // 每页条数
availableMaterialTotal: 0, // 总条数
componentPartNo: '', // 物料编码搜索
orderType: 'slittingorder',
// 申请明细弹框相关
isMaterialDetailModal: false, // 标识是否从申请明细弹框打开选择物料弹框
clickrow:{},
partNo:'',
addLineLoading:false,
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 220
})
},
created() {
// 按钮控制
// this.getButtonAuthData()
//this.getTableUserColumn(this.$route.meta.menuId+'Table2',2)
this.getUserNotifyNo()
},
methods: {
tabClick(tab, event) {
// 刷新当前标签页的表格数据
this.refreshCurrentTabTable()
},
refreshCurrentTabTable() {
if (this.notifyNo === '' || !this.notifyNo) {
return
}
if (this.activeName === 'sub') {
// 使用当前选中的行数据,如果没有则使用申请单基本信息
let queryData = {
site: this.notifyData.site || this.$store.state.user.site,
notifyNo: this.notifyNo,
orderType: 'shoporder',
}
// 如果当前行有数据,合并进去
if (
this.currentRow &&
this.currentRow !== '' &&
this.currentRow.notifyNo
) {
queryData = {
...this.currentRow,
orderType: 'shoporder',
}
}
this.dataListLoading = true
searchNotifyMaterialListNew(queryData)
.then(({ data }) => {
this.dataListLoading = false
if (data && data.code === 0) {
this.materialDetailList = data.rows
} else {
this.materialDetailList = []
}
})
.catch(() => {
this.dataListLoading = false
this.materialDetailList = []
})
}
},
materialDetailTableRowClassName({ row, rowIndex }) {
if (
row.qtyToIssueOriginal < row.qtyToIssue &&
new Date(row.needDate) <
new Date(this.dayjs().format('YYYY-MM-DD HH:mm'))
) {
return 'error-row'
}
return ''
},
changeData(row) {
this.currentRow = JSON.parse(JSON.stringify(row))
this.refreshCurrentTabTable()
},
getBaseList(val, type) {
this.tagNo = val
let conSql = ''
this.$nextTick(() => {
let strVal = ''
if (val === 515) {
strVal = this.seqNoData.sResourceid
conSql =
" and site = '" +
this.notifyData.site +
"'" +
" and bu_no = '" +
this.notifyData.bu +
"'"
this.$refs.baseList.init(val, strVal, conSql)
}
if (val === 216) {
strVal = this.seqNoData.sWorkcenterno
conSql =
" and site = '" +
this.notifyData.site +
"'" +
" and bu_no = '" +
this.notifyData.bu +
"'"
this.$refs.baseList.init(val, strVal, conSql)
}
if (val === 215) {
strVal = this.notifyOrderData.locationNo
this.$refs.baseList.init(val, strVal)
}
})
},
tableRowClassName({ row, rowIndex }) {
if (row.qtyToIssue > row.qtyAvailable) {
return 'error-row'
}
return ''
},
// 列表方法的回调
getBaseData(val) {
if (this.tagNo === 515) {
this.seqNoData.sResourceid = val.resource_id
}
if (this.tagNo === 215) {
this.notifyOrderData.locationNo = val.location_id
}
if (this.tagNo === 216) {
this.seqNoData.sWorkcenterno = val.work_center_no
}
},
getUserNotifyNo() {
let inData = {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
}
this.getAllNotifyStatus()
getUserNoOrderNotifyNo(inData).then(({ data }) => {
if (data.code === 0) {
if (data.row != null) {
this.notifyNo = data.row.notifyNo
this.notifyData = data.row
this.getNotifyNoOrderDetail()
/* this.searchOtherPart('非BOM物料')
this.searchOtherPart('不管控物料') */
} else {
this.notifyNo = ''
this.notifyData = {
site: '',
bu: '',
notifyNo: '',
notifyDate: '',
enteredDate: '',
userName: '',
userDisplay: '',
remark: '',
planIssueDate: '',
}
this.dataList = []
}
} else {
this.notifyNo = ''
this.notifyData = {
site: '',
bu: '',
notifyNo: '',
notifyDate: '',
enteredDate: '',
userName: '',
userDisplay: '',
remark: '',
planIssueDate: '',
}
this.dataList = []
}
})
},
getNotifyNoOrderDetail() {
let inData = {
site: this.$store.state.user.site,
notifyNo: this.notifyNo,
}
getNotifyNoOrderDetail(inData).then(({ data }) => {
if (data.code === 0) {
this.dataList = data.rows
}
})
},
addNotify() {
//this.showAddNotifyTypeDialog = true
let inData = {
site: this.$store.state.user.site,
userName: this.$store.state.user.name,
orderType: 'otherOrder', // rqrq - 固定为shoporder类型
}
createNoOrderNotify(inData).then(({ data }) => {
if (data.code === 0) {
this.showAddNotifyTypeDialog = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {},
})
this.getUserNotifyNo()
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
},
confirmAddNotify() {
let outWorkOrderFlag = 'N'
if (this.selectedNotifyType === 'outsourced') {
outWorkOrderFlag = 'Y'
} else {
outWorkOrderFlag = 'N'
}
let inData = {
site: this.$store.state.user.site,
userName: this.$store.state.user.name,
outWorkOrderFlag: outWorkOrderFlag,
remark: this.selectedNotifyRemark,
orderType: 'otherOrder', // rqrq - 固定为shoporder类型
}
this.getAllNotifyStatus()
createNoOrderNotify(inData).then(({ data }) => {
if (data.code === 0) {
this.showAddNotifyTypeDialog = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {},
})
this.getUserNotifyNo()
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
},
chooseSOS(row) {
if (this.dataList.length > 0) {
//这边是有个判断的,判断派工单号不能重复
let stop = false
for (let i = 0; i < this.dataList.length; i++) {
if (
this.dataList[i].orderNo == row.orderNo &&
this.dataList[i].releaseNo == row.releaseNo &&
this.dataList[i].sequenceNo == row.sequenceNo
) {
stop = true
}
}
if (stop) {
this.$alert('已经选择过此工单,请返回点击明细直接操作!!', '提示', {
confirmButtonText: '确定',
})
return false
}
}
let inData = {
site: this.$store.state.user.site,
orderNo: row.orderNo,
releaseNo: row.releaseNo,
sequenceNo: row.sequenceNo,
}
this.chooseLoading = true
getShopOrderFromIFSWithOrderNo(inData)
.then(({ data }) => {
if (data.code === 0) {
console.log('data', data)
this.notifyOrderData.partNo = data.rows[0].partNo
this.notifyOrderData.orderNo = data.rows[0].orderNo
this.notifyOrderData.site = this.$store.state.user.site
this.notifyOrderData.partDesc = data.rows[0].partDesc
this.notifyOrderData.qtyRequired = data.rows[0].lotSize
this.notifyOrderData.releaseNo = data.rows[0].releaseNo
this.notifyOrderData.issureQty = ''
this.notifyOrderData.needDate =
this.dayjs().format('YYYY-MM-DD HH:mm')
this.notifyOrderData.sequenceNo = data.rows[0].sequenceNo
this.saveSeqNoModalFlag = true
} else {
this.$meassage.error(data.msg)
return
}
})
.finally(() => {
this.chooseLoading = false
})
},
saveSOS() {
if (
this.notifyOrderData.needDate == null ||
this.notifyOrderData.needDate == ''
) {
this.$message.warning('请选择时间!')
return false
}
// if (
// this.notifyOrderData.issureQty == null ||
// this.notifyOrderData.issureQty == '' ||
// this.notifyOrderData.issureQty < 0
// ) {
// this.$message.warning('请填写领取数量!')
// return false
// }
let row = this.notifyOrderData
console.log('row', row, this.dataList)
if (this.dataList.length > 0) {
let stop = false
for (let i = 0; i < this.dataList.length; i++) {
if (
this.dataList[i].soorderNo == row.orderNo &&
this.dataList[i].releaseNo == row.releaseNo &&
this.dataList[i].sequenceNo == row.sequenceNo
) {
stop = true
}
}
if (stop) {
this.$alert('已经选择过此工单,请返回点击明细直接操作!!', '提示', {
confirmButtonText: '确定',
})
return false
}
}
this.$confirm('确定选择工单' + row.orderNo + '?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
let inData = {
site: this.$store.state.user.site,
notifyNo: this.notifyNo,
fgPartNo: row.partNo,
soorderNo: row.orderNo,
opsItemNo: row.itemNo,
sequenceNo: row.sequenceNo,
releaseNo: row.releaseNo,
needDate: row.needDate,
issureQty: row.issureQty,
}
saveSOIssueNotifyOrderList(inData).then(({ data }) => {
if (data.code === 0) {
this.saveSeqNoModalFlag = false
row.itemNo = data.itemNo
this.getNotifyNoOrderDetail()
this.enterSOS(row)
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
})
},
qtyAllForSeqNo() {
this.notifyOrderData.issureQty = this.notifyOrderData.qtyRequired
},
qtyAllForBom(row) {
row.qtyToIssue = row.qtyRequired
},
enterSOSDetail(row) {
let rows = {
site: this.$store.state.user.site,
notifyNo: this.notifyNo,
orderNo: row.soorderNo,
seqNo: row.seqNo,
partNo: row.fgPartNo,
itemNo: row.itemNo,
releaseNo: row.releaseNo,
sequenceNo: row.sequenceNo,
}
this.clickrow = row
//this.searchNotifyMaterialList(rows)
this.enterSOS(rows)
},
enterSOS(row) {
console.log('row', row)
this.seqNoModalFlag = false
this.materialModalFlag = true
this.sobomList = []
this.sobomData = {
orderNo: row.orderNo,
seqNo: row.seqNo,
partNo: row.partNo,
}
this.bomLoadFlag = true
let inData = {
site: this.$store.state.user.site,
notifyNo: this.notifyNo,
partNo: row.partNo,
itemNo: row.itemNo,
}
getNoOrderMaterialList(inData).then(({ data }) => {
this.bomLoadFlag = false
if (data.code === 0) {
this.sobomList = data.rows
for (let i = 0; i < this.sobomList.length; i++) {
this.sobomList[i].itemNo = inData.itemNo
/* if(!this.sobomList[i].qtyToIssue){
this.$set(this.sobomList[i], 'qtyToIssue', this.sobomList[i].qtyRequired)
} */
}
}
})
},
// 从申请明细弹框打开选择物料弹框
openSelectMaterialModalForDetail() {
this.isMaterialDetailModal = true
// 设置模板编号和名称(使用生产订单号)
this.modelCode = this.sobomData.orderNo || ''
this.modelName = this.sobomData.partNo || ''
// 将sobomList中的数据转换为选择物料弹框需要的格式,显示在右侧"已有物料"列表中
this.selectedMaterialList = this.sobomList.map(item => {
const convertedItem = JSON.parse(JSON.stringify(item))
// 将qtyToIssue转换为applyQty
convertedItem.applyQty = convertedItem.qtyToIssue || 0
// 确保partNo存在(可能使用componentPartNo)
if (!convertedItem.partNo && convertedItem.componentPartNo) {
convertedItem.partNo = convertedItem.componentPartNo
}
return convertedItem
})
// 重置分页
this.availableMaterialPage = 1
this.availableMaterialLimit = 100
this.$set(
this,
'componentPartNo',
''
) // 清空物料编码搜索条件
// 加载可选物料列表
this.loadAvailableMaterialList()
// 打开弹框
this.selectMaterialModalFlag = true
},
chooseSOSModal() {
this.seqNoData = {
site: this.$store.state.user.site,
orderNo: '',
releaseNo: '*',
sequenceNo: '*',
seqno: '',
sResourceid: '',
sWorkcenterno: '',
operatorId: '',
sShiftno: '',
startDate: this.dayjs().format('YYYY-MM-DD'),
endDate: this.dayjs().format('YYYY-MM-DD'),
}
this.seqNoList = []
this.seqNoModalFlag = true
},
searchSOSRouting() {
// 初始化seqNoList如果不存在
if (!this.seqNoList) {
this.seqNoList = []
}
// 判断this.seqNoList中是否已存在相同的orderNo、releaseNo、sequenceNo组合
const exists = this.seqNoList.some(
(row) =>
row.orderNo === this.seqNoData.orderNo &&
row.releaseNo === this.seqNoData.releaseNo &&
row.sequenceNo === this.seqNoData.sequenceNo
)
if (exists) {
this.$message.warning('该工单数据已存在,请先删除再添加!')
return false
}
const dataListExists = this.dataList.some(
(row) =>
row.soorderNo === this.seqNoData.orderNo &&
row.releaseNo === this.seqNoData.releaseNo &&
row.sequenceNo === this.seqNoData.sequenceNo
)
if (dataListExists) {
this.$message.warning('该工单的数据已添加过,请先删除再添加!')
return false
}
// 直接创建一行数据并添加到表格中,不调用接口
const newRow = {
orderNo: this.seqNoData.orderNo,
releaseNo: this.seqNoData.releaseNo,
sequenceNo: this.seqNoData.sequenceNo,
lineItemNo: '',
materialLineStatus: '',
componentPartNo: '',
componentPartDesc: '',
applyQty: 0,
qtyIssued: 0,
qtyRequired: 0,
qtyReserved: 0,
uom: '',
partNo: '',
partDesc: '',
startDate: '',
finishDate: '',
needDate: '',
}
this.seqNoList.push(newRow)
this.$message.success('添加成功')
// 清空输入框
this.seqNoData.orderNo = ''
this.seqNoData.releaseNo = ''
this.seqNoData.sequenceNo = ''
},
// 添加行:从接口查询数据并添加到列表
addRowFromQuery() {
if(!this.partNo){
this.$message.warning('请输入物料号!')
return
}
// 初始化seqNoList如果不存在
if (!this.seqNoList) {
this.seqNoList = []
}
// 准备查询参数
const queryParams = {
site: this.$store.state.user.site,
componentPartNo: this.partNo || '', // 使用物料号输入框的值
orderType: this.orderType, // 使用订单类型
}
this.addLineLoading = true
queryPartAttributeData(queryParams)
.then(({ data }) => {
if (data.code === 0 && data.rows ) {
// 过滤掉已存在的物料(根据partNo判断)
const existingPartNos = this.seqNoList.map((item) => item.partNo)
const newRows = existingPartNos.includes(data.rows.partNo)
if (newRows) {
this.$message.warning('查询到的物料已存在于列表中!')
return
}
// 确保数据结构完整
const newRow = {
partNo: data.rows.partNo || '',
height: data.rows.height || '',
isInWh: data.rows.isInWh || '',
componentPartNo: data.rows.partNo || '',
orderNo: '',
releaseNo: '',
sequenceNo: '',
lineItemNo: '',
materialLineStatus: '',
componentPartDesc: '',
uom: '',
startDate: '',
finishDate: '',
needDate: '',
}
this.seqNoList.push(newRow)
this.$set(this, 'partNo', '') // 清空物料号输入框
} else {
this.$message.warning(data.msg || '查询无数据')
}
})
.catch((error) => {
this.$message.error(error.msg || '查询失败,请稍后重试')
}).finally(() => {
this.addLineLoading = false
})
},
deleteSeqNoByOrderNo() {
if (this.seqNoData.orderNo == null || this.seqNoData.orderNo == '') {
this.$message.warning('请输入OrderNo!')
return false
}
if (this.seqNoList.length === 0) {
this.$message.warning('没有可删除的数据!')
return false
}
// 统计要删除的行数
const deleteCount = this.seqNoList.filter(
(row) => row.orderNo === this.seqNoData.orderNo
).length
if (deleteCount === 0) {
this.$message.warning('未找到匹配的OrderNo数据!')
return false
}
this.$confirm(
`确定要删除OrderNo为 ${this.seqNoData.orderNo}${deleteCount} 条数据吗?`,
'提示',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
// 删除所有匹配的orderNo行
this.seqNoList = this.seqNoList.filter(
(row) => row.orderNo !== this.seqNoData.orderNo
)
this.$message.success(`成功删除 ${deleteCount} 条数据`)
})
.catch(() => {
// 用户取消删除
})
},
deleteSeqNoRow(index) {
if (index < 0 || index >= this.seqNoList.length) {
this.$message.warning('删除失败,索引无效!')
return false
}
const row = this.seqNoList[index]
this.$confirm(`确定要删除这条数据吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
this.seqNoList.splice(index, 1)
this.$message.success('删除成功')
})
.catch(() => {
// 用户取消删除
})
},
// 打开选择物料弹框
openSelectMaterialModal() {
this.isMaterialDetailModal = false // 标识从新增工单物料弹框打开
// 设置模板编号和名称
this.modelCode = this.seqNoData.orderNo
this.modelName = this.seqNoData.releaseNo
// 初始化已选列表为当前seqNoList中的数据
this.selectedMaterialList = JSON.parse(JSON.stringify(this.seqNoList))
// 重置分页
this.availableMaterialPage = 1
// 加载可选物料列表
this.loadAvailableMaterialList()
// 打开弹框
this.selectMaterialModalFlag = true
},
// 加载可选物料列表
loadAvailableMaterialList() {
this.selectMaterialLoading = true
const params = {
page: this.availableMaterialPage,
limit: this.availableMaterialLimit,
componentPartNo: this.componentPartNo,
}
noOrderList(params)
.then(({ data }) => {
this.selectMaterialLoading = false
if (data && data.code === 0) {
if (data.page) {
// 过滤掉已选中的物料
const selectedPartNos = this.selectedMaterialList.map(
(item) => item.partNo || item.componentPartNo
)
// 如果是从申请明细弹框打开的,还需要过滤掉sobomList中已存在的物料
if (this.isMaterialDetailModal && this.sobomList && this.sobomList.length > 0) {
const sobomPartNos = this.sobomList.map(
(item) => item.partNo || item.componentPartNo
)
selectedPartNos.push(...sobomPartNos)
}
this.availableMaterialList = data.page.list.filter(
(item) => !selectedPartNos.includes(item.partNo)
)
} else {
this.availableMaterialList = []
}
this.availableMaterialPage = data.page.currPage
this.availableMaterialLimit = data.page.pageSize
this.availableMaterialTotal = data.page.totalCount
} else {
this.availableMaterialList = []
if (data && data.msg) {
this.$message.warning(data.msg)
}
}
})
.catch((e) => {
this.selectMaterialLoading = false
this.availableMaterialList = []
this.availableMaterialTotal = 0
this.$message.error(e.msg || '加载数据失败')
})
},
// 左侧表格分页 - 每页条数改变
handleAvailableSizeChange(val) {
this.availableMaterialLimit = val
this.availableMaterialPage = 1
this.loadAvailableMaterialList()
},
// 左侧表格分页 - 当前页改变
handleAvailableCurrentChange(val) {
this.availableMaterialPage = val
this.loadAvailableMaterialList()
},
// 处理左侧表格选择变化
handleAvailableSelectionChange(selection) {
this.availableMaterialSelections = selection
},
// 处理右侧表格选择变化
handleSelectedSelectionChange(selection) {
this.selectedMaterialSelections = selection
},
// 左侧表格行点击
itemClickRow1(row) {
// 可以在这里实现行点击逻辑
},
// 右侧表格行点击
itemClickRow2(row) {
// 可以在这里实现行点击逻辑
},
// 判断行是否可选
selectFlag(row, index) {
return true // 所有行都可选
},
// 添加到已选列表
addToSelected() {
if (this.availableMaterialSelections.length === 0) {
this.$message.warning('请先选择要添加的物料!')
return false
}
// 将选中的项添加到已选列表
this.availableMaterialSelections.forEach((item) => {
// 检查是否已存在(使用propertiesItemNo或componentPartNo作为唯一标识)
const itemNo = item.partNo
const exists = this.selectedMaterialList.some(
(row) => row.PartNo === itemNo
)
if (!exists) {
const newItem = JSON.parse(JSON.stringify(item))
this.selectedMaterialList.push(newItem)
}
})
const addCount = this.availableMaterialSelections.length
// 清空选择
this.availableMaterialSelections = []
// 重新加载左侧数据(因为分页,需要重新获取以过滤掉已选中的)
this.loadAvailableMaterialList()
this.$message.success(`成功添加 ${addCount} 条数据`)
},
// 从已选列表移除
removeFromSelected() {
if (this.selectedMaterialSelections.length === 0) {
this.$message.warning('请先选择要删除的物料!')
return false
}
// 从已选列表中移除
const selectedItemNos = this.selectedMaterialSelections.map(
(item) => item.partNo
)
const removeCount = this.selectedMaterialSelections.length
this.selectedMaterialList = this.selectedMaterialList.filter(
(item) =>
!selectedItemNos.includes(
item.partNo
)
)
// 清空选择
this.selectedMaterialSelections = []
// 重新加载左侧数据(因为分页,需要重新获取,移除的项可能会出现在当前页)
this.loadAvailableMaterialList()
this.$message.success(`成功移除 ${removeCount} 条数据`)
},
// 确认选择物料
confirmSelectMaterial() {
if (this.isMaterialDetailModal) {
// 从申请明细弹框打开的情况,将右侧"已有物料"列表的完整数据更新到sobomList
const selectedItems = JSON.parse(JSON.stringify(this.selectedMaterialList))
// 将选中的物料转换为sobomList需要的格式
selectedItems.forEach(item => {
// 将applyQty转换为qtyToIssue
item.qtyToIssue = item.applyQty || 0
// 设置itemNo(使用sobomData中的itemNo,如果没有则使用空字符串)
item.itemNo = this.clickrow.itemNo
item.notifyNo = this.clickrow.notifyNo
item.soorderNo = this.clickrow.soorderNo
item.orderType = this.clickrow.orderType
item.site = this.$store.state.user.site
// 确保componentPartNo存在
if (!item.componentPartNo) {
item.componentPartNo = item.partNo
}
})
// 将右侧"已有物料"列表的完整数据替换sobomList(包括原有和新增的)
this.sobomList = selectedItems
console.log("this.sobomList", this.sobomList);
this.isMaterialDetailModal = false
} else {
// 从新增工单物料弹框打开的情况,将数据添加到seqNoList
this.seqNoList = JSON.parse(JSON.stringify(this.selectedMaterialList))
}
// 关闭弹框
this.selectMaterialModalFlag = false
// 清空数据
this.availableMaterialList = []
this.selectedMaterialList = []
this.availableMaterialSelections = []
this.selectedMaterialSelections = []
this.$message.success('操作成功')
},
saveNoOrderMaterialDetail() {
for (let i = 0; i < this.sobomList.length; i++) {
if (
this.sobomList[i].qtyToIssue === '' ||
this.sobomList[i].qtyToIssue == null
) {
this.$message.warning('第'+(i+1)+'行数量为空,请填写申请数量!')
return false
}
this.sobomList[i].notifyNo = this.notifyNo
this.sobomList[i].site = this.$store.state.user.site
}
let materialList = this.sobomList.filter((item) => item.qtyToIssue > 0)
if (materialList.length == 0) {
this.$alert('没有需要保存的内容!', '提示', {
confirmButtonText: '确定',
})
return false
}
console.log('this.sobomList', materialList)
saveNoOrderMaterialDetail(materialList).then(({ data }) => {
if (data.code === 0) {
this.materialModalFlag = false
this.$message.success('操作成功')
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
},
saveNewSoIssueNotify() {
for (let i = 0; i < this.seqNoList.length; i++) {
if (
this.seqNoList[i].applyQty === '' ||
this.seqNoList[i].applyQty == null
) {
this.$message.warning('第'+(i+1)+'行数量为空,请填写申请数量!')
return false
}
this.seqNoList[i].notifyNo = this.notifyNo
this.seqNoList[i].site = this.$store.state.user.site
this.seqNoList[i].componentPartNo = this.seqNoList[i].partNo
}
let materialList = this.seqNoList.filter((item) => item.applyQty > 0)
if (materialList.length == 0) {
this.$alert('没有需要保存的内容!', '提示', {
confirmButtonText: '确定',
})
return false
}
console.log('this.sobomList', materialList)
var savaNotify = {
site: this.$store.state.user.site,
notifyNo: this.notifyNo,
userName: this.$store.state.user.name,
orderType:this.orderType,
materialList: materialList,
}
this.saveNewLoading = true
saveNoOrderNotify(savaNotify)
.then(({ data }) => {
if (data.code === 0) {
this.seqNoModalFlag = false
this.getUserNotifyNo()
this.$message.success('操作成功')
} else {
this.$message.error(data.msg)
}
})
.finally(() => {
this.saveNewLoading = false
})
},
//导出excel
async createExportData() {
this.searchData.limit = -1
this.searchData.page = 1
await eamGroupSearch(this.searchData).then(({ data }) => {
this.exportList = data.page.list
})
return this.exportList
},
startDownload() {},
finishDownload() {},
fields() {
let json = '{'
this.columnList.forEach((item, index) => {
if (index == this.columnList.length - 1) {
json +=
'"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"'
} else {
json +=
'"' +
item.columnLabel +
'"' +
':' +
'"' +
item.columnProp +
'"' +
','
}
})
json += '}'
let s = eval('(' + json + ')')
return s
},
xiadaNotifyModel() {
if (
this.dataList.length == 0 &&
this.dataList2.length == 0 &&
this.dataList3.length == 0
) {
this.$alert('没有明细记录无法下达!!', '提示', {
confirmButtonText: '确定',
})
return false
}
this.xiadaModelFlag = true
},
xiadaNotify() {
// 检查是否有明细记录
if (this.dataList.length == 0) {
this.$alert('没有明细记录无法下达!!', '提示', {
confirmButtonText: '确定',
})
return false
}
// 初始化弹框数据
this.xiadaNotifyData = {
planIssueDate:
this.notifyData.planIssueDate ||
this.dayjs().format('YYYY-MM-DD HH:mm:ss'),
remark: this.notifyData.remark || '',
}
// 打开弹框
this.showXiadaNotifyDialog = true
},
confirmXiadaNotify() {
if (this.dataList.length == 0) {
this.$alert('没有明细记录无法下达!!', '提示', {
confirmButtonText: '确定',
})
return false
}
// 验证要求发料时间
if (
!this.xiadaNotifyData.planIssueDate ||
this.xiadaNotifyData.planIssueDate === ''
) {
this.$message.warning('请选择要求发料时间!')
return false
}
// 准备下达数据
const notifyData = {
...this.notifyData,
planIssueDate: this.xiadaNotifyData.planIssueDate,
remark: this.xiadaNotifyData.remark,
}
// 执行下达操作
xiadaNotify(notifyData).then(({ data }) => {
if (data.code === 0) {
this.showXiadaNotifyDialog = false
this.xiadaModelFlag = false
this.getUserNotifyNo()
this.$message.success('操作成功')
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
},
saveOtherPart() {
// if (
// this.otherPartData.qtyToIssue == null ||
// this.otherPartData.qtyToIssue == '' ||
// this.otherPartData.qtyToIssue <= 0
// ) {
// this.$message.warning('请填写领取数量!')
// return false
// }
this.$confirm('确定保存' + '?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
saveOtherPart(this.otherPartData).then(({ data }) => {
if (data.code === 0) {
this.saveOtherPartModalFlag = false
if (this.otherPartData.issueType === '非BOM物料') {
this.partModelFlag = false
this.activeName = 'noBom'
this.searchOtherPart('非BOM物料')
}
if (this.otherPartData.issueType === '不管控物料') {
this.noControlPartModelFlag = false
this.activeName = 'noControl'
this.searchOtherPart('不管控物料')
}
this.$message.success('操作成功')
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
})
},
deleteNotify() {
if (this.dataList.length > 0) {
this.$alert('请先删除已经申请的明细记录!!', '提示', {
confirmButtonText: '确定',
})
return false
}
deleteNotify(this.notifyData).then(({ data }) => {
if (data.code === 0) {
this.getUserNotifyNo()
this.$message.success(data.msg)
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
},
searchOtherPart(type) {
let inData = {
site: this.notifyData.site,
notifyNo: this.notifyData.notifyNo,
issueType: type,
}
searchOtherPart(inData).then(({ data }) => {
if (data && data.code === 0) {
if (type === '非BOM物料') {
this.dataList2 = data.rows
}
if (type === '不管控物料') {
this.dataList3 = data.rows
}
}
})
},
// 删除
deleteNotifySOS(row) {
this.$confirm(`是否删除这个工单的申请信息?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
deleteNotifySOS(row).then(({ data }) => {
if (data && data.code === 0) {
this.getNotifyNoOrderDetail()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {},
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定',
})
}
})
})
.catch(() => {})
},
//获取按钮的权限数据
getButtonAuthData() {
let searchFlag = this.isAuth(this.menuId + ':search')
let saveFlag = this.isAuth(this.menuId + ':save')
let updateFlag = this.isAuth(this.menuId + ':update')
let deleteFlag = this.isAuth(this.menuId + ':delete')
//处理页面的权限数据
this.authSearch = !searchFlag
this.authSave = !saveFlag
this.authUpdate = !updateFlag
this.authDelete = !deleteFlag
},
searchTable() {},
getAllNotifyStatus() {
let inData = {
site: this.$store.state.user.site,
listName: 'ISSUENOTIFYHEADER_STATUS',
locale: this.$i18n.locale,
}
getAllNotifyStatus(inData).then(({ data }) => {
this.notifyStatusList = data
console.log('notifyStatusList', this.notifyStatusList)
})
},
async getTableUserColumn(tableId, columnId) {
let queryTableUser = {
userId: this.$store.state.user.name,
functionId: this.$route.meta.menuId,
tableId: tableId,
status: true,
languageCode: this.$i18n.locale,
}
await getTableUserListLanguage(queryTableUser).then(({ data }) => {
if (data.rows.length > 0) {
//this.columnList1 = []
switch (columnId) {
case 1:
this.columnList1 = data.rows
break
case 2:
this.columnList2 = data.rows
break
case 3:
this.columnList3 = data.rows
break
case 4:
this.columnList4 = data.rows
break
}
}
})
},
importModel() {
let data = {
site: this.$store.state.user.site,
notifyNo: this.notifyData.notifyNo,
}
this.$nextTick(() => {
this.$refs.noorderUploadExcel.init(data)
})
},
// 获取 tableDefault 列
async getColumnList(tableId, columnId) {
let queryTable = {
functionId: this.$route.meta.menuId,
tableId: tableId,
languageCode: this.$i18n.locale,
}
await getTableDefaultListLanguage(queryTable).then(({ data }) => {
if (data.rows && data.rows.length > 0) {
switch (columnId) {
case 1:
this.columnList1 = data.rows
break
case 2:
this.columnList2 = data.rows
break
case 3:
this.columnList3 = data.rows
break
case 4:
this.columnList4 = data.rows
break
}
} else {
// this.showDefault = true.
}
})
},
},
}
</script>
<style scoped>
.board666 .el-table .error-row {
background: #f86868;
}
/deep/ .el-table .error-row {
background: #f86868 !important;
}
/* 在 <style scoped> 下,使用深度选择器作用到 ElementUI 内部结构 */
.issueNotify {
width: 100%;
height: auto;
}
.issueNotify /deep/ .el-form-item__content {
display: inline !important;
}
.site-content > .el-tabs > .el-tabs__content > .site-tabs__tools {
top: 35px;
height: 40px;
font-size: 16px;
line-height: 40px;
}
.text-right /deep/ .el-input__inner {
text-align: right !important;
}
.text-right /deep/ .el-input-number__input {
text-align: right !important;
}
.yzzTable /deep/.el-table .cell {
line-height: 20px;
font-size: 12px;
height: 20px;
}
.applyQtyClass /deep/.el-input__inner {
height: 14px !important;
}
/* 选择工单弹窗:紧凑表格与按钮样式 */
.choose-sos-btn {
height: 14px;
box-sizing: border-box;
padding: 0 6px;
line-height: 12px;
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
}
</style>