<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>

