<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-button v-if="notifyNo!=''" @click="importModel()" type="primary"
            style="margin-left: 2px;margin-top: 0px">{{'导入'}}</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="1200px">
      <el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item :label="'Order No'">
              <el-input v-model="seqNoData.orderNo" @keyup.enter.native="searchSOSRouting()"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="'Release No'">
              <el-input v-model="seqNoData.releaseNo"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item :label="'Sequence No'">
              <el-input v-model="seqNoData.sequenceNo"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item>
              <el-button type="primary" @click="searchSOSRouting()" style="margin-top: 5px" class="" :loading="seqNoModalLoading">添加</el-button>
              <el-button type="danger" @click="deleteSeqNoByOrderNo()" style="margin-top: 5px" 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="left" header-align="center" align="center" width="80" label="操作">
          <template slot-scope="scope">
            <el-button type="primary" size="mini" plain class="choose-sos-btn" :loading="chooseLoading"
              @click="chooseSOS(scope.row)">选择</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="saveSeqNoModalFlag" width="750px">
      <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="'OrderNo'">
              <el-input v-model="notifyOrderData.orderNo" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item :label="'ReleaseNo'">
              <el-input v-model="notifyOrderData.releaseNo" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item :label="'SequenceNo'">
              <el-input v-model="notifyOrderData.sequenceNo" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item :label="'工单数量'">
              <el-input v-model="notifyOrderData.qtyRequired" 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="notifyOrderData.partNo" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="18">
            <el-form-item :label="'物料名称'">
              <el-input v-model="notifyOrderData.partDesc" disabled style="width: 100%"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item :label="'要求发料时间'">
              <el-date-picker style="width: 100%" v-model="notifyOrderData.needDate" type="datetime"
                value-format="yyyy-MM-dd HH:mm" placeholder="选择日期">
              </el-date-picker>
            </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="saveSOS()">保存</el-button>
        <el-button type="primary" @click="saveSeqNoModalFlag=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-input v-model="sobomData.partNo" disabled></el-input>
            </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="saveMaterialDetail()">保存</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>
    <walUploadExcel ref="walUploadExcel" @refreshTable="searchTable" v-drag></walUploadExcel>
  </div>
</template>

<script>
import {
  getSOScheduledRoutingListForIssure,
  createNotify,
  getUserNotifyNo,
  deleteNotify,
  getAllNotifyStatus,
  getNotifyNoDetail,
  saveSOIssueNotifyOrderList,
  saveMaterialDetail,
  deleteNotifySOS,
  getIFSShopOrderByOrderNo,
  searchNotifyMaterialList,
  getShopOrderAndMaterialByShoporder,
  saveNewSoIssueNotify,
  searchNotifyMaterialListNew,
} from '@/api/orderIssure/soIssueNotify.js'
import Chooselist from '@/views/modules/common/Chooselist_eam'
import walUploadExcel from './walmart_upload_excel.vue'
import {
  getShopOrderFromIFSWithOrderNo,
  getSOSBOMForIssureNew,
  searchOtherPart,
  xiadaNotify,
} from '../../../api/orderIssure/soIssueNotify'
import { getTableUserListLanguage } from '../../../api/table'

export default {
  name: 'newSoIssueNotify',
  components: {
    Chooselist,
    walUploadExcel,
  },
  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: [],
      materialDetailColumnList: [],
      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: '555001Table1FgPartNo',
          tableId: '555001Table1',
          tableName: '领料申请工单子表',
          columnProp: 'fgPartNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '产成品编码',
          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: '555001Table2OrderNo',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'orderNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: 'OrderNo',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 100,
        },
        /* {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2ReleaseNo',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'releaseNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: 'ReleaseNo',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 100,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2SequenceNo',
          tableId: '555001Table2',
          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: '555001Table2LineItemNo',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'lineItemNo',
          headerAlign: 'center',
          align: 'right',
          columnLabel: '行号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 70,
        },
        /* {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2Contract',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'contract',
          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: '555001Table2MaterialLineStatus',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'materialLineStatus',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '物料行状态',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 100,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2ComponentPartNo',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'componentPartNo',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '物料号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 120,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2ComponentPartDesc',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'componentPartDesc',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '物料描述',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 180,
          showOverflowTooltip: true,
        },
        {
          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: 100,
        },
        
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2QtyIssued',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'qtyIssued',
          headerAlign: 'center',
          align: 'right',
          columnLabel: '已发数量',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 100,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2QtyRequired',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'qtyRequired',
          headerAlign: 'center',
          align: 'right',
          columnLabel: '需求数量',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 100,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2QtyReserved',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'qtyReserved',
          headerAlign: 'center',
          align: 'right',
          columnLabel: '预留数量',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 100,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2Uom',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'uom',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '单位',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 80,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2PartNo',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'partNo',
          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: '555001Table2PartDesc',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'partDesc',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '产品名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 180,
          showOverflowTooltip: true,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table2StartDate',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'startDate',
          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: 'finishDate',
          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: '555001Table2NeedDate',
          tableId: '555001Table2',
          tableName: '查询工单及物料',
          columnProp: 'needDate',
          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: '555001Table3PartDesc',
          tableId: '555001Table3',
          tableName: '领料申请BOM子表',
          columnProp: 'componentPartDesc',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '物料描述',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: false,
          columnWidth: 120,
        },
        {
          userId: this.$store.state.user.name,
          functionId: 555001,
          serialNumber: '555001Table3QtyRequired',
          tableId: '555001Table3',
          tableName: '领料申请BOM子表',
          columnProp: 'qtyRequired',
          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: '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,
    }
  },

  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,
        orderType: 'shoporder', // rqrq - 查询shoporder类型的申请单
      }
      this.getAllNotifyStatus()
      getUserNotifyNo(inData).then(({ data }) => {
        if (data.code === 0) {
          if (data.row != null) {
            this.notifyNo = data.row.notifyNo
            this.notifyData = data.row
            this.getNotifyNoDetail()
            /* 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 = []
        }
      })
    },
    getNotifyNoDetail() {
      let inData = {
        site: this.$store.state.user.site,
        notifyNo: this.notifyNo,
        orderType: 'shoporder', // rqrq - 查询shoporder类型的明细
      }
      getNotifyNoDetail(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: 'shoporder', // rqrq - 固定为shoporder类型
      }
      createNotify(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: 'shoporder', // rqrq - 固定为shoporder类型
      }
      this.getAllNotifyStatus()
      createNotify(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.getNotifyNoDetail()
            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.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,
        orderNo: row.orderNo,
        releaseNo: row.releaseNo,
        sequenceNo: row.sequenceNo,
        partNo: row.partNo,
        itemNo: row.itemNo,
      }
      getSOSBOMForIssureNew(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)
            } */
          }
        }
      })
    },

    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() {
      if (this.seqNoData.orderNo == null || this.seqNoData.orderNo == '') {
        this.$message.warning('请输入OrderNo！')
        return false
      }
      if (this.seqNoData.releaseNo == null || this.seqNoData.releaseNo == '') {
        this.$message.warning('请输入ReleaseNo！')
        return false
      }
      if (
        this.seqNoData.sequenceNo == null ||
        this.seqNoData.sequenceNo == ''
      ) {
        this.$message.warning('请输入SequenceNo！')
        return false
      }
      // 初始化seqNoList如果不存在
      if (!this.seqNoList) {
        this.seqNoList = []
      }
      // 调用接口前判断this.seqNoList是否存在orderNo
      const orderNoExists = this.seqNoList.some(row => row.orderNo === this.seqNoData.orderNo)
      if (orderNoExists) {
        this.$message.warning('该OrderNo的数据已存在，请先删除再添加！')
        return false
      }
      
      const dataListExists = this.dataList.some(row => row.soorderNo === this.seqNoData.orderNo)
      if (dataListExists) {
        this.$message.warning('该OrderNo的数据已添加过，请先删除再添加！')
        return false
      }
      this.seqNoModalLoading = true
      getShopOrderAndMaterialByShoporder(this.seqNoData)
        .then(({ data }) => {     
          if (data.code === 0) {
            if (!data.rows || data.rows.length === 0) {
              this.$message.warning('未查询到数据！')
              return
            }
            // 将返回的数据添加到this.seqNoList中，而不是替换
            data.rows.forEach(newRow => {
                // 初始化每行的需求数量（需求数量 - 已发数量 - 预留数量）
                const qtyRequired = parseFloat(newRow.qtyRequired) || 0
                const qtyIssued = parseFloat(newRow.qtyIssued) || 0
                const qtyReserved = parseFloat(newRow.qtyReserved) || 0
                const applyQty = qtyRequired - qtyIssued - qtyReserved
                this.$set(newRow, 'applyQty', applyQty > 0 ? applyQty : 0)
                // 添加到列表中
                this.seqNoList.push(newRow)
            })
            this.$message.success(`成功添加 ${data.rows.length} 条数据`)
          } else {
            this.$message.error(data.msg)
          }
        })
        .catch((e) => {
          this.$message.error(e.msg || '查询失败')
          return
        }).finally(() => {
          this.seqNoModalLoading = 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(() => {
        // 用户取消删除
      })
    },
    saveMaterialDetail() {
      for (let i = 0; i < this.sobomList.length; i++) {
        if (
          this.sobomList[i].applyQty === '' ||
          this.sobomList[i].applyQty == null
        ) {
          this.sobomList[i].applyQty = 0
        }
        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)
      saveMaterialDetail(materialList).then(({ data }) => {
        if (data.code === 0) {
          this.materialModalFlag = false
          this.chooseSOSModal()
          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.seqNoList[i].applyQty = 0
        }
        this.seqNoList[i].notifyNo = this.notifyNo
        this.seqNoList[i].site = this.$store.state.user.site
      }

      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,
        materialList: materialList,
      }
      this.saveNewLoading = true
      saveNewSoIssueNotify(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
          }
        }
      })
    },
    importModel() {
      if (this.dataList.length > 0) {
        this.$alert('有已申请工单明细无法导入！!', '提示', {
          confirmButtonText: '确定',
        })
        return
      }
      let data = {
        site: this.notifyData.site,
        notifyNo: this.notifyData.notifyNo,
      }
      this.$nextTick(() => {
        this.$refs.walUploadExcel.init(data)
      })
    },
    // 删除
    deleteNotifySOS(row) {
      this.$confirm(`是否删除这个工单的申请信息?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          deleteNotifySOS(row).then(({ data }) => {
            if (data && data.code === 0) {
              this.getNotifyNoDetail()
              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;
            }
          } 
        })
      },

      // 获取 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>

