You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
333 lines
10 KiB
333 lines
10 KiB
<template>
|
|
<div class="customer-css">
|
|
<el-dialog :title="titleCon" :close-on-click-modal="false" :visible.sync="visible" width="400px" style="height: 520px;" class="customer-dialog" @close="deleteFile">
|
|
<el-form :inline="true" label-position="top" label-width="80px">
|
|
<el-row>
|
|
<el-form-item label="BU">
|
|
<el-select v-model="pageData.buNo" placeholder="请选择" disabled style="width: 120px">
|
|
<el-option
|
|
v-for = "i in buList"
|
|
:key = "i.buNo"
|
|
:label = "i.buDesc"
|
|
:value = "i.buNo">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item :label="'CMC Invoice:'">
|
|
<el-input v-model="pageData.cmcInvoice" disabled style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label=" ">
|
|
<!-- <download-excel
|
|
:fields="fields()"
|
|
:data="exportData"
|
|
type="xls"
|
|
:name="exportName"
|
|
:header="exportHeader"
|
|
:footer="exportFooter"
|
|
:fetch="createExportData"
|
|
:before-generate="startDownload"
|
|
:before-finish="finishDownload"
|
|
worksheet="导出信息"
|
|
class="el-button el-button--primary el-button--medium">
|
|
{{ '导出模版' }}
|
|
</download-excel>-->
|
|
<el-button type="primary" @click="exportExcel()">下载文件模板</el-button>
|
|
</el-form-item>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-upload class="customer-upload" drag action="javascript:void(0);" ref="uploadFile" :limit="1" accept=".xlsx,.xls"
|
|
:before-upload="beforeUploadHandle" :on-change="onChange" :auto-upload="false" style="text-align: left;">
|
|
<i class="el-icon-upload"></i>
|
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
</el-upload>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="saveUploadFile">保存</el-button>
|
|
<el-button type="primary" @click="closeDialog">关闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {queryFileId} from "@/api/qc/qc.js"
|
|
import {saveCoDelPalletDataByExcel,searchEcssCoDelNotifyDetail} from '@/api/ecss/ecss.js'
|
|
import {downLoadObjectFile} from '@/api/eam/eam_object_list.js'
|
|
import {getBuList}from '@/api/factory/site.js'
|
|
import excel from "@/utils/excel-util.js";
|
|
import excelOpts from '@/utils/export-options.js'
|
|
export default {
|
|
name: 'bomComponentUpload',
|
|
data() {
|
|
return {
|
|
buList: [],
|
|
titleCon: '文件导入',
|
|
visible: false,
|
|
fileList: [],
|
|
pageData: {
|
|
site: '',
|
|
buNo: '',
|
|
delNo:'',
|
|
cmcInvoice:'',
|
|
createBy: this.$store.state.user.name,
|
|
},
|
|
// 导出 start
|
|
exportData: [],
|
|
exportName: '装箱数据导入模版',
|
|
exportHeader: [""],
|
|
exportFooter: [],
|
|
// 导出 end
|
|
columnList1: [
|
|
{
|
|
columnProp: "seqNo",
|
|
columnLabel: "序号",
|
|
},
|
|
{
|
|
columnProp: "cmcInvoice",
|
|
columnLabel: "发票号",
|
|
},
|
|
{
|
|
columnProp: "seqNo",
|
|
columnLabel: "托盘号/箱号",
|
|
},
|
|
{
|
|
columnProp: "customerPO",
|
|
columnLabel: "PO",
|
|
},
|
|
{
|
|
columnProp: "pn",
|
|
columnLabel: "PN",
|
|
},
|
|
{
|
|
columnProp: "qty",
|
|
columnLabel: "数量",
|
|
},
|
|
{
|
|
columnProp: "boxQty",
|
|
columnLabel: "箱数",
|
|
},
|
|
{
|
|
columnProp: "Rolls",
|
|
columnLabel: "Rolls",
|
|
},
|
|
{
|
|
columnProp: "pallet_qty",
|
|
columnLabel: "托数",
|
|
},
|
|
{
|
|
columnProp: "length",
|
|
columnLabel: "长(M)",
|
|
},
|
|
{
|
|
columnProp: "width",
|
|
columnLabel: "宽(M)",
|
|
},
|
|
{
|
|
columnProp: "height",
|
|
columnLabel: "高(M)",
|
|
},
|
|
{
|
|
columnProp: "volume",
|
|
columnLabel: "体积",
|
|
},
|
|
{
|
|
columnProp: "grossWeight",
|
|
columnLabel: "毛重",
|
|
},
|
|
{
|
|
columnProp: "netWeight",
|
|
columnLabel: "净重",
|
|
}
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
async exportExcel() {
|
|
let searchData={
|
|
site: this.pageData.site,
|
|
buNo: this.pageData.buNo,
|
|
delNo: this.pageData.delNo,
|
|
cmcInvoice: this.pageData.cmcInvoice,
|
|
shippingMode: this.pageData.shippingMode,
|
|
destination : this.pageData.destination,
|
|
createBy: this.$store.state.user.name,
|
|
}
|
|
excel.exportTable({
|
|
url: "/select/ecssMapper/searchEcssCoDelNotifyDetail/list",
|
|
columnMapping: excelOpts.PalletSku.columnMapping,//可以直接用table，不需要的列就剔除
|
|
mergeSetting: [],//需要合并的列
|
|
params: searchData,
|
|
fileName: this.exportName+".xlsx",
|
|
rowFetcher: res => res.data,
|
|
columnFormatter: [],
|
|
dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列
|
|
});
|
|
},
|
|
// 初始化组件的参数
|
|
init (inData) {
|
|
this.fileList = []
|
|
let tempData = {
|
|
username: this.$store.state.user.name,
|
|
}
|
|
getBuList(tempData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.buList = data.row2
|
|
}
|
|
})
|
|
console.log(inData)
|
|
this.pageData={
|
|
site: inData.site,
|
|
buNo: inData.buNo,
|
|
delNo: inData.delNo,
|
|
cmcInvoice: inData.cmcInvoice,
|
|
shippingMode: inData.shippingMode,
|
|
destination : inData.destination,
|
|
walMartOrderFlag: inData.walMartOrderFlag,
|
|
createBy: this.$store.state.user.name,
|
|
}
|
|
// 打开页面
|
|
this.visible = true
|
|
},
|
|
|
|
// 上传之前
|
|
beforeUploadHandle (file) {
|
|
let extName = file[0].name.substring(file[0].name.lastIndexOf('.')).toLowerCase()
|
|
if (!(extName === '.xlsx' || extName === '.xls')) {
|
|
this.$message.error('数据导入失败，请选择正确的xlsx模板文件')
|
|
return false
|
|
}
|
|
},
|
|
|
|
// 选择上传文件时
|
|
onChange (file) {
|
|
this.fileList.push(file)
|
|
},
|
|
|
|
// 关闭modal
|
|
closeDialog () {
|
|
this.deleteFile()
|
|
// 关闭当前的页面
|
|
this.visible = false
|
|
},
|
|
deleteFile(){
|
|
this.fileList = []
|
|
// 清空文件上传记录
|
|
this.$refs.uploadFile.clearFiles()
|
|
// 刷新报工的页面
|
|
this.$emit('refreshTable')
|
|
|
|
},
|
|
|
|
// 保修当前的数据
|
|
saveUploadFile () {
|
|
// 判断文件是否上传
|
|
if (null == this.fileList || 0 === this.fileList.length) {
|
|
this.$message.error("请先上传文件!")
|
|
return false
|
|
}
|
|
const formData = new FormData()
|
|
formData.append("buNo",this.pageData.buNo)
|
|
formData.append("site",this.pageData.site)
|
|
formData.append("delNo",this.pageData.delNo)
|
|
formData.append("cmcInvoice",this.pageData.cmcInvoice)
|
|
formData.append("walMartOrderFlag",this.pageData.walMartOrderFlag)
|
|
formData.append("username",this.$store.state.user.name)
|
|
formData.append("file", this.fileList[0].raw)
|
|
// formData.append("createBy", this.pageData.createBy)
|
|
saveCoDelPalletDataByExcel(formData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.$message.success(data.msg)
|
|
// 关闭窗口并刷新页面
|
|
this.closeDialog()
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
// 下载
|
|
async downloadFile () {
|
|
let file = {
|
|
id: 0,
|
|
fileName: ''
|
|
}
|
|
let tempData = {
|
|
orderRef1: 'ecss',
|
|
orderRef2: 'upLoadPallet'
|
|
}
|
|
await queryFileId(tempData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
file.id = data.data.id
|
|
file.fileName = data.data.fileName
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
|
|
await downLoadObjectFile(file).then(({data}) => {
|
|
// 不限制文件下载类型
|
|
const blob = new Blob([data], {type: "application/octet-stream"})
|
|
// 下载文件名称
|
|
const fileName = file.fileName
|
|
// a标签下载
|
|
const linkNode = document.createElement('a')
|
|
// a标签的download属性规定下载文件的名称
|
|
linkNode.download = fileName
|
|
linkNode.style.display = 'none'
|
|
// 生成一个Blob URL
|
|
linkNode.href = URL.createObjectURL(blob)
|
|
document.body.appendChild(linkNode)
|
|
// 模拟在按钮上的一次鼠标单击
|
|
linkNode.click()
|
|
// 释放URL 对象
|
|
URL.revokeObjectURL(linkNode.href)
|
|
document.body.removeChild(linkNode)
|
|
})
|
|
},
|
|
|
|
//导出excel
|
|
async createExportData() {
|
|
let searchData={
|
|
site: this.pageData.site,
|
|
buNo: this.pageData.buNo,
|
|
delNo: this.pageData.delNo,
|
|
cmcInvoice: this.pageData.cmcInvoice,
|
|
createBy: this.$store.state.user.name,
|
|
}
|
|
await searchEcssCoDelNotifyDetail(searchData).then(({data}) => {
|
|
this.exportList= data.rows
|
|
this.exportList.forEach(o => o.cmcInvoice=this.pageData.cmcInvoice);
|
|
})
|
|
|
|
return this.exportList;
|
|
},
|
|
startDownload() {
|
|
// this.exportData = this.dataList
|
|
|
|
},
|
|
finishDownload() {
|
|
},
|
|
fields() {
|
|
let json = "{"
|
|
this.columnList1.forEach((item, index) => {
|
|
if (index == this.columnList1.length - 1) {
|
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
|
|
} else {
|
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
|
|
}
|
|
})
|
|
json += "}"
|
|
let s = eval("(" + json + ")")
|
|
|
|
return s
|
|
},
|
|
}
|
|
}
|
|
</script>
|