2025-03-JS-SDK-CLI/src/views/stocked/careerAssistanceCheck/index.vue

<!--在库查询-->
<!--页面渲染区域-->
<template>
    <div class="vue-element-page-wrap" ref="tableContainer">
        <el-row class="page-search" justify="space-between" align="bottom">
            <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px" label-position="left">
                <el-row :gutter="20">
                    <!-- <el-col :span="6" class="col_height">
                        <el-form-item label="组织" prop="params.ERPFACTORY">
                            <el-select filterable v-model="queryParams.params.ERPFACTORY" placeholder="下拉选择组织" style="width: 240px"
                                       @change="GetERPLocationForList">
                                <el-option v-for="item in ERPFactoryList" :key="item.ERPFACTORY" :label="item.DESCRIPTION"
                                           :value="item.ERPFACTORY" />
                            </el-select>
                        </el-form-item>
                    </el-col> -->
                    <!-- <el-col :span="6" class="col_height">
                      <el-form-item label="库存仓库" prop="params.ERPLOCATION">
                        <el-select filterable v-model="queryParams.params.ERPLOCATION" placeholder="下拉选择仓库" style="width: 240px">
                          <el-option v-for="item in ERPLocationList" :key="item.ENUMVALUE" :label="item.DESCRIPTION"
                            :value="item.ENUMVALUE" />
                        </el-select>
                      </el-form-item>
                    </el-col> -->
                    <!-- <el-col :span="6" class="col_height">
                        <el-form-item label="仓库" prop="params.ERPLOCATION">
                            <el-select v-model="state.ChangeERPLocation" multiple clearable collapse-tags placeholder="请选择仓库"
                                       popper-class="custom-header" :max-collapse-tags="1" style="width: 240px"
                                       @visible-change="GetLocationListForSomeERPLocation" filterable>
                                <template #header>
                                </template>
                                <el-option v-for="item in ERPLocationList" :key="item.ENUMVALUE" :label="item.DESCRIPTION"
                                           :value="item.ENUMVALUE" />
                            </el-select>
                        </el-form-item>
                    </el-col> -->

                    <!-- <el-col :span="6" class="col_height">
                        <el-form-item label="货位" prop="params.LOCATION">
                            <el-select v-model="state.ChangeLocation" multiple clearable collapse-tags placeholder="请选择货位"
                                       popper-class="custom-header" :max-collapse-tags="1" style="width: 240px"
                                       @visible-change="JudgeMentERPLocation" filterable>
                                <template #header>
                                </template>
                                <el-option v-for="item in LocationList" :key="item.STORAGENAME" :label="item.DESCRIPTION"
                                           :value="item.STORAGENAME" />
                            </el-select>
                        </el-form-item>
                    </el-col> -->
                    <el-col :span="6" class="col_height">
                        <el-form-item label="物料编号" prop="params.MATERIALSPECNAME">
                            <el-Input v-model="queryParams.params.MATERIALSPECNAME" placeholder="输入物料编号" clearable />
                        </el-form-item>
                    </el-col>
                    <el-col :span="6" class="col_height">
                        <el-form-item label="阶段" prop="SITENAME">
                            <el-select v-model="queryParams.params.PHASE" placeholder="输入阶段" style="width: 160px">
                                <el-option v-for="item in state.PhaseList" :key="item.Value" :label="item.label" :value="item.Value" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6" class="col_height">
                        <el-form-item label="批次" prop="params.CHARGE">
                            <el-Input v-model="queryParams.params.CHARGE" placeholder="输入批次" clearable />
                        </el-form-item>
                    </el-col>
                    <!-- <el-col :span="6" class="col_height">
                        <el-form-item label="SDK规格" prop="params.SPECNAME">
                            <el-Input v-model="queryParams.params.SPECNAME" placeholder="输入SDK规格" clearable />
                        </el-form-item>
                    </el-col> -->
                    <el-col :span="6" class="col_height">
                        <el-form-item label="业助" prop="params.SALESPERSON">
                            <!--              <el-Input v-model="queryParams.params.SALESPERSON" placeholder="输入业助" clearable />-->
                            <el-Input v-model="queryParams.params.CAREER_ASSISTANCE" placeholder="输入业助" clearable />
                        </el-form-item>
                    </el-col>
                    <!-- <el-col :span="6">
                        <el-form-item label="入库时间" prop="params.USERNAME">
                            <el-date-picker v-model="queryParams.params.DateValue" type="daterange" unlink-panels range-separator="To"
                                            v-model:start-placeholder="queryParams.params.FROMDATE"
                                            v-model:end-placeholder="queryParams.params.TODATE" :shortcuts="shortcuts2" :size="size" />
                        </el-form-item>
                    </el-col> -->
                    <!-- <el-col :span="6">
                        <el-form-item label="是否审核" prop="IS_CHECK">
                        <el-select v-model="state.queryParams.params.IS_CHECK" placeholder="是否审核" style="width: 240px"
                            default-first-option>
                            <el-option v-for="item in state.TEMPList" :key="item.value" :label="item.label"
                            :value="item.value" />
                        </el-select>
                        </el-form-item>
                    </el-col> -->
                </el-row>
            </el-form>
            <div class="page-search-btns" style="margin-bottom: 10px;">
                <el-button type="primary" @click="queryInfo">搜索</el-button>
                <!-- <el-button type="primary" @click="exportExcel">导出</el-button> -->
            </div>
        </el-row>
        <!--table 区域-->
        <div class="vue-element-page-table">
            <div class="page-table-operate">
                <div class="page-table-title">
                    <div class="page-table-title-left">
                        <span>标签信息</span>
                    </div>
                </div>
                <div class="page-table-operateBtns">
                    <el-popover :persistent="false" placement="right" popper-class="config-table-wrap" trigger="click">
                        <template #reference>
                            <el-button class="operateBtns-setting">
                                <svg-icon icon-class="table_title" width="16px" height="16px" />
                            </el-button>
                        </template>
                        <ConfigTable :list="materialTableConfig.column" @updateList="updateList" />
                    </el-popover>
                </div>
            </div>
            <el-table :height="tableHeight" border v-loading="loading" :default-sort="{ prop: 'MATERIALQUANTITY', order: 'descending' }"
                      :data="state.BoxHistoryList" highlight-current-row row-key="id" style="width: 100%">
                <!-- <el-table-column type="selection" width="55" /> -->
                <template v-for="(col, index) in materialTableConfig.column" :key="index">
                    <el-table-column v-if="!col.hide" :label="col.header" :prop="col.field" show-overflow-tooltip
                                     :sort-orders="['descending', 'ascending']" :sortable="true">
                        <!--            <template #default="scope">-->
                        <!--              <span v-if="col.field === 'status'">-->
                        <!--                <span v-if="scope.row[col.field]" class="table-status-active">启用</span>-->
                        <!--                <span v-else class="table-status-inActive">禁用</span>-->
                        <!--              </span>-->
                        <!--              <span v-else>{{ scope.row[col.field] }}</span>-->
                        <!--            </template>-->
                    </el-table-column>
                    <el-table-column fixed v-if="col.hide" :label="col.header" :prop="col.field" show-overflow-tooltip
                                     :sort-orders="['descending', 'ascending']" :sortable="true">
                        <!--            <template #default="scope">-->
                        <!--              <span v-if="col.field === 'status'">-->
                        <!--                <span v-if="scope.row[col.field]" class="table-status-active">启用</span>-->
                        <!--                <span v-else class="table-status-inActive">禁用</span>-->
                        <!--              </span>-->
                        <!--              <span v-else>{{ scope.row[col.field] }}</span>-->
                        <!--            </template>-->
                    </el-table-column> 
                </template> 
                <el-table-column width="100" label="操作" align="center" class-name="table-operation" fixed="right">
                        <template #default="scope">
                            <el-popconfirm v-if="scope.row.IS_CHECK =='N'" title="确定要审核吗?" @confirm="handleCheck(scope.row)">
                            <template #reference>
                                <!-- @click.stop="handleUpdate(scope.row)" -->
                                <el-button type="primary" link v-if="!scope.row.status"> 审核
                                </el-button>
                            </template>
                            </el-popconfirm>
                        </template>
                    </el-table-column> 
                <!--        <template v-slot:empty>-->
                <!--          <svg-icon icon-class="noData" width="160px" height="160px" />-->
                <!--        </template>-->
            </el-table>
            <div>
                <pagination v-if="total > 0" :total="total" v-model:pageNumTo="queryParams.pageNum"
                            v-model:pageSizeTo="queryParams.pageSize" @pagination="handleQuery" />
            </div>
            <div>
                <!--        <el-row :gutter="24">-->
                <!--          <el-col :span="5">-->
                <!--            <el-form-item label="标签数量" prop="state.ChangeParams.body">-->
                <!--              <el-Input v-model="state.AllNumber" placeholder="标签数量总和" clearable />-->
                <!--            </el-form-item>-->
                <!--          </el-col>-->
                <!--          <el-col :span="15">-->
                <!--            <el-form-item label="物料总和" prop="state.ChangeParams.body">-->
                <!--              <el-Input v-model="state.UnitNumber" placeholder="标签数量总和" type="textarea" autosize clearable />-->
                <!--            </el-form-item>-->
                <!--          </el-col>-->
                <!--        </el-row>-->
                <!-- <el-row :gutter="24">
                    <el-form ref="formDataRef" :model="state.CAREER_ASSISTANCE" :rules="rules" label-position="top"  >
                        <el-form-item label="" prop="CAREER_ASSISTANCE">
                            <el-col :span="9">
                                <el-Input v-model="state.CAREER_ASSISTANCE" placeholder="业助" :rules="rules"/>
                            </el-col>
                            <el-col :span="9">
                           
                                <el-Input v-model="state.COUSTOMNO" placeholder="客户" :rules="rules"/>
                            </el-col>
                            <el-col :span="6">
                                <el-button type="primary" @click="modifiedRemark" :disabled="state.CAREER_ASSISTANCEDrawer"  v-loading="state.loadings">更新</el-button>
                            </el-col>
                        </el-form-item>
                    </el-form>
                </el-row> -->
            </div>
        </div>
        <!--    <div class="page-search-btns" :rules="rules">-->
        <!--      <el-row :gutter="24">-->
        <!--          <el-form ref="formDataRef" :model="state.CAREER_ASSISTANCE" :rules="rules" label-position="top">-->
        <!--            <el-form-item label="" prop="CAREER_ASSISTANCE">-->
        <!--              <el-col :span="18">-->
        <!--              <el-Input @input="inputCareer" v-model="state.CAREER_ASSISTANCE" placeholder="业助" :rules="rules"/>-->
        <!--              </el-col>-->
        <!--              <el-col :span="6">-->
        <!--                <el-button type="primary" @click="modifiedRemark" :disabled="state.CAREER_ASSISTANCEDrawer"  v-loading="state.loadings">更新业助</el-button>-->
        <!--              </el-col>-->
        <!--            </el-form-item>-->
        <!--          </el-form>-->
        <!--      </el-row>-->
        <!--    </div>-->
    </div>
</template>
<script lang="ts">
    export default {
        name: "careerAssistanceCheck",
    };
</script>
<!--script区域-->
<script lang="ts" setup>
    /*引入区域*/
    import { reactive, ref, watch, onMounted, toRefs, getCurrentInstance, nextTick, h } from "vue";
    import { ElForm, ElMessageBox, ElTable } from "element-plus";
    import type { CheckboxValueType } from 'element-plus'
    import { getQueryList, getQueryPageList,updateCAREER_ASSISTANCE } from "@/api/common";
    import { areAllNotEmpty, msToDate } from '@/utils/CommonUtil';
    import router from "@/router";
    import exportDataToExcel from "@/utils/export-excel";
    import { localStorage } from '@/utils/storage'
    import { updateCareerAssistance, updateRemark,checkMaterialPack } from '@/api/label'
    import { bTableHeight } from "../../../composables/calcTableHeight";
    import { getORG } from '@/api/auth';

const { tableContainer, tableHeight, updateTableHeight, handleResize } = bTableHeight(310);
    
    const { proxy }: any = getCurrentInstance();
    const checkAll = ref(false)
    const indeterminate = ref(false)
    const value = ref<CheckboxValueType[]>([])

    /*对象生成赋值区域*/
    const materialTableConfig = ref({
        loading: false,
        column: [] as any,
        data: [],
    })
    const queryFormRef = ref(ElForm);
    const size = ref<'default' | 'large' | 'small'>('small');//formdata时间设置
    const state = reactive({
        loadings: false,
        CAREER_ASSISTANCEDrawer : false,
        updateSALESPERSON : {
            CAREER_ASSISTANCE : '',
            CHARGE : '',
        } ,
        boxDrawer :false,
        PhaseList: [{ label: 'C', Value: 'C' }, { label: 'D', Value: 'D' }, { label: 'S', Value: 'S' }] as any,
        ChangeERPLocation: [],
        ChangeLocation: [],
        AllNumber: 0,//标签总数量
        UnitNumber: 0,//各单位数量
        queryParams: {
            queryId: "GetCareerAssistanceCheck",
            version: "WEB00035",
            params: {
                IS_CHECK:'N',
                SITENAME: localStorage.get("siteName") || 'SDK',
                MATERIALSPECNAME: "",
                STOCKSTATE: '',
                ERPLOCATION: '',
                ERPFACTORY: '',
                UNDOID: '',
                LOCATIONNAME: '',
                PHASE: '',
                CHARGE: '',
                SPECNAME: '',
                ERPLOCATIONNAME: '',
                SALESPERSON: '',
                DateValue: '',
                FROMDATE: '',
                TODATE: '',
                CAREER_ASSISTANCE :'',
                USERID: localStorage.get('userId')
            },
            pageNum: 1,
            pageSize: 10
        },
        queryParamsStockState: {
            queryId: "GetEnumDefValueList",
            version: "WEB00001",
            params: {
                SITENAME: localStorage.get("siteName") || 'SDK',
                ENUMNAME: "StockState",
            },
            pageNum: 1,
            pageSize: 10
        },
        queryParamsERPFactory: {
            queryId: "GetErpFactoryList",
            version: "WEB00001",
            params: {
                SITENAME: localStorage.get("siteName") || 'SDK',
            },
            pageNum: 1,
            pageSize: 10
        },
        queryParamsERPLocation: {
            queryId: "GetErpLocationList",
            version: "WEB00001",
            params: {
                SITENAME: localStorage.get("siteName") || 'SDK',
                ERPFACTORYNAME: '',
            },
            pageNum: 1,
            pageSize: 10
        },
        operateParams: {
            date: new Date(),
        },
        Column: [] as any,
        total: 0,
        loading: false,
        BoxHistoryList: [] as any,
        StockStateList: [] as any,
        ERPFactoryList: [] as any,
        ERPLocationList: [] as any,
        LocationList: [] as any,
        multipleSelection : [] as any,
        CAREER_ASSISTANCE : '',
        TEMPList: [{ label: '全部', value: '' },{ label: '是', value: 'Y' }, { label: '否', value: 'N' }] as any,
        formData: {
            SITENAME: 'SDK',
            MATERIALSPECNAME:"",
            EXPIRATIONDAY_T: null,
            IS_CON_TEMP_T: "",
        } as any,
        dialog: {
            title: "业助审核",
            type: 'add',
            visible: false,
        },
        COUSTOMNO: '',
        // rules: {
        //   // CAREER_ASSISTANCE: [{ required: true, message: '请输入账号', trigger: 'blur' }],
        //   CAREER_ASSISTANCE: [
        //     { required: true, message: value, trigger: "blur" },
        //     {
        //       validator: function(rule : any,value : any, callback : any) {
        //         //校验中文的正则：/^[\u4e00-\u9fa5]{0,}$/
        //         if (/^[\u4e00-\u9fa5]+$/.test(value) == false) {
        //           callback(new Error("请输入中文"));
        //         } else {
        //           callback(new Error(""));
        //         }
        //       },
        //       trigger: "blur"
        //     }
        //   ],
        // }
    });


    const {
        queryParams,
        Column,
        total,
        rules,
        loading,
        BoxHistoryList,
        operateParams,
        StockStateList,
        ERPFactoryList,
        ERPLocationList,
        LocationList,
        dialog
    } = toRefs(state);
    //时间范围定义
    const shortcuts2 = [
        {
            text: '',
            value: () => {
                const end = new Date()
                const start = new Date()
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
                return [start, end]
            },
        },
        {
            text: '',
            value: () => {
                const end = new Date()
                const start = new Date()
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
                return [start, end]
            },
        },
        {
            text: '',
            value: () => {
                const end = new Date()
                const start = new Date()
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
                return [start, end]
            },
        },
    ]
    /*钩子函数区域*/
    onMounted(() => {
        materialTableConfig.value.column = [



            // { header: "组织", field: "ERPFACTORY", hide: false },
            // { header: "组织(CN)", field: "ERPFACTORYDESC", hide: false },

            // { header: "阶段", field: "PHASE", hide: false },
            // { header: "系统规格", field: "DESCRIPTION", hide: false },
            // { header: "SDK规格", field: "SPECNAME", hide: false },
            // { header: "实际规格", field: "TRUEGG", hide: false },
            // { header: "主数量", field: "MATERIALQUANTITY", hide: false },
            // { header: "主单位", field: "FNAME", hide: false },
            // { header: "仓库编码", field: "ERPLOCATION", hide: false },
            // { header: "仓库名称", field: "ERPLOCATIONDESC", hide: false },
            // { header: "货位编码", field: "LOCATIONNAME", hide: false },
            // { header: "货位名称", field: "LOCATIONNAMEDESC", hide: false },
            { header: "物料编号", field: "MATERIALSPECNAME", hide: false },
            { header: "品名", field: "DESC_CN", hide: false },
            { header: "批次号", field: "CHARGE", hide: false },
            { header: "阶段", field: "PHASE", hide: false },
            // { header: "系统规格", field: "DESCRIPTION", hide: false },
            // { header: "SDK规格", field: "SPECNAME", hide: false },
            // { header: "实际规格", field: "TRUEGG", hide: false },
            // { header: "入库时间", field: "RECEIVETIME", hide: false },
            // { header: "备货单号", field: "SHIPREQUESTTIME", hide: false },
            // { header: "生产时间", field: "MAKEDATE", hide: false },
            // { header: "失效时间", field: "EXPIRINGDATE", hide: false },
            // { header: "是否良品", field: "OQARESULT", hide: false },
            // { header: "状态", field: "SPECIALSTATE", hide: false },
            // { header: "辅单位数量", field: "FQTY", hide: false },
            // { header: "辅单位", field: "FUNIT", hide: false },
            // { header: "客户", field: "CUSTOMNO", hide: false },
            // { header: "供应商", field: "SUPPLIERNAME", hide: false },
            { header: "业助", field: "CAREER_ASSISTANCE", hide: false },
            { header: "客户", field: "CUSTOMNO", hide: false },
            // { header: "业务", field: "SALESPERSON", hide: false },
            // { header: "事业部", field: "BUSINESS_UNIT", hide: false },
            // { header: "管芯类型", field: "DURABLETYPE", hide: false },
            // { header: "首次入库日期", field: "MAKEDATE", hide: false },
            // { header: "最新入组织日期", field: "LASTSTOCKINTIME_ERPFACTORY", hide: false },
            // { header: "最新入库日期", field: "LASTSTOCKINTIME_LOCATION", hide: false },
            // { header: "生产日期", field: "MAKEDATE", hide: false },
            // { header: "操作/检测员", field: "EVENTUSER", hide: false },
            // { header: "母卷批次", field: "SUPERMATERIALPACKINGNAME", hide: false },
            // { header: "厂商批次", field: "SUPPLIERCHARGE", hide: false },
            // { header: "客户批次", field: "CUSTOMCHARGE", hide: false },
            // { header: "是否冻结", field: "HOLDSTATE", hide: false },
            // { header: "WMS唯一码", field: "MATERIALPACKINGNAME", hide: false },
            // { header: "备注", field: "REMARK", hide: false },
        ];
        let pwd: any = localStorage.get('remeberPwd');
        // state.orgNo = JSON.parse(pwd).orgNo;
        // state.queryParams.params.ERPFACTORY = JSON.parse(pwd).orgNo;
        
        handleQuery();
        ERPFactoryQuery();
        // ERPLocationQuery();
        
        updateTableHeight();
        window.addEventListener('resize', handleResize);
    });

    function handleCheck(row: any) {
        state.dialog = {
            title: "物料信息维护",
            visible: true,
            type: 'edit'
        };
        // state.selectItem = row;
        state.formData = {...row};
        state.formData.IS_CHECK = "Y"
        checkMaterialPack({...state.formData, user: localStorage.get('userId'),SITENAME: 'SDK'})
            .then((res: any) => {
                dialog.value.visible = false;
                handleQuery();
            }).then(() => proxy.$ElMessage.success('审核成功'))
            .catch(() => { })
    }
    function queryInfo () {
        state.queryParams.pageNum = 1
        handleQuery();
    }
    const updateList = (col: any) => {
        materialTableConfig.value.column = col
    }
    /*其它函数区域*/

    const handleSelectionChange = (val: any) => {
        state.multipleSelection = val;

    };


    function isChinese(text : any) {
        const reg = /^[\u4e00-\u9fa5]+$/;
        return reg.test(text);
    }
    function inputCareer(event : any) {
        console.log(event)
        const inputValue = event;
        if (!isChinese(inputValue)) {
            // 处理非中文输入的情况

            state.CAREER_ASSISTANCEDrawer = true;
            state.loadings = true
            console.log('输入不是中文');
        } else {

            state.CAREER_ASSISTANCEDrawer = false;
            state.loadings = false
            // 处理中文输入的情况
            console.log('输入是中文');
        }
    }

    function modifiedRemark() {
        if ( state.multipleSelection.length == 0) {
            ElMessageBox.alert('列表为空', {
                confirmButtonText: 'OK',
            })
            return
        }
        let boxLists =  []
        for (var i = 0 ; i < state.multipleSelection.length; ++ i) {
            state.multipleSelection[i].key = {
                SITENAME : "SDK",
                MATERIALPACKINGNAME : state.multipleSelection[i]['MATERIALPACKINGNAME']
            }

            state.multipleSelection[i].CAREER_ASSISTANCE = state.CAREER_ASSISTANCE
            state.multipleSelection[i].CUSTOMNO = state.COUSTOMNO
            boxLists.push(state.multipleSelection[i])

        }
        let PRINT = {
            SITENAME : "SDK",
            boxList : boxLists,
            USER : localStorage.get('userId'),
            remark: state.CAREER_ASSISTANCE,
            CUSTOMNO : state.COUSTOMNO
        }
        // console.log(PRINT)
        // return;
        updateCareerAssistance(PRINT).then((res: any) => {
            console.log(res.success)
            state.CAREER_ASSISTANCE = ''
            state.COUSTOMNO = ''
            if (res.success) {
                // proxy.$ElMessage.success('备注更新成功');
                ElMessageBox.alert('业助更新成功', '提醒框', {
                    confirmButtonText: 'OK',
                })
                handleQuery();
            } else {
                proxy.$ElMessage.error(res.message)
            }
        })
            .catch(() => { });
    }
    async function handleQuery() {
        if (state.queryParams.params.DateValue.length > 0) {
            state.queryParams.params.UNDOID = msToDate(state.queryParams.params.DateValue[0]).withoutTime
            state.queryParams.params.TODATE = msToDate(state.queryParams.params.DateValue[1]).withoutTime
        }
        state.queryParams.params.ERPLOCATION = ''
        if (state.ChangeERPLocation[0] != '')
            for (let i = 0; i < state.ChangeERPLocation.length; i++) {
                state.queryParams.params.ERPLOCATION = state.queryParams.params.ERPLOCATION + state.ChangeERPLocation[i] + ','
            }
        state.queryParams.params.LOCATIONNAME = ''
        if (state.ChangeLocation[0] != '')
            for (let i = 0; i < state.ChangeLocation.length; i++) {
                state.queryParams.params.LOCATIONNAME = state.queryParams.params.LOCATIONNAME + state.ChangeLocation[i] + ','
            }
        state.queryParams.version = 'WEB00035'
        await getQueryPageList(state.queryParams)
            .then((res: any) => {
                if (res.data.list.length > 0) {
                    state.BoxHistoryList = res.data.list
                    state.total = res.data.total
                } else {
                    state.BoxHistoryList = res.data.list
                    proxy.$ElMessage.success('查询结果为空');
                }

            })
        // state.queryParams.version = 'WEB00032'
        state.queryParams.version = 'WEB00035'
        state.AllNumber = 0
        state.UnitNumber = 0
        await getQueryList(state.queryParams)
            .then((res: any) => {
                for (let i = 0; i < res.data.length; i++) {
                    let number = res.data[i].PACKINGNUMBER == null ? 0 : res.data[i].PACKINGNUMBER
                    let Qty = res.data[i].UNITNUMBER == null ? 0 : res.data[i].UNITNUMBER
                    state.AllNumber = state.AllNumber + parseFloat(number)
                    state.UnitNumber = state.UnitNumber + Qty
                }

            })
    }
    function exportExcel() {
        state.queryParams.version = 'WEB00033'
        getQueryList(state.queryParams).then((res: any) => {
            if (res.data.length > 0) {
                exportDataToExcel(res.data, '库存查询')
            } else {
                proxy.$ElMessage.warning('当前查询没有数据可以导出');
            }
        });
    }

    const getSummaries = (param: any) => {
        const { columns, data } = param
        const sums: (string | any)[] = []
        columns.forEach((column: any, index: number) => {
            if (index === 0) {
                sums[index] = h('div', { style: { textDecoration: 'underline' } }, [
                    '合计',
                ])
                return
            }
            console.log('column', column)
            const values = data.map((item: any) => column.property == 'MATERIALQUANTITY' && Number(item[column.property]))
            console.log('values', values)

            // if (!values.every((value: any) => (Number.isNaN(value)))) {
            if (values.every((value: any) => (Number.isNaN(value) || value))) {
                sums[index] = `${values.reduce((prev: any, curr: any) => {
                    const value = Number(curr)
                    if (!Number.isNaN(value)) {
                        return prev + curr
                    } else {
                        return prev
                    }
                }, 0)}`
            } else {
                sums[index] = ''
            }
        })

        return sums
    }
    // //库位状态查询
    // function StockStateListQuery() {
    //   getQueryList(state.queryParamsStockState)
    //     .then((res: any) => {
    //       state.StockStateList = res.data;
    //       state.StockStateList.unshift({
    //         ENUMVALUE: ''
    //       });
    //     })
    //     .catch(() => { });
    // }
    //ERP库位查询
    function ERPLocationQuery() {
        state.queryParamsERPLocation.params.ERPFACTORYNAME = state.queryParams.params.ERPFACTORY
        getQueryList(state.queryParamsERPLocation)
            .then((res: any) => {
                state.ERPLocationList = res.data;
                // state.ERPLocationList.unshift({
                //   ENUMVALUE: ''
                // });
            })
            .catch(() => { });
    }
    //ERP工厂查询
    function ERPFactoryQuery() {
        getORG({ orgNo: null})
            .then((res: any) => {
                state.ERPFactoryList = res.resultObj;
                state.ERPFactoryList.unshift({
                    ERPFACTORY: ''
                });
            })
            .catch(() => { });
    }
    watch(value, (val: any) => {
        if (val.length === 0) {
            checkAll.value = false
            indeterminate.value = false
        } else if (val.length === state.ERPLocationList.value.length) {
            checkAll.value = true
            indeterminate.value = false
        } else {
            indeterminate.value = true
        }
    })

    const handleCheckAll = (val: CheckboxValueType) => {
        indeterminate.value = false
        if (val) {
            value.value = state.ERPLocationList.value.map((_: any) => _.value)
        } else {
            value.value = []
        }
    }

    function convertArrayToString(numbers: any) {
        // 使用map将每个数字转换成字符串，并用单引号括起来
        const quotedNumbers = numbers.map((number: any) => `'${number}'`);
        // 使用join方法将转换后的字符串数组用逗号连接起来
        const result = `(${quotedNumbers.join(',')})`;
        return result;
    }

    function GetERPLocationForList(value: any) {
        ERPLocationQuery();
    }
    function JudgeMentERPLocation(value: any) {
        if ((!areAllNotEmpty(state.queryParams.params.ERPFACTORY)) || (state.ChangeERPLocation.length == 0)) {
            proxy.$ElMessage.warning('当前还未选择组织或者仓库');
            state.LocationList = []
            state.ChangeLocation = []
            return
        }
    }

    function GetLocationListForSomeERPLocation(value: any) {
        if (!areAllNotEmpty(state.queryParams.params.ERPFACTORY)) {
            proxy.$ElMessage.warning('当前还未选择组织');
            state.ChangeERPLocation = []
            state.ERPLocationList = []
            return
        }
        if (!areAllNotEmpty(state.ChangeERPLocation)) {
            return
        }
        if (!value) {
            let ERPLOCATIONList = state.ChangeERPLocation;
            getQueryList({
                queryId: "GetLocationListForSomeERPLocation",
                version: "00001",
                params: {
                    SITENAME: localStorage.get("siteName") || 'SDK',
                    ERPLOCATION: ERPLOCATIONList.length ? ERPLOCATIONList.join(','): ""
                },
            })
                .then((res: any) => {
                    state.LocationList = res.data;
                    state.LocationList.unshift({
                        STORAGENAME: ''
                    });
                })
                .catch(() => { });
        }

    }
</script>
<!--style 区域-->
<style>
    .col_height {
        padding-top: 3.5px;
        padding-bottom: 3.5px;
    }
</style>