wilson
/
xujiecloud-vue
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

采购导入

master
han\hanst 2 weeks ago
parent
84b2fab29f
commit
df2e5d51cd
2 changed files with 845 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 25
      src/api/partspare/partSparePurchaseImport.js
  2. 820
      src/views/modules/partspare/partSparePurchaseImport.vue

25
src/api/partspare/partSparePurchaseImport.js
View File

@ -0,0 +1,25 @@
import { createAPI } from "@/utils/httpRequest.js";
// 备件采购订单导入记录查询
export const queryPartSparePurchaseImportPage = data =>
createAPI(`/pms/partspare/purchaseImport/queryPage`, "post", data);
// 备件采购订单导入记录新增
export const savePartSparePurchaseImport = data =>
createAPI(`/pms/partspare/purchaseImport/save`, "post", data);
// 备件采购订单导入记录修改
export const updatePartSparePurchaseImport = data =>
createAPI(`/pms/partspare/purchaseImport/update`, "post", data);
// 备件采购订单导入记录删除
export const deletePartSparePurchaseImport = data =>
createAPI(`/pms/partspare/purchaseImport/delete`, "post", data);
// Excel导入
export const importPartSparePurchaseImportExcel = data =>
createAPI(`/pms/partspare/purchaseImport/importExcel`, "post", data);
// 下载导入模板
export const downloadPartSparePurchaseImportTemplate = () =>
createAPI(`/pms/partspare/purchaseImport/downloadTemplate`, "get", {}, "download");

820
src/views/modules/partspare/partSparePurchaseImport.vue
View File

@ -0,0 +1,820 @@
<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" :model="queryForm">
<el-form-item label="BU">
<el-select v-model="queryForm.buKey" clearable style="width: 160px" placeholder="请选择">
<el-option
v-for="item in userBuList"
:key="item.site + '_' + item.buNo"
:label="item.buDesc"
:value="composeBuKey(item.site, item.buNo)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="日期">
<el-date-picker
style="width: 140px"
v-model="queryForm.orderDateStart"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="开始日期"
></el-date-picker>
<span class="date-separator">-</span>
<el-date-picker
style="width: 170px"
v-model="queryForm.orderDateEnd"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd 23:59:59"
placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="供应商">
<el-input v-model="queryForm.supplierName" clearable style="width: 140px"></el-input>
</el-form-item>
<el-form-item label="币种">
<el-input v-model="queryForm.currencyType" clearable style="width: 100px"></el-input>
</el-form-item>
<el-form-item label="订单编号">
<el-input v-model="queryForm.orderNo" clearable style="width: 140px"></el-input>
</el-form-item>
<el-form-item label="存货编码">
<el-input v-model="queryForm.itemCode" clearable style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="存货名称">
<el-input v-model="queryForm.itemName" clearable style="width: 150px"></el-input>
</el-form-item>
<el-form-item label="项目目录(BU)">
<el-input v-model="queryForm.projectBu" clearable style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="上游单据号">
<el-input v-model="queryForm.requestNo" clearable style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="请购员">
<el-input v-model="queryForm.requestBy" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="导入人">
<el-input v-model="queryForm.importBy" clearable style="width: 120px"></el-input>
</el-form-item>
<!-- <el-form-item label="导入文件名">
<el-input v-model="queryForm.sourceFileName" clearable style="width: 140px"></el-input>
</el-form-item>-->
</el-form>
<el-form :inline="true" label-position="top" :model="queryForm">
<el-form-item label="导入日期">
<el-date-picker
style="width: 140px"
v-model="queryForm.importDateStart"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="开始日期"
></el-date-picker>
<span class="date-separator">-</span>
<el-date-picker
style="width: 170px"
v-model="queryForm.importDateEnd"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd 23:59:59"
placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="数量范围">
<el-input v-model="queryForm.qtyStart" clearable style="width: 90px"></el-input>
<span class="date-separator">-</span>
<el-input v-model="queryForm.qtyEnd" clearable style="width: 90px"></el-input>
</el-form-item>
<el-form-item label="本币价税合计范围">
<el-input v-model="queryForm.localTotalAmountStart" clearable style="width: 100px"></el-input>
<span class="date-separator">-</span>
<el-input v-model="queryForm.localTotalAmountEnd" clearable style="width: 100px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="handleQuery">查询</el-button>
<el-button type="default" @click="resetQuery">重置</el-button>
<!-- <el-button type="primary" @click="openAddDialog">新增</el-button>-->
<el-button type="primary" @click="openImportDialog">导入</el-button>
<!-- <el-button type="warning" @click="downloadTemplateFile">下载模板</el-button>-->
<el-button type="danger" :disabled="selectionData.length === 0" @click="deleteSelection">删除</el-button>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
show-summary
:summary-method="getSummaryRow"
:max-height="height"
v-loading="dataListLoading"
@selection-change="handleSelectionChange"
style="width: 100%"
>
<el-table-column type="selection" width="50" align="center"></el-table-column>
<el-table-column prop="orderDate" label="日期" width="110" align="center"></el-table-column>
<el-table-column prop="supplierName" label="供应商" min-width="180" show-overflow-tooltip></el-table-column>
<el-table-column prop="currencyType" label="币种" width="80" align="center"></el-table-column>
<el-table-column prop="orderNo" label="订单编号" min-width="150" show-overflow-tooltip></el-table-column>
<el-table-column prop="itemCode" label="存货编码" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="itemName" label="存货名称" min-width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="qty" label="数量" width="80" align="right">
<template slot-scope="scope">
{{ formatNumber(scope.row.qty) }}
</template>
</el-table-column>
<el-table-column prop="localUnitPrice" label="本币单价" width="80" align="right">
<template slot-scope="scope">
{{ formatNumber(scope.row.localUnitPrice) }}
</template>
</el-table-column>
<el-table-column prop="localAmount" label="本币金额" width="80" align="right">
<template slot-scope="scope">
{{ formatNumber(scope.row.localAmount) }}
</template>
</el-table-column>
<el-table-column prop="localTaxAmount" label="本币税额" width="80" align="right">
<template slot-scope="scope">
{{ formatNumber(scope.row.localTaxAmount) }}
</template>
</el-table-column>
<el-table-column prop="localTotalAmount" label="本币价税合计" width="100" align="right">
<template slot-scope="scope">
{{ formatNumber(scope.row.localTotalAmount) }}
</template>
</el-table-column>
<el-table-column prop="unitName" label="单位" width="60" align="center"></el-table-column>
<el-table-column prop="projectBu" label="项目目录(BU)" min-width="200" show-overflow-tooltip></el-table-column>
<el-table-column prop="requestNo" label="上游单据号" min-width="130" show-overflow-tooltip></el-table-column>
<el-table-column prop="requestBy" label="请购员" width="90" align="center"></el-table-column>
<el-table-column prop="importDate" label="导入日期" width="160" align="center"></el-table-column>
<el-table-column prop="importBy" label="导入人" width="100" align="center"></el-table-column>
<!-- <el-table-column prop="sourceFileName" label="导入文件名" min-width="160" show-overflow-tooltip></el-table-column>
<el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip></el-table-column>-->
<el-table-column fixed="right" label="操作" width="140" align="center">
<template slot-scope="scope">
<el-link type="primary" @click="openEditDialog(scope.row)">修改</el-link>
<el-link type="danger" style="margin-left: 8px" @click="deleteByRow(scope.row)">删除</el-link>
</template>
</el-table-column>
</el-table>
<el-pagination
style="margin-top: 8px"
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 500]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
<el-dialog
:title="formMode === 'add' ? '新增采购订单记录' : '修改采购订单记录'"
:close-on-click-modal="false"
v-drag
:visible.sync="formDialogVisible"
width="980px"
>
<el-form
ref="saveForm"
:model="formData"
:rules="formRules"
:inline="true"
label-position="top"
>
<el-form-item label="BU" prop="buKey">
<el-select v-model="formData.buKey" clearable style="width: 220px" placeholder="请选择">
<el-option
v-for="item in userBuList"
:key="item.site + '_' + item.buNo + '_form'"
:label="item.buDesc"
:value="composeBuKey(item.site, item.buNo)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="日期" prop="orderDate">
<el-date-picker
style="width: 160px"
v-model="formData.orderDate"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="请选择"
></el-date-picker>
</el-form-item>
<el-form-item label="供应商" prop="supplierName">
<el-input v-model="formData.supplierName" style="width: 220px"></el-input>
</el-form-item>
<el-form-item label="币种" prop="currencyType">
<el-input v-model="formData.currencyType" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="订单编号" prop="orderNo">
<el-input v-model="formData.orderNo" style="width: 180px"></el-input>
</el-form-item>
<el-form-item label="存货编码" prop="itemCode">
<el-input v-model="formData.itemCode" style="width: 160px"></el-input>
</el-form-item>
<el-form-item label="存货名称" prop="itemName">
<el-input v-model="formData.itemName" style="width: 220px"></el-input>
</el-form-item>
<el-form-item label="数量">
<el-input-number :controls="false" :step="0" :min="0" v-model="formData.qty" style="width: 140px"></el-input-number>
</el-form-item>
<el-form-item label="本币单价">
<el-input-number :controls="false" :step="0" :min="0" v-model="formData.localUnitPrice" style="width: 140px"></el-input-number>
</el-form-item>
<el-form-item label="本币金额">
<el-input-number :controls="false" :step="0" :min="0" v-model="formData.localAmount" style="width: 140px"></el-input-number>
</el-form-item>
<el-form-item label="本币税额">
<el-input-number :controls="false" :step="0" :min="0" v-model="formData.localTaxAmount" style="width: 140px"></el-input-number>
</el-form-item>
<el-form-item label="本币价税合计">
<el-input-number :controls="false" :step="0" :min="0" v-model="formData.localTotalAmount" style="width: 160px"></el-input-number>
</el-form-item>
<el-form-item label="单位">
<el-input v-model="formData.unitName" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="项目目录(BU)">
<el-input v-model="formData.projectBu" style="width: 160px"></el-input>
</el-form-item>
<el-form-item label="上游单据号">
<el-input v-model="formData.requestNo" style="width: 160px"></el-input>
</el-form-item>
<el-form-item label="请购员">
<el-input v-model="formData.requestBy" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" style="width: 220px"></el-input>
</el-form-item>
<el-form-item label="导入日期" v-if="formMode === 'edit'">
<el-input :value="formData.importDate" disabled style="width: 180px"></el-input>
</el-form-item>
<el-form-item label="导入人" v-if="formMode === 'edit'">
<el-input :value="formData.importBy" disabled style="width: 120px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" :loading="formLoading" @click="saveFormData">保存</el-button>
<el-button @click="formDialogVisible = false">取消</el-button>
</span>
</el-dialog>
<el-dialog
title="导入采购订单记录"
:close-on-click-modal="false"
v-drag
class="customer-dialog purchase-import-dialog"
:visible.sync="importDialogVisible"
width="430px"
style="height: 560px;"
append-to-body
@close="closeImportDialog"
>
<el-form :inline="true" label-position="top" label-width="80px" :model="importData">
<el-form-item label="BU" required>
<el-select v-model="importData.buKey" clearable style="width: 295px" placeholder="请选择">
<el-option
v-for="item in userBuList"
:key="item.site + '_' + item.buNo + '_import'"
:label="item.buDesc"
:value="composeBuKey(item.site, item.buNo)"
></el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24">
<div class="upload-label">Excel文件</div>
<el-upload
class="customer-upload"
drag
action="javascript:void(0);"
ref="uploadFile"
:limit="1"
accept=".xlsx,.xls"
:before-upload="beforeUploadHandle"
:on-change="onImportFileChange"
:auto-upload="false"
style="text-align: left;"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传xlsx/xls文件，首行为表头</div>
</el-upload>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" :loading="importLoading" :disabled="importLoading" @click="submitImport">保存</el-button>
<el-button type="primary" @click="importDialogVisible = false">关闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { getAllBuList } from "@/api/factory/site.js";
import {
queryPartSparePurchaseImportPage,
savePartSparePurchaseImport,
updatePartSparePurchaseImport,
deletePartSparePurchaseImport,
importPartSparePurchaseImportExcel,
downloadPartSparePurchaseImportTemplate
} from "@/api/partspare/partSparePurchaseImport.js";
export default {
name: "partSparePurchaseImport",
data() {
return {
height: 200,
userBuList: [],
defaultBuNo: "03-RFID",
defaultBuKey: "",
queryForm: this.getDefaultQueryForm(),
dataList: [],
dataListLoading: false,
summaryData: {
totalQty: 0,
totalLocalTotalAmount: 0
},
selectionData: [],
pageIndex: 1,
pageSize: 50,
totalPage: 0,
formDialogVisible: false,
formLoading: false,
formMode: "add",
formData: this.getDefaultFormData(),
formRules: {
buKey: [{ required: true, message: "请选择BU", trigger: "change" }],
orderNo: [{ required: true, message: "请输入订单编号", trigger: "blur" }],
itemCode: [{ required: true, message: "请输入存货编码", trigger: "blur" }]
},
importDialogVisible: false,
importLoading: false,
importData: {
buKey: ""
},
importFileList: []
};
},
created() {
this.$nextTick(() => {
this.height = window.innerHeight - 260;
});
this.getBuList();
},
methods: {
getDefaultQueryForm() {
return {
buKey: "",
supplierName: "",
currencyType: "",
orderNo: "",
itemCode: "",
itemName: "",
projectBu: "",
requestNo: "",
requestBy: "",
importBy: "",
sourceFileName: "",
orderDateStart: null,
orderDateEnd: null,
importDateStart: null,
importDateEnd: null,
qtyStart: null,
qtyEnd: null,
localTotalAmountStart: null,
localTotalAmountEnd: null
};
},
getDefaultFormData() {
return {
id: null,
buKey: "",
orderDate: null,
supplierName: "",
currencyType: "",
orderNo: "",
itemCode: "",
itemName: "",
qty: null,
localUnitPrice: null,
localAmount: null,
localTaxAmount: null,
localTotalAmount: null,
unitName: "",
projectBu: "",
requestNo: "",
requestBy: "",
importDate: null,
importBy: "",
sourceFileName: "",
remark: ""
};
},
getBuList() {
const params = {
username: this.$store.state.user.name
};
getAllBuList(params).then(({ data }) => {
if (data && data.code === 0) {
this.userBuList = data.rows || [];
if (this.userBuList.length > 0) {
this.defaultBuKey = this.getDefaultBuKey();
this.queryForm.buKey = this.defaultBuKey;
this.importData.buKey = this.defaultBuKey;
}
this.getDataList();
}
});
},
getDefaultBuKey() {
const target = this.userBuList.find(item =>
this.normalizeBuNo(item.site, item.buNo) === this.defaultBuNo
);
const defaultItem = target || this.userBuList[0];
if (!defaultItem) {
return "";
}
return this.composeBuKey(defaultItem.site, defaultItem.buNo);
},
composeBuKey(site, buNo) {
return site + "_" + this.normalizeBuNo(site, buNo);
},
normalizeBuNo(site, buNo) {
if (buNo === null || buNo === undefined) {
return "";
}
const buText = String(buNo).trim();
const siteText = site === null || site === undefined ? "" : String(site).trim();
const prefix = siteText ? siteText + "_" : "";
if (prefix && buText.indexOf(prefix) === 0) {
return buText.substring(prefix.length);
}
return buText;
},
parseBuKey(buKey) {
if (!buKey || buKey.indexOf("_") < 0) {
return { site: "", buNo: "" };
}
const splitIndex = buKey.indexOf("_");
const site = buKey.substring(0, splitIndex);
const rawBuNo = buKey.substring(splitIndex + 1);
return {
site: site,
buNo: this.normalizeBuNo(site, rawBuNo)
};
},
handleQuery() {
this.pageIndex = 1;
this.getDataList();
},
resetQuery() {
const buKey = this.defaultBuKey || this.queryForm.buKey;
this.queryForm = this.getDefaultQueryForm();
this.queryForm.buKey = buKey;
this.pageIndex = 1;
this.getDataList();
},
getDataList() {
const buData = this.parseBuKey(this.queryForm.buKey);
const params = {
...this.queryForm,
...buData,
page: this.pageIndex,
limit: this.pageSize
};
params.qtyStart = this.parseNumberOrNull(params.qtyStart);
params.qtyEnd = this.parseNumberOrNull(params.qtyEnd);
params.localTotalAmountStart = this.parseNumberOrNull(params.localTotalAmountStart);
params.localTotalAmountEnd = this.parseNumberOrNull(params.localTotalAmountEnd);
delete params.buKey;
this.dataListLoading = true;
queryPartSparePurchaseImportPage(params).then(({ data }) => {
this.dataListLoading = false;
if (data && data.code === 0) {
this.dataList = data.page.list || [];
this.pageIndex = data.page.currPage;
this.pageSize = data.page.pageSize;
this.totalPage = data.page.totalCount;
this.summaryData = this.buildSummaryData(data.summary);
} else {
this.dataList = [];
this.totalPage = 0;
this.summaryData = this.getDefaultSummaryData();
this.$message.error(data.msg || "查询失败");
}
}).catch(() => {
this.dataListLoading = false;
this.summaryData = this.getDefaultSummaryData();
this.$message.error("查询失败");
});
},
getDefaultSummaryData() {
return {
totalQty: 0,
totalLocalTotalAmount: 0
};
},
buildSummaryData(summary) {
return {
totalQty: this.parseNumberOrZero(summary && summary.totalQty),
totalLocalTotalAmount: this.parseNumberOrZero(summary && summary.totalLocalTotalAmount)
};
},
getSummaryRow({ columns }) {
return columns.map((column) => {
if (column.type === "selection") {
return "";
}
if (column.property === "orderDate") {
return "总计";
}
if (column.property === "qty") {
return this.formatNumber(this.summaryData.totalQty);
}
if (column.property === "localTotalAmount") {
return this.formatNumber(this.summaryData.totalLocalTotalAmount);
}
return "";
});
},
sizeChangeHandle(val) {
this.pageSize = val;
this.pageIndex = 1;
this.getDataList();
},
currentChangeHandle(val) {
this.pageIndex = val;
this.getDataList();
},
handleSelectionChange(val) {
this.selectionData = val || [];
},
openAddDialog() {
this.formMode = "add";
this.formData = this.getDefaultFormData();
this.formData.buKey = this.queryForm.buKey;
this.formDialogVisible = true;
this.$nextTick(() => {
if (this.$refs.saveForm) {
this.$refs.saveForm.clearValidate();
}
});
},
openEditDialog(row) {
if (!row || row.id === null || row.id === undefined || row.id === "") {
this.$message.warning("当前记录ID无效，无法修改");
return;
}
this.formMode = "edit";
this.formData = {
...this.getDefaultFormData(),
...row,
buKey: this.composeBuKey(row.site, row.buNo)
};
this.formDialogVisible = true;
this.$nextTick(() => {
if (this.$refs.saveForm) {
this.$refs.saveForm.clearValidate();
}
});
},
saveFormData() {
this.$refs.saveForm.validate((valid) => {
if (!valid) {
return;
}
const buData = this.parseBuKey(this.formData.buKey);
if (!buData.site || !buData.buNo) {
this.$message.warning("请选择BU");
return;
}
const params = {
...this.formData,
...buData
};
if (this.formMode === "edit" && (params.id === null || params.id === undefined || params.id === "")) {
this.$message.warning("当前记录ID无效，无法修改");
return;
}
if (this.formMode === "edit") {
params.id = String(params.id);
}
delete params.buKey;
const api = this.formMode === "add" ? savePartSparePurchaseImport : updatePartSparePurchaseImport;
this.formLoading = true;
api(params).then(({ data }) => {
if (data && data.code === 0) {
this.$message.success(data.msg || "操作成功");
this.formDialogVisible = false;
this.getDataList();
} else {
this.$alert(data.msg || "操作失败", "错误", { confirmButtonText: "确定" });
}
this.formLoading = false;
}).catch(() => {
this.formLoading = false;
this.$message.error("操作失败");
});
});
},
deleteSelection() {
if (this.selectionData.length === 0) {
this.$message.warning("请选择需要删除的数据");
return;
}
this.$confirm(`确定删除选中的 ${this.selectionData.length} 条记录吗？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
const ids = this.selectionData
.map(item => item.id)
.filter(id => id !== null && id !== undefined && id !== "")
.map(id => String(id));
if (ids.length === 0) {
this.$message.warning("选中记录ID无效，无法删除");
return;
}
deletePartSparePurchaseImport(ids).then(({ data }) => {
if (data && data.code === 0) {
this.$message.success(data.msg || "删除成功");
this.getDataList();
} else {
this.$message.error(data.msg || "删除失败");
}
}).catch(() => {
this.$message.error("删除失败");
});
}).catch(() => {});
},
deleteByRow(row) {
if (!row || row.id === null || row.id === undefined || row.id === "") {
this.$message.warning("当前记录ID无效，无法删除");
return;
}
this.$confirm("确定删除该记录吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
deletePartSparePurchaseImport([String(row.id)]).then(({ data }) => {
if (data && data.code === 0) {
this.$message.success(data.msg || "删除成功");
this.getDataList();
} else {
this.$message.error(data.msg || "删除失败");
}
}).catch(() => {
this.$message.error("删除失败");
});
}).catch(() => {});
},
openImportDialog() {
this.importFileList = [];
this.importData.buKey = this.queryForm.buKey || this.defaultBuKey || this.importData.buKey;
this.importDialogVisible = true;
},
closeImportDialog() {
this.importFileList = [];
if (this.$refs.uploadFile) {
this.$refs.uploadFile.clearFiles();
}
},
beforeUploadHandle(file) {
const ext = file.name.substring(file.name.lastIndexOf(".")).toLowerCase();
if (!(ext === ".xlsx" || ext === ".xls")) {
this.$message.error("请选择Excel文件（.xlsx 或 .xls）");
return false;
}
return true;
},
onImportFileChange(file) {
this.importFileList = [file];
},
submitImport() {
const buData = this.parseBuKey(this.importData.buKey);
if (!buData.site || !buData.buNo) {
this.$message.warning("请选择BU");
return;
}
if (this.importFileList.length === 0) {
this.$message.warning("请先选择导入文件");
return;
}
const formData = new FormData();
formData.append("file", this.importFileList[0].raw);
formData.append("site", buData.site);
formData.append("buNo", buData.buNo);
this.importLoading = true;
importPartSparePurchaseImportExcel(formData).then(({ data }) => {
if (data && data.code === 0) {
this.$message.success((data.msg || "导入成功") + (data.count ? `，共 ${data.count} 条` : ""));
this.importDialogVisible = false;
this.getDataList();
} else {
this.$alert(data.msg || "导入失败", "错误", { confirmButtonText: "确定" });
}
this.importLoading = false;
}).catch(() => {
this.importLoading = false;
this.$message.error("导入失败");
});
},
downloadTemplateFile() {
downloadPartSparePurchaseImportTemplate().then(({ data }) => {
const blob = new Blob([data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
const fileName = "采购订单导入模板.xlsx";
const link = document.createElement("a");
link.download = fileName;
link.style.display = "none";
link.href = URL.createObjectURL(blob);
document.body.appendChild(link);
link.click();
URL.revokeObjectURL(link.href);
document.body.removeChild(link);
}).catch(() => {
this.$message.error("模板下载失败");
});
},
formatNumber(value) {
if (value === null || value === undefined || value === "") {
return "";
}
const number = Number(value);
if (isNaN(number)) {
return value;
}
return number.toFixed(4);
},
parseNumberOrNull(value) {
if (value === null || value === undefined || value === "") {
return null;
}
const number = Number(value);
return isNaN(number) ? null : number;
},
parseNumberOrZero(value) {
if (value === null || value === undefined || value === "") {
return 0;
}
const number = Number(value);
return isNaN(number) ? 0 : number;
}
}
};
</script>
<style scoped>
.date-separator {
display: inline-block;
width: 16px;
text-align: center;
}
/deep/ .el-table__footer-wrapper td {
font-weight: 600;
}
/deep/ .el-table__footer-wrapper {
display: block !important;
visibility: visible !important;
}
/deep/ .purchase-import-dialog .el-dialog {
margin-top: 3vh !important;
}
/deep/ .purchase-import-dialog .el-dialog__body {
overflow-y: hidden;
}
/deep/ .purchase-import-dialog .customer-upload .el-upload {
width: 100%;
}
/deep/ .purchase-import-dialog .customer-upload .el-upload .el-upload-dragger {
width: 100%;
height: 180px;
}
/deep/ .purchase-import-dialog .customer-upload .el-upload__text {
margin-top: 5px;
}
/deep/ .purchase-import-dialog .customer-upload .el-upload__tip {
margin-top: 2px;
line-height: 16px;
}
.upload-label {
font-size: 12px;
line-height: 20px;
}
</style>
Write Preview
Loading…
Cancel
Save