sfms3.0-ui/src/views/wms/inventoryManage/balance/index.vue

<template>
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <Search :schema="Balance.allSchemas.searchSchema" @search="searchList" @reset="searchList" />
  </ContentWrap>

  <!-- 列表头部 -->
  <TableHead
    :HeadButttondata="HeadButttondata"
    @button-base-click="buttonBaseClick"
    :route-name="routeName"
    @updataTableColumns="updataTableColumns"
    @searchFormClick="searchFormClick"
    :allSchemas="Balance.allSchemas"
  />

  <!-- 列表 -->
  <ContentWrap>
    <Table
      ref="tableRef"
      v-clientTable
      :selection="true"
      :columns="tableColumns"
      :data="tableObject.tableList"
      :loading="tableObject.loading"
      :pagination="{
        total: tableObject.total
      }"
      v-model:pageSize="tableObject.pageSize"
      v-model:currentPage="tableObject.currentPage"
      v-model:sort="tableObject.sort"
      @getSelectionRows="getSelectionRows"
    >
      <template #itemCode="{ row }">
        <el-button
          :type="row.frozen == 'TRUE' || row.expireDate < dayjs().valueOf() ? 'danger' : 'primary'"
          link
          @click="openDetail(row, '物料代码', row.itemCode)"
        >
          <span>{{ row.itemCode }}</span>
        </el-button>
      </template>
      <template #action="{ row }">
        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, row)" />
      </template>
    </Table>
  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
  <BasicForm
    ref="basicFormRef"
    @success="getList"
    :rules="BalanceRules"
    :formAllSchemas="Balance.allSchemas"
    :apiUpdate="BalanceApi.updateBalance"
    :apiCreate="BalanceApi.createBalance"
    :isBusiness="false"
  />

  <!-- 详情 -->
  <Detail
    ref="detailRef"
    :isBasic="true"
    :allSchemas="TransactionTab.allSchemas"
    :detailAllSchemas="TransactionTab.allSchemas"
    :apiPage="apiPage"
    :tabsExtend="tabsExtend"
    :tabs="[
      {
        label: '库存事务',
        prop: 'Transaction'
      }
    ]"
    @changeTabs="changeTabs"
    :tableObjectExtend="tableObjectExtend"
  />

  <!-- 标签打印 -->
  // <SearchTable style="width:905px" ref="searchTableRef" @searchTableSuccess="searchTableSuccessLabel" />


   <BasicForm
    ref="labelPointFormRef"
    @success="getList"
    :tableAllSchemas="SupplierdeliverRequestPackage.allSchemas"
    :tableFormRules="SupplierdeliverRequestPackageRules"
    :tableData="detatableData1"
    :isBusiness="true"
    :isShowButton="false"
    @searchTableSuccess="searchTableSuccessLabel"
    :isShowReduceButton="false"
    @clearInput="clearInput"
    :footButttondata="footButttondata"
    @footButtonClick="footButtonClick"
  />

  <!-- 导入 -->
  <ImportForm
    ref="importFormRef"
    url="/wms/balance/import"
    :importTemplateData="importTemplateData"
    @success="importSuccess"
  />
</template>

<script setup lang="ts">
import dayjs from 'dayjs'
import download from '@/utils/download'
import * as BalanceApi from '@/api/wms/balance'
import * as PackageApi from '@/api/wms/package'
import BasicForm from '@/components/BasicForm/src/BasicForm.vue'
import { Balance, TransactionTab, BalanceRules } from './balance.data'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import TableHead from '@/components/TableHead/src/TableHead.vue'
import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
import Detail from '@/components/Detail/src/Detail.vue'
import { getAccessToken } from '@/utils/auth'
import { getJmreportBaseUrl } from '@/utils/systemParam'
import { formatDate } from '@/utils/formatTime'
import { usePageLoading } from '@/hooks/web/usePageLoading'
import {
  SupplierdeliverRequestPackage,
  SupplierdeliverRequestPackageRules
} from '@/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data'
console.log(222,SupplierdeliverRequestPackage)
const { loadStart, loadDone } = usePageLoading()
// 库存余额
defineOptions({ name: 'Balance' })

const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化

const route = useRoute() //路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(Balance.allSchemas.tableColumns)
const tabsExtend = ref(false)
const apiPage = ref()
const tableObjectExtend = ref()

//字段设置 更新主列表字段
const updataTableColumns = (val) => {
  tableColumns.value = val
}

const { tableObject, tableMethods } = useTable({
  getListApi: BalanceApi.getBalancePageAll // 分页接口
})

// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods

// 列表头部按钮
const HeadButttondata = [
  // defaultButtons.defaultAddBtn({hasPermi:'wms:balance:create'}), // 新增
  // defaultButtons.defaultImportBtn({hasPermi:'wms:balance:import'}), // 导入
  defaultButtons.defaultExportBtn({ hasPermi: 'wms:balance:export' }), // 导出
  // defaultButtons.mainLisSelectiontPointBtn(null), // 批量标签打印
  defaultButtons.defaultFreshBtn(null), //刷新
  defaultButtons.defaultFilterBtn(null), //筛选
  defaultButtons.defaultSetBtn(null) // 设置
  // {
  //   label: '自定义扩展按钮',
  //   name: 'zdy',
  //   hide: false,
  //   type: 'primary',
  //   icon: 'Select',
  //   color: ''
  // },
]

// 头部按钮事件
const buttonBaseClick = (val, item) => {
  if (val == 'add') {
    // 新增
    openForm('create')
  } else if (val == 'import') {
    // 导入
    handleImport()
  } else if (val == 'export') {
    // 导出
    handleExport()
  } else if (val == 'refresh') {
    // 刷新
    selectionRows.value = []
    if (tableObject.params.filters && tableObject.params.filters.length > 0) {
      searchFormClick({
        filters: tableObject.params.filters
      })
    } else {
      getList()
    }
  } else if (val == 'filtrate') {
    // 筛选
  } else if (val == 'selection_point') {
    // 批量打印
    handleSelectionPoint()
  } else {
    // 其他按钮
    console.log('其他按钮', item)
  }
}
const searchList = (model) => {
  selectionRows.value = []
  setSearchParams(model)
}
watch(
  () => tableObject.tableList,
  () => {
    const currentRows = selectionRows.value.find(
      (item) => item.currentPage == tableObject.currentPage
    )
    if (currentRows) {
      nextTick(() => {
        currentRows.selectionRows.forEach((item) => {
          tableRef.value.toggleRowSelection(item, true)
        })
      })
    }
  }
)
const selectionRows = ref<any>([])
const tableRef = ref()
const getSelectionRows = (currentPage, currentPageSelectionRows) => {
  console.log('getSelectionRows', currentPage, currentPageSelectionRows)
  const currentRows = selectionRows.value.find((item) => item.currentPage == currentPage)
  if (currentRows) {
    currentRows.selectionRows = currentPageSelectionRows
  } else {
    selectionRows.value.push({
      currentPage,
      selectionRows: currentPageSelectionRows
    })
  }
}

const handleSelectionPoint = async () => {
  let rows: any = []
  selectionRows.value.forEach((item) => {
    rows = [...rows, ...item.selectionRows.map((item1) => item1.packingNumber)]
  })
  console.log('批量打印', rows.join(','))
  let getLoading = ElLoading.service({
    lock: true,
    text: 'loading...',
    background: 'rgba(0, 0, 0, 0.7)'
  })
  PackageApi.getBalanceToPackageSelection(rows)
    .then((res) => {
      console.log('res', res)
      getLoading?.close()
      if (res.zzLabel) {
        //制造标签
        const src = ref(BASE_URL + '/jmreport/view/922734157577715712?token=' + getAccessToken())
        window.open(src.value + '&asn_number=' + res.zzLabel)
      }
      if (res.cgLabel) {
        //采购标签
        const src = ref(BASE_URL + '/jmreport/view/922729953438072832?token=' + getAccessToken())
        window.open(src.value + '&asn_number=' + res.cgLabel)
      }
    })
    .catch((err) => {
      console.log(err)
      getLoading?.close()
    })
  // window.open(srcPoint.value+'&relateNumber='+rows.join(','))
}
// 列表-操作按钮
const butttondata = [
  // {
  //   label: '标签信息',
  //   name: 'bqxx',
  //   hide: false,
  //   type: 'primary',
  //   icon: '',
  //   color: '',
  //   link: true,
  //   float: 'right',
  //   hasPermi: ''
  // },
  defaultButtons.mainListPointBtn(null) // 标签打印
  // defaultButtons.mainListEditBtn({hasPermi:'wms:balance:update'}), // 编辑
  // defaultButtons.mainListDeleteBtn({hasPermi:'wms:balance:delete'}), // 删除
]

// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
  if (val == 'bqxx') {
    let aaa =
      'HPQ;V1.0;I' +
      row.itemCode +
      ';P' +
      row.packingNumber +
      ';B' +
      row.batch +
      ';Q' +
      row.qty +
      ';U' +
      row.uom
    alert(aaa)
  } else if (val == 'point') {
    // 标签打印
    handlePoint(row)
  }
  // if (val == 'edit') { // 编辑
  //   // const res = await BalanceApi.getItempackaging(row.id)
  //   openForm('update', row)
  // } else if (val == 'delete') { // 删除
  //   handleDelete(row.id)
  // }
}

/** 添加/修改操作 */
const basicFormRef = ref()
const openForm = (type: string, row?: any) => {
  basicFormRef.value.open(type, row)
}

/** 详情操作 */
const detailRef = ref()
const chooseRow = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
  chooseRow.value = row
  detailRef.value.openDetail(row, titleName, titleValue, 'transactionBalance')
}

const BASE_URL = getJmreportBaseUrl()
const labelType = ref('') // 标签类别 采购还是制造等
const labelPointFormRef = ref()
const detatableData1 = ref([])
const handlePoint = async (row) => {
  await getLabelDetailPage(row,false)
  labelPointFormRef.value.open('create', row, null, 'createLabel') //创建标签页面 createLabel 标题
}

const searchTableRef = ref()
const getLabelDetailPage = async (row, useToPackingNumber) => {
  ////英泰项目没有包装号 所以只能通过物料号，批次，到库位代码去查询对应的包装
  let defaultParams = {
    moduleName: 'move',
    recordNumber: '',
    itemCode: row.itemCode,
    packQty: row.packQty,
    batch: row.batch
  }
  const { tableObject: tableObjectPrint, tableMethods } = useTable({
    defaultParams,
    getListApi: PackageApi.getLabelDetailPage // 分页接口
  })
  // 获得表格的各种操作
  const { getList: getListPrint } = tableMethods
  await getListPrint()
  tableObject.loading = false
  const tableColumns = SupplierdeliverRequestPackage.allSchemas.tableFormColumns
  tableColumns.forEach((item) => {
    item.width = item.table?.width || 150
  })
  detatableData1.value = tableObjectPrint.tableList
  detatableData1.value.forEach(item => {
    if (!item.batch) {
      item.batch = formatDate(new Date(),'YYYYMMDD')
      item['disabled_batch'] = false
    } else {
      item['disabled_batch'] = true
    }
  })
  // searchTableRef.value.openData('标签信息', tableObjectPrint, { tableColumns }, true)
}

// 批量打印--预生产收货
const searchTableSuccessLabel = async (formField, searchField, val, formRef, type, row) => {
  console.log('批量打印',val)

  if(val.length == 0){
    message.warning("请先选择要打印的数据!")
    return
  }
  await PackageApi.batchPrintingLable(val.map(item1=>item1.number).join(',')).then(res => {
      console.log(res)
      // if (labelType.value == 'cg') {
      //   const src = ref(BASE_URL + '/jmreport/view/922729953438072832?token=' + getAccessToken())
      //   window.open(src.value+'&asn_number='+res)
      // } else {
      //   const src = ref(BASE_URL + '/jmreport/view/922734157577715712?token=' + getAccessToken())
      //   window.open(src.value+'&asn_number='+res)
      // }
      const src = ref(BASE_URL + '/jmreport/view/922734157577715712?token=' + getAccessToken())
        window.open(src.value+'&asn_number='+res)
  }).catch(err => {
    console.log(err)
    message.error('创建标签失败')
  })
}

/** 删除按钮操作 */
const handleDelete = async (id: number) => {
  try {
    // 删除的二次确认
    await message.delConfirm()
    // 发起删除
    await BalanceApi.deleteBalance(id)
    message.success(t('common.delSuccess'))
    // 刷新列表
    buttonBaseClick('refresh', null)
  } catch {}
}

/** 导出按钮操作 */
const handleExport = async () => {
  try {
    // 导出的二次确认
    await message.exportConfirm()
    // 发起导出
    loadStart()
    const excelTitle = ref(route.meta.title)
    const data = await BalanceApi.exportBalance(tableObject.params)
    download.excel(data, `【${excelTitle.value}】【${formatDate(new Date())}】.xlsx`)
  } catch {
  } finally {
    loadDone()
  }
}

/** 导入 */
const importFormRef = ref()
const handleImport = () => {
  importFormRef.value.open()
}
// 导入附件弹窗所需的参数
const importTemplateData = reactive({
  templateUrl: '',
  templateTitle: `【${route.meta.title}】导入模版.xlsx`
})
// 导入成功之后
const importSuccess = () => {
  getList()
}

// 筛选提交
const searchFormClick = (searchData) => {
  tableObject.params = {
    isSearch: true,
    filters: searchData.filters
  }
  getList() // 刷新当前列表
}
const changeTabs = (item) => {
  if (item.prop == 'Transaction') {
    tabsExtend.value = true
    // 当前物料代码作为条件
    tableObjectExtend.value = [
      {
        key: 'masterId',
        value: chooseRow.value.id
      }
    ]
    apiPage.value = BalanceApi.getTransactionBalancePage

    console.log(988, tableObjectExtend.value)
  } else {
    tableObjectExtend.value = []
    tabsExtend.value = false
    apiPage.value = ''
  }
}
const footButttondata = ref([
  defaultButtons.formSureBtn(null), // 确定
  defaultButtons.formCloseBtn(null) // BOM关闭
])
const footButtonClick = async (val) => {
  if (val == 'sure') {
    const validateForm = await labelPointFormRef.value.tableFormRef.validateForm()
    // console.log(11,detatableData1.value)
    if (!validateForm) {
      return
    }
    pointLabel()
  } else if (val == 'close') {
    labelPointFormRef.value.dialogVisible = false
  }
}
const pointLabel = async () => {
  // const array =detatableData1.value.map(item=>{
  //   return {
  //     packingNumber:item.number,
  //     batch: item.batch,
  //     printQty:item.printQty,
  //   }
  // })
  const obj = {
    itemCode:detatableData1.value[0].itemCode,
    packingNumber:detatableData1.value[0].number,
    batch:detatableData1.value[0].batch,
    printQty:detatableData1.value[0].printQty,
  }
  // const isHave = detatableData1.value.find(item => parseFloat(item.printQty) <= 0)
  if(!parseFloat(obj.printQty) ){
    message.error(`物料号${obj.itemCode}打印数量不可以为0`)
    return;
  }
  await PackageApi.batchPrintingLableGet(obj).then(res => {
    const src = ref(BASE_URL + '/jmreport/view/922734157577715712?token=' + getAccessToken())
    window.open(src.value+'&asn_number='+res)
  }).catch(err => {
    console.log(err)
    message.error('创建标签失败')
  })
}
/** 初始化 **/
onMounted(async () => {
  getList()
  // importTemplateData.templateUrl = await BalanceApi.importTemplate()
})
</script>