<template>
|
<el-card class="box-card">
|
<div slot="header" class="clearfix">
|
<span>重量导入</span>
|
</div>
|
<!-- <el-form ref="form" v-model="formData" label-width="120px">
|
<el-form-item label="选择仓库">
|
<el-select v-model="formData.Storage_Id" placeholder="请选择">
|
<el-option v-for="item in StorageNames" :key="item.Storage_Id" :label="item.StorageName" :value="item.Storage_Id">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-form> -->
|
|
<el-upload ref="upload" :on-preview="handlePreview" :on-remove="handleRemove" :on-success="handleSuccess" :file-list="fileList" :auto-upload="true" :action="upLoadUrl()" :limit="1" class="upload-bill">
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitImport()">开始导入</el-button>
|
<el-button style="margin-left: 10px;" size="small" type="primary" plain>
|
<a :href="common.ossDomain+'/node-wms/template/发货重量导入模板.xlsx'" style="color:while;font-size:12px;">下载模板</a>
|
</el-button>
|
<div slot="tip" class="el-upload__tip">只能上传扩展名为.xlsx的excel文件</div>
|
</el-upload>
|
|
<el-scrollbar :noresize="false" :native="false" wrap-class="scrollbar-wrap">
|
<div v-html="msgList">
|
{{ msgList }}
|
</div>
|
</el-scrollbar>
|
</el-card>
|
</template>
|
|
<script>
|
export default {
|
name: "outbound-scan-outWeight-import",
|
data() {
|
return {
|
// 消息内容
|
msgList: "",
|
expressCorpoptions: null,
|
fileList: [],
|
fullFileRote: null,
|
uploadKey: null
|
};
|
},
|
mounted() {
|
// this.getPortList();
|
// this.getExpressCorpList();
|
// this.getStorageList();
|
this.uploadKey = this.common.getGUID();
|
},
|
methods: {
|
// 上传附件Url
|
upLoadUrl: function() {
|
var domain = this.common.domain;
|
return domain + "/api/common/uploadSingleFile";
|
},
|
// 开始导入
|
submitImport() {
|
this.msgList = null;
|
if (!this.fullFileRote) {
|
this.$message.error("请上传文件！");
|
return;
|
}
|
const url = "/api/tms/waypackageimport/importExcel";
|
const params = {
|
url: this.fullFileRote,
|
key: this.uploadKey
|
};
|
var callback = res => {
|
this.common.showMsg(res);
|
if (res.result) {
|
this.fullFileRote = null;
|
this.fileList = [];
|
this.msgList = res.msg;
|
} else {
|
this.msgList = "<font color='red'>" + res.msg + "</font>";
|
}
|
};
|
this.common.ajax(url, params, callback, true);
|
},
|
handleRemove(file, fileList) {
|
this.fullFileRote = null;
|
},
|
// 点击文件时的钩子
|
handlePreview(file) {},
|
// 上传成功后
|
handleSuccess(res, file) {
|
this.common.showMsg("上传成功！");
|
this.fullFileRote = res.data.url;
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.box-card {
|
.upload-bill {
|
width: 480px;
|
.el-upload__tip {
|
margin-top: 20px;
|
}
|
}
|
.scrollbar-wrap {
|
max-height: 600px !important;
|
}
|
}
|
</style>
|
