作者 小范

原始及理货导入功能完善

import http from './http.js'
import axios from 'axios'
import VueAxios from "vue-axios";
let baseUrl = 'wlpt-custom-service-workflow'
//部署管理
... ... @@ -20,9 +22,34 @@ export const allTask = params => { return http.get(`${baseUrl}/task/allTask`, p
export const allTaskHistory = params => { return http.get(`${baseUrl}/task/allTaskHistory`, params); };
export const uploadPath = `/api/${baseUrl}/file/upload`;
//部署定义管理
export const definitions = params => { return http.get(`${baseUrl}/deployment/definitions`, params); };
//导入原始
// export const uploadPath = `/api/${baseUrl}/file/upload`;
export const upfile = params => {
return axios({
method: 'POST', // 请求协议
url: '/nmms-server-import/nmms/awbm/importExcelAWBM', // 请求的地址
data: params, // post 请求的数据
timeout: 30000, // 超时时间, 单位毫秒
headers: {
'Content-Type': 'application/json;charset=UTF-8',
}
})
}
export const upfiles = params => {
return axios({
method: 'POST', // 请求协议
url: '/nmms-server-import/nmms/awbm/importExcelAWBM5201', // 请求的地址
data: params, // post 请求的数据
timeout: 30000, // 超时时间, 单位毫秒
headers: {
'Content-Type': 'application/json;charset=UTF-8',
}
})
}
... ...
<template>
<el-container>
<el-main>
<div style="background-color:white;padding-top: 20px;padding-bottom: 20px ">
<el-row>
<el-row>
<el-col :span="6">
<el-col :span="24"><div class="grid-content"><p>请导入原始/理货数据:</p></div></el-col>
</el-row>
<el-row>
<el-col :span="24"><div class="grid-content"><h1>Please import original / tally data:</h1></div></el-col>
</el-row>
</el-row>
<el-row style="margin-top: 60px">
<el-col :offset="4" :span="7" style="background-color: white;padding-top: 20px;padding-bottom: 20px;border-radius: 10px">
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList">
<el-button size="small" type="primary">点击上传原始数据</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
action=""
:http-request="uploadOri"
:limit=1
:on-exceed="fileExceed"
accept="application/vnd.ms-excel,application/vnd.ms-excels"
ref="fileupload">
<el-button size="medium" type="primary">点击上传原始数据</el-button>
<div slot="tip" class="el-upload__tip">只能上传excel文件</div>
</el-upload>
</el-col>
<el-col :span="6">
<el-col :offset="2" :span="7" style="background-color: white;padding-top: 20px;padding-bottom: 20px;border-radius: 10px">
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList">
<el-button size="small" type="primary">点击上传理货数据</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
action=""
:http-request="uploadTal"
:limit=1
:on-exceed="fileExceed2"
accept="application/vnd.ms-excel,application/vnd.ms-excels"
ref="fileupload">
<el-button size="medium" type="success">点击上传理货数据</el-button>
<div slot="tip" class="el-upload__tip">只能上传excel文件</div>
</el-upload>
</el-col>
</el-row>
</div>
</el-main>
</el-container>
</template>
... ... @@ -48,14 +50,49 @@
</style>
<script>
import { selectAirport } from '../../api/mt1201'
import jsutil from "@/common/js/util";
import {upfile,upfiles} from "../../api/technological";
import axios from 'axios'
import Vue from 'vue'
import VueAxios from 'vue-axios'
export default {
data() {
return {
fileList: [],
};
},
methods:{
// excel 原始导入
fileExceed(){
this.$message.error('别贪心!一次只能上传一个哦~');
},
// 自定义上传 excel
uploadOri (item) {
const form = new FormData()
form.append('file', item.file);
upfile(form).then(res =>{
if(res.data.count >0){
return this.$message.error('主单导入失败')
}else {
this.$message.success('主单导入成功')
}
}).catch((e) => {})
},
// excel 理货导入
fileExceed2(){
this.$message.error('别贪心!一次只能上传一个哦~');
},
// 自定义上传 excel
uploadTal (item) {
const form = new FormData()
form.append('file', item.file);
upfiles(form).then(res =>{
if(res.data.count >0){
return this.$message.error('主单导入失败')
}else {
this.$message.success('主单导入成功')
}
}).catch((e) => {})
},
},
computed:{
},
... ...