|
|
<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:{
|
|
|
},
|
...
|
...
|
|