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.
1147 lines
35 KiB
1147 lines
35 KiB
<!--结算出库SAP接口-->
|
|
<template>
|
|
<div class="cr-body-content">
|
|
<flexbox class="content-header">
|
|
<el-form
|
|
:model="listQuery"
|
|
ref="queryForm"
|
|
v-show="showSearch"
|
|
:inline="true"
|
|
>
|
|
<el-form-item label="版本">
|
|
<JobSelectVerson
|
|
:options="JobVersionList"
|
|
style="width: 150px; margin-left: -10px"
|
|
class="search-container"
|
|
@value-change="JobVersionValue"
|
|
></JobSelectVerson>
|
|
</el-form-item>
|
|
<el-form-item label="出库类型" prop="selectType">
|
|
<el-select
|
|
v-model="selectType"
|
|
clearable
|
|
@change="SelectType"
|
|
placeholder="请选择"
|
|
style="width: 200px; margin-left: 8px"
|
|
>
|
|
<el-option
|
|
label="大众准时化出库"
|
|
value="大众准时化出库"
|
|
></el-option>
|
|
<el-option label="大众看板出库" value="大众看板出库"></el-option>
|
|
<el-option
|
|
label="大众无看板出库"
|
|
value="大众无看板出库"
|
|
></el-option>
|
|
<el-option
|
|
label="大众备件汇总出库"
|
|
value="大众备件汇总出库"
|
|
></el-option>
|
|
<el-option
|
|
label="大众备件条码出库"
|
|
value="大众备件条码出库"
|
|
></el-option>
|
|
<el-option label="红旗看板出库" value="红旗看板出库"></el-option>
|
|
<el-option label="红旗手工出库" value="红旗手工出库"></el-option>
|
|
<el-option label="一轿手工出库" value="一轿手工出库"></el-option>
|
|
<el-option
|
|
label="一轿手工出库(备件)"
|
|
value="一轿手工出库(备件)"
|
|
></el-option>
|
|
|
|
<el-option
|
|
label="红旗手工出库(备件)"
|
|
value="红旗手工出库(备件)"
|
|
></el-option>
|
|
<el-option label="一次性销售" value="一次性销售"></el-option>
|
|
|
|
<el-option
|
|
label="自定义发货出库"
|
|
value="自定义发货出库"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="state">
|
|
<el-select
|
|
v-model="listQuery.state"
|
|
@change="selectState"
|
|
placeholder="状态"
|
|
style="width: 100px; margin-left: 8px"
|
|
>
|
|
<el-option label="全部" :value="4"></el-option>
|
|
<el-option label="新建" :value="0"></el-option>
|
|
<el-option label="成功" :value="2"></el-option>
|
|
<el-option label="失败" :value="1"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="client">
|
|
<el-select
|
|
v-model="listQuery.client"
|
|
clearable
|
|
@change="SelectClient"
|
|
placeholder="客户"
|
|
style="width: 110px; margin-left: 8px"
|
|
>
|
|
<el-option label="大众" value="大众"></el-option>
|
|
<el-option label="红旗" value="红旗"></el-option>
|
|
<el-option label="一轿" value="一轿"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="物料组" prop="materialGroup">
|
|
<el-select
|
|
v-model="listQuery.materialGroup"
|
|
size="medium"
|
|
filterable
|
|
clearable
|
|
style="width: 280px; margin-right: 15px"
|
|
@change="valueChange"
|
|
placeholder="请选择"
|
|
>
|
|
<el-option
|
|
v-for="item in materialGroupList"
|
|
:key="item.value"
|
|
:label="item.value"
|
|
:value="item.value"
|
|
>
|
|
<span style="float: left">{{ item.label }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
item.value
|
|
}}</span>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="结算单号" prop="searchContent">
|
|
<el-input
|
|
v-model="searchContent"
|
|
clearable
|
|
size="small"
|
|
placeholder="结算单号"
|
|
style="width: 200px; margin-left: 8px"
|
|
class="search-container"
|
|
@keyup.enter.native="handleFilter"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="销售渠道" prop="searchContentSaleCode">
|
|
<el-input
|
|
v-model="searchContentSaleCode"
|
|
clearable
|
|
size="small"
|
|
placeholder="销售渠道"
|
|
style="width: 200px; margin-left: 8px"
|
|
class="search-container"
|
|
@keyup.enter.native="handleFilter"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="物料号" prop="searchContentMaterialCode">
|
|
<el-input
|
|
v-model="searchContentMaterialCode"
|
|
clearable
|
|
size="small"
|
|
placeholder="物料号"
|
|
style="width: 200px; margin-left: 8px"
|
|
class="search-container"
|
|
@keyup.enter.native="handleFilter"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button
|
|
icon="el-icon-refresh"
|
|
size="mini"
|
|
@click="resetQuery('queryForm')"
|
|
>重置</el-button
|
|
>
|
|
<el-button
|
|
size="mini"
|
|
type="success"
|
|
icon="el-icon-search"
|
|
@click="handleFilter"
|
|
>搜索
|
|
</el-button>
|
|
|
|
<el-button
|
|
class="filter-item"
|
|
size="mini"
|
|
type="warning"
|
|
icon="el-icon-plus"
|
|
@click="handleCreate"
|
|
>生成出库
|
|
</el-button>
|
|
|
|
<el-button
|
|
class="filter-item"
|
|
size="mini"
|
|
type="primary"
|
|
icon="el-icon-download"
|
|
@click="handleDownload()"
|
|
>导出Excel
|
|
</el-button>
|
|
<el-button
|
|
class="filter-item"
|
|
size="mini"
|
|
type="warning"
|
|
icon="el-icon-upload2"
|
|
@click="handleImportSap()"
|
|
>同步WMS至SAP
|
|
</el-button>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<div v-if="this.resultData && this.resultData.errSize > 0">
|
|
<p>
|
|
<span style="color: red"
|
|
>{{ this.resultData.successMessage }}
|
|
</span>
|
|
<el-button type="text" @click="downloadErrData"
|
|
>下载错误数据</el-button
|
|
>
|
|
</p>
|
|
</div>
|
|
<div v-else-if="this.resultData.errSize === 0">
|
|
<p>
|
|
<span>{{ this.resultData.successMessage }} </span>
|
|
</p>
|
|
</div>
|
|
</el-form-item>
|
|
</el-form>
|
|
</flexbox>
|
|
<!--表格渲染-->
|
|
<el-table
|
|
ref="multipleTable"
|
|
v-loading.fullscreen.lock="listLoading"
|
|
element-loading-text="拼命加载中..."
|
|
element-loading-spinner="el-icon-loading"
|
|
class="cr-table"
|
|
:data="list"
|
|
:height="tableHeight"
|
|
:cell-style="cellStyle"
|
|
:header-cell-style="headerRowStyle"
|
|
size="small"
|
|
stripe
|
|
border
|
|
highlight-current-row
|
|
style="width: 100%"
|
|
@sort-change="sortChange"
|
|
@selection-change="handleSelectionChange"
|
|
@row-click="handleRowClick"
|
|
>
|
|
<!-- <el-table-column type="selection" width="44px"></el-table-column> -->
|
|
<el-table-column
|
|
label="版本"
|
|
prop="version"
|
|
sortable="custom"
|
|
align="center"
|
|
width="100px"
|
|
fixed
|
|
>
|
|
<template slot-scope="scope">
|
|
<el-tooltip :content="scope.row.version" placement="top">
|
|
<span class="link-type">{{ scope.row.version }}</span>
|
|
</el-tooltip>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
v-for="(item, index) in getDefaultField"
|
|
:key="index"
|
|
:prop="item.prop"
|
|
:label="item.label"
|
|
:min-width="item.width"
|
|
:formatter="fieldFormatter"
|
|
sortable="custom"
|
|
show-overflow-tooltip
|
|
:gutter="0"
|
|
>
|
|
<template slot="header" slot-scope="scope">
|
|
{{ scope.column.label }}
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<div class="table-footer">
|
|
<!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"-->
|
|
<pagination
|
|
v-show="totalCount > 0"
|
|
:total="totalCount"
|
|
:page.sync="page"
|
|
:limit.sync="listQuery.MaxResultCount"
|
|
@pagination="getList"
|
|
/>
|
|
<!-- 导入Excel组件 -->
|
|
<importExcel
|
|
ref="importexcel"
|
|
:show="showExcelImport"
|
|
:crmType="crmType"
|
|
@close="importExcelData"
|
|
/>
|
|
</div>
|
|
|
|
<!--生成任务单渲染-->
|
|
<el-dialog
|
|
:visible.sync="dialogFormVisible"
|
|
:close-on-click-modal="false"
|
|
:title="formTitle"
|
|
append-to-body
|
|
width="680px"
|
|
>
|
|
<el-form
|
|
ref="formCount"
|
|
:inline="true"
|
|
:rules="rules"
|
|
:model="formCount"
|
|
size="mini"
|
|
>
|
|
<el-row>
|
|
<el-col :md="4" :xs="24">
|
|
<el-form-item label="选择版本" required />
|
|
</el-col>
|
|
<el-col :md="20" :xs="24">
|
|
<el-form-item prop="versionValue">
|
|
<el-select
|
|
v-model="versionValue"
|
|
size="medium"
|
|
clearable
|
|
style="width: 188px; margin-right: 15px"
|
|
placeholder="请选择"
|
|
>
|
|
<el-option
|
|
v-for="item in versionList"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="text" @click="dialogFormVisible = false"
|
|
>取消</el-button
|
|
>
|
|
<!-- <el-button @click="resetForm('formCount')">重置</el-button> -->
|
|
<el-button v-loading="formLoading" type="primary" @click="save"
|
|
>确认</el-button
|
|
>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<el-dialog
|
|
:visible.sync="dialogAccounDateVisible"
|
|
:close-on-click-modal="false"
|
|
:title="formTitle"
|
|
append-to-body
|
|
width="680px"
|
|
>
|
|
<el-form
|
|
ref="formCount"
|
|
:inline="true"
|
|
:rules="rules"
|
|
:model="formCount"
|
|
size="mini"
|
|
>
|
|
<el-row>
|
|
<el-col :md="4" :xs="24">
|
|
<el-form-item label="过账日期" required />
|
|
</el-col>
|
|
<el-col :md="20" :xs="24">
|
|
<el-form-item prop="dataValue">
|
|
<el-date-picker
|
|
v-model="dataValue"
|
|
style="width: 200px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期"
|
|
/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="text" @click="dialogAccounDateVisible = false"
|
|
>取消</el-button
|
|
>
|
|
<!--v-loading="formLoading" <el-button @click="resetForm('formCount')">重置</el-button> -->
|
|
<el-button type="primary" @click="saveDate"
|
|
>确认</el-button
|
|
>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
|
|
import permission from "@/directive/permission/index.js";
|
|
import importExcel from "@/components/ImportExcel-base";
|
|
import CRMTableHead from "../../components/CRMTableHead";
|
|
import moment from "moment";
|
|
import Lockr from "lockr";
|
|
import { downloadFile } from "@/utils/crmindex.js";
|
|
import JobSelectVerson from "@/components/CreateCom/Job-Select.vue";
|
|
import _ from "lodash";
|
|
|
|
export default {
|
|
name: "WMSOutputSumReport",
|
|
components: { Pagination, CRMTableHead, importExcel, JobSelectVerson },
|
|
directives: { permission },
|
|
filters: {
|
|
IsCustomerSignFilter(status) {
|
|
//翻译是否签字
|
|
const statusMap = {
|
|
true: "是",
|
|
false: "否",
|
|
};
|
|
return statusMap[status];
|
|
},
|
|
},
|
|
props: {
|
|
customerInfos: {
|
|
type: Array,
|
|
default: () => {
|
|
return [];
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
crmType: "wmsOutputSumReport",
|
|
showSearch: true,
|
|
versionValue: "",
|
|
dataValue: "",
|
|
selectType: "", //出库类型
|
|
versionList: [], //版本列表
|
|
JobVersionList: [],
|
|
rules: {
|
|
//前端定义的规则，后端也有验证
|
|
erpMaterialCode: [
|
|
{ required: true, message: "必须输入！", trigger: "blur" },
|
|
],
|
|
},
|
|
searchContent: "", // 输入内容
|
|
searchContentSaleCode: "", //销售渠道
|
|
searchContentMaterialCode: "", //物料号
|
|
customerInfo: {
|
|
settleAccountId: "",
|
|
},
|
|
form: {
|
|
dicDetailID: "",
|
|
customerId: "",
|
|
projectId: "",
|
|
},
|
|
JobversionValue: "",
|
|
JobversionValueVerson: "",
|
|
list: null,
|
|
totalCount: 0,
|
|
listLoading: true,
|
|
formLoading: false,
|
|
formCount: {
|
|
version: undefined,
|
|
accountDate: undefined,
|
|
},
|
|
// 高级搜索
|
|
filterObj: {
|
|
type: Object,
|
|
default: () => {
|
|
return {};
|
|
},
|
|
},
|
|
listVersionQuery: {
|
|
SkipCount: 0,
|
|
MaxResultCount: 15,
|
|
},
|
|
listQuery: {
|
|
Filters: [
|
|
{
|
|
logic: 0,
|
|
column: "Enabled",
|
|
action: 0,
|
|
value: "true",
|
|
}, //默认查询可用的
|
|
],
|
|
//OrgID:"",
|
|
SkipCount: 0,
|
|
MaxResultCount: 15,
|
|
version: "",
|
|
state: 4,
|
|
isDisable: false,
|
|
accountDate: undefined,
|
|
type: undefined,
|
|
//materialGroup: undefined,
|
|
client: undefined,
|
|
billNum: undefined,
|
|
saleCode: undefined,
|
|
materialCode: undefined,
|
|
},
|
|
listExportQuery: {
|
|
Filters: [
|
|
{
|
|
logic: 0,
|
|
column: "Enabled",
|
|
action: 0,
|
|
value: "true",
|
|
}, //默认查询可用的
|
|
],
|
|
//OrgID:"",
|
|
SkipCount: 0,
|
|
MaxResultCount: 15,
|
|
version: "",
|
|
fileType: 0,
|
|
userId: "",
|
|
accountDate: undefined,
|
|
},
|
|
resultData: {
|
|
totalSize: 0,
|
|
errSize: 0,
|
|
errTemplate: "",
|
|
errMessage: "",
|
|
successMessage: "",
|
|
},
|
|
materialGroupList: [],
|
|
getmaterialGroupValue: "",
|
|
page: 1,
|
|
dialogFormVisible: false,
|
|
dialogAccounDateVisible: false,
|
|
multipleSelection: [],
|
|
formTitle: "",
|
|
drawer: false,
|
|
showExcelImport: false,
|
|
tableHeight: document.documentElement.clientHeight - 300,
|
|
isEdit: false,
|
|
};
|
|
},
|
|
mounted() {
|
|
var self = this;
|
|
window.onresize = function () {
|
|
var offsetHei = document.documentElement.clientHeight;
|
|
self.tableHeight = offsetHei - 300;
|
|
};
|
|
},
|
|
created() {
|
|
//生成出库单时选择版本，从期间管理获得
|
|
this.getAllVersionList();
|
|
this.getJobVersionInfo();
|
|
this.getMaterialGroup();
|
|
if (this.versionList == []) {
|
|
this.getList();
|
|
}
|
|
},
|
|
computed: {
|
|
/** 列表字段 */
|
|
getDefaultField() {
|
|
var tempsTabs = [];
|
|
tempsTabs.push({ label: "状态", prop: "state", width: 180 });
|
|
tempsTabs.push({ label: "行号", prop: "lineNumber", width: 100 });
|
|
tempsTabs.push({ label: "版本号", prop: "version", width: 150 });
|
|
tempsTabs.push({
|
|
label: "客户",
|
|
prop: "client",
|
|
width: 120,
|
|
});
|
|
tempsTabs.push({
|
|
label: "出库类型",
|
|
prop: "type",
|
|
width: 150,
|
|
});
|
|
tempsTabs.push({
|
|
label: "结算编码",
|
|
prop: "settleCode",
|
|
width: 150,
|
|
});
|
|
tempsTabs.push({ label: "销售渠道", prop: "saleCode", width: 120 });
|
|
tempsTabs.push({ label: "客户代码", prop: "clientCode", width: 120 });
|
|
tempsTabs.push({ label: "结算单号", prop: "billNum", width: 150 });
|
|
tempsTabs.push({
|
|
label: "物料号",
|
|
prop: "materialCode",
|
|
width: 150,
|
|
});
|
|
tempsTabs.push({ label: "结算数量", prop: "qty", width: 150 });
|
|
tempsTabs.push({ label: "实际出库数量", prop: "outputQty", width: 180 });
|
|
tempsTabs.push({ label: "差异数量", prop: "diffQty", width: 120 });
|
|
|
|
tempsTabs.push({
|
|
label: "开票单价",
|
|
prop: "price",
|
|
width: 150,
|
|
});
|
|
tempsTabs.push({
|
|
label: "结算金额",
|
|
prop: "amt",
|
|
width: 120,
|
|
});
|
|
tempsTabs.push({ label: "已出库金额", prop: "outPutAmt", width: 150 });
|
|
tempsTabs.push({ label: "WMS待出库金额", prop: "diffAmt", width: 180 });
|
|
tempsTabs.push({
|
|
label: "物料组编码",
|
|
prop: "materialGroupCode",
|
|
width: 150,
|
|
});
|
|
tempsTabs.push({
|
|
label: "物料组(车型)",
|
|
prop: "materialGroup",
|
|
width: 320,
|
|
});
|
|
tempsTabs.push({ label: "物料组描述", prop: "materialDesc", width: 420 });
|
|
tempsTabs.push({ label: "备注", prop: "remark1", width: 220 });
|
|
|
|
return tempsTabs;
|
|
},
|
|
},
|
|
methods: {
|
|
/**
|
|
* 下载错误模板
|
|
*/
|
|
downloadErrData() {
|
|
let fileNameOfProject = this.resultData.errTemplate;
|
|
this.$axios
|
|
.BolbGets(
|
|
"/api/settleaccount/getblobfile/download/" + fileNameOfProject
|
|
)
|
|
.then((response) => {
|
|
if (fileNameOfProject.indexOf("_") != -1) {
|
|
let downName =
|
|
fileNameOfProject.slice(0, fileNameOfProject.lastIndexOf("_")) +
|
|
fileNameOfProject.slice(fileNameOfProject.lastIndexOf("."));
|
|
downloadFile(response, downName);
|
|
this.$notify({
|
|
title: "成功",
|
|
message: "错误数据-导出成功！",
|
|
type: "success",
|
|
duration: 2000,
|
|
});
|
|
} else {
|
|
downloadFile(response, fileNameOfProject);
|
|
this.$notify({
|
|
title: "成功",
|
|
message: "错误数据-导出成功！",
|
|
type: "success",
|
|
duration: 2000,
|
|
});
|
|
}
|
|
this.listLoading = false;
|
|
})
|
|
.catch((error) => {
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
valueChange(data) {
|
|
this.getmaterialGroupValue = "";
|
|
this.getmaterialGroupValue += data + ",";
|
|
this.getmaterialGroupValue = this.getmaterialGroupValue.substring(
|
|
0,
|
|
this.getmaterialGroupValue.length - 1
|
|
);
|
|
},
|
|
//获取物料组车型
|
|
getMaterialGroup() {
|
|
this.$axios
|
|
.posts("/api/settleaccount/CodeSetting/list", {
|
|
project: "物料组",
|
|
maxResultCount: 1000,
|
|
skipCount: 0,
|
|
sorting: "value ascending",
|
|
})
|
|
.then((response) => {
|
|
this.materialGroupList = [];
|
|
response.items.forEach((element) => {
|
|
let options = {};
|
|
options.value = element.description;
|
|
options.label = element.value;
|
|
this.materialGroupList.push(options);
|
|
});
|
|
})
|
|
.catch(() => {
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
//版本下拉列表选择项
|
|
JobVersionValue(params) {
|
|
//版本下拉选择
|
|
this.JobversionValue = params.value;
|
|
this.getList();
|
|
},
|
|
selectState(params) {
|
|
//版本下拉选择
|
|
this.listQuery.state = params;
|
|
this.getList();
|
|
},
|
|
SelectClient(params) {
|
|
//版本下拉选择
|
|
this.listQuery.client = params;
|
|
this.getList();
|
|
},
|
|
SelectType(params) {
|
|
//版本下拉选择
|
|
this.listQuery.type = params;
|
|
this.getList();
|
|
},
|
|
//从期间管理中获取版本数据，生成结算出库用
|
|
getAllVersionList() {
|
|
this.$axios
|
|
.posts("/api/settleaccount/CentralizedControl/openlist")
|
|
.then((response) => {
|
|
this.versionList = [];
|
|
response.forEach((element) => {
|
|
let options = {};
|
|
options.value = element.version;
|
|
options.label = element.version;
|
|
this.versionList.push(options);
|
|
});
|
|
})
|
|
.catch(() => {
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
//取业务版本列表信息
|
|
getJobVersionInfo() {
|
|
//this.listLoading = true;
|
|
this.listQuery.SkipCount = (this.page - 1) * 1000;
|
|
this.$axios
|
|
.posts("/api/settleaccount/Job/versionlist", this.listQuery)
|
|
.then((response) => {
|
|
let res = response.reverse(); //降序排列
|
|
this.JobVersionList = [];
|
|
res.forEach((element, index) => {
|
|
let options = {};
|
|
options.value = element;
|
|
options.label = element;
|
|
this.JobVersionList.push(options);
|
|
});
|
|
if (JSON.stringify(this.JobVersionList) != "[]") {
|
|
//因版本下拉有默认值，所以详表要自动绑定子表数据
|
|
this.JobversionValue = this.JobVersionList[0].value;
|
|
this.JobversionValueVerson = this.JobVersionList[0].label;
|
|
this.getList();
|
|
}
|
|
})
|
|
.catch(() => {
|
|
//this.listLoading = false;
|
|
});
|
|
},
|
|
handleCreate() {
|
|
// this.$nextTick(() => {
|
|
// this.$refs["formCount"].resetFields();
|
|
// });
|
|
this.JobversionValue = "";
|
|
this.formTitle = "生成结算出库数据";
|
|
this.isEdit = false;
|
|
this.form = {};
|
|
this.dialogFormVisible = true;
|
|
},
|
|
|
|
handleImportSap() {
|
|
// this.$nextTick(() => {
|
|
// this.$refs["formCount"].resetFields();
|
|
// });
|
|
this.dataValue = "";
|
|
this.formTitle = "同步MWS至SAP";
|
|
this.isEdit = false;
|
|
this.isDisable = false;
|
|
this.form = {};
|
|
this.dialogAccounDateVisible = true;
|
|
this.resultData = {};
|
|
},
|
|
//生成出库单数据
|
|
save() {
|
|
this.$refs.formCount.validate((valid) => {
|
|
if (valid) {
|
|
this.formLoading = true;
|
|
if (this.versionValue === "") {
|
|
this.$message.error("必需选择版本！");
|
|
this.formLoading = false;
|
|
return;
|
|
}
|
|
this.listExportQuery.version = this.versionValue; //版本
|
|
//this.listExportQuery.accountDate = this.dataValue; //过账日期
|
|
console.log(
|
|
"生成出库数据-保存条件：" + JSON.stringify(this.listExportQuery)
|
|
);
|
|
this.$axios
|
|
.gets(
|
|
"/api/settleaccount/WMSOutputSumReport/Make",
|
|
this.listExportQuery
|
|
)
|
|
.then((res) => {
|
|
if (res == "Success") {
|
|
this.$notify({
|
|
title: "成功",
|
|
message: "数据生成成功！",
|
|
type: "success",
|
|
duration: 2000,
|
|
});
|
|
this.getList();
|
|
} else {
|
|
this.$message({
|
|
message: "数据生成失败！",
|
|
type: "warning",
|
|
});
|
|
}
|
|
this.formLoading = false;
|
|
this.dialogFormVisible = false;
|
|
})
|
|
.catch(() => {
|
|
this.formLoading = false;
|
|
this.dialogFormVisible = false;
|
|
});
|
|
}
|
|
});
|
|
},
|
|
//同步到SAP
|
|
saveDate: _.debounce(
|
|
function () {
|
|
this.resultData.errSize == 0; //重新弹窗
|
|
if (this.dataValue === "") {
|
|
this.$message.error("必需选择过账日期！");
|
|
this.formLoading = false;
|
|
return;
|
|
}
|
|
|
|
if (this.JobversionValue != "") {
|
|
this.listQuery.version = this.JobversionValue;
|
|
}
|
|
this.listQuery.accountDate = this.dataValue;
|
|
//this.listQuery.type = this.selectType; //出库类型
|
|
console.log("同步SAP传参：" + JSON.stringify(this.listQuery));
|
|
this.$axios
|
|
.posts(
|
|
"/api/settleaccount/WMSOutputSumReport/SyncSap",
|
|
this.listQuery
|
|
)
|
|
.then((res) => {
|
|
if (res === "Success") {
|
|
this.$notify({
|
|
title: "成功",
|
|
message: "数据同步SAP成功!",
|
|
type: "success",
|
|
duration: 2000,
|
|
});
|
|
this.resultData.errSize = 0;
|
|
this.resultData.successMessage = "同步SAP成功！";
|
|
this.getList();
|
|
} else {
|
|
this.resultData.errTemplate = res; //指定错误模板名称，作为参数，用于错误模板下载
|
|
this.resultData.errSize = 1; //保持大于0，用于控制错误数据下载按钮的可不可见
|
|
this.resultData.successMessage = "同步SAP失败！";
|
|
}
|
|
|
|
this.dialogAccounDateVisible = false;
|
|
})
|
|
.catch(() => {
|
|
this.dialogAccounDateVisible = false;
|
|
});
|
|
},
|
|
2000,
|
|
{
|
|
leading: true, //在延迟开始前立即调用事件
|
|
trailing: false, //在延时结束后不调用,保证事件只被触发一次
|
|
}
|
|
),
|
|
|
|
// saveDate() {
|
|
// this.$refs.formCount.validate((valid) => {
|
|
// if (valid) {
|
|
// //this.formLoading = true;
|
|
// this.isDisable = true;
|
|
// this.resultData.errSize == 0; //重新弹窗
|
|
// if (this.dataValue === "") {
|
|
// this.$message.error("必需选择过账日期！");
|
|
// this.formLoading = false;
|
|
// return;
|
|
// }
|
|
|
|
// if (this.JobversionValue != "") {
|
|
// this.listQuery.version = this.JobversionValue;
|
|
// }
|
|
// this.listQuery.accountDate = this.dataValue;
|
|
// //this.listQuery.type = this.selectType; //出库类型
|
|
// console.log("同步SAP传参：" + JSON.stringify(this.listQuery));
|
|
// this.$axios
|
|
// .posts(
|
|
// "/api/settleaccount/WMSOutputSumReport/SyncSap",
|
|
// this.listQuery
|
|
// )
|
|
// .then((res) => {
|
|
// if (res === "Success") {
|
|
// this.$notify({
|
|
// title: "成功",
|
|
// message: "数据同步SAP成功!",
|
|
// type: "success",
|
|
// duration: 2000,
|
|
// });
|
|
// this.resultData.errSize = 0;
|
|
// this.resultData.successMessage = "同步SAP成功！";
|
|
// this.getList();
|
|
// } else {
|
|
// this.resultData.errTemplate = res; //指定错误模板名称，作为参数，用于错误模板下载
|
|
// this.resultData.errSize = 1; //保持大于0，用于控制错误数据下载按钮的可不可见
|
|
// this.resultData.successMessage = "同步SAP失败！";
|
|
// }
|
|
// setTimeout(() => {
|
|
// //大数据量加载时
|
|
// //this.formLoading = false;
|
|
// this.isDisable = false;
|
|
// }, 2000);
|
|
|
|
// this.dialogAccounDateVisible = false;
|
|
// })
|
|
// .catch(() => {
|
|
// // this.formLoading = false;
|
|
// this.dialogAccounDateVisible = false;
|
|
// });
|
|
// }
|
|
// });
|
|
// },
|
|
//导出功能
|
|
async handleDownload() {
|
|
this.listLoading = true;
|
|
// if (this.versionValue === "") {
|
|
// this.$message.error("必需选择版本！");
|
|
// this.listLoading = false;
|
|
// return;
|
|
// }
|
|
// if (this.versionValue != "") {
|
|
// this.listQuery.version = this.versionValue;
|
|
// }
|
|
console.log("结算出库SAP接口导出：" + JSON.stringify(this.listQuery));
|
|
this.$axios
|
|
.posts("/api/settleaccount/WMSOutputSumReport/Export", this.listQuery)
|
|
.then((res) => {
|
|
let fileNameOfProject = res;
|
|
this.$axios
|
|
.BolbGets(
|
|
"/api/settleaccount/getblobfile/download/" + fileNameOfProject
|
|
)
|
|
.then((response) => {
|
|
if (fileNameOfProject.indexOf("_") != -1) {
|
|
let downName =
|
|
fileNameOfProject.slice(
|
|
0,
|
|
fileNameOfProject.lastIndexOf("_")
|
|
) +
|
|
fileNameOfProject.slice(fileNameOfProject.lastIndexOf("."));
|
|
downloadFile(response, downName);
|
|
this.$notify({
|
|
title: "成功",
|
|
message: "数据-导出成功！",
|
|
type: "success",
|
|
duration: 2000,
|
|
});
|
|
} else {
|
|
downloadFile(response, fileNameOfProject);
|
|
this.$notify({
|
|
title: "成功",
|
|
message: "数据-导出成功！",
|
|
type: "success",
|
|
duration: 2000,
|
|
});
|
|
}
|
|
this.listLoading = false;
|
|
});
|
|
})
|
|
.catch(() => {
|
|
this.listLoading = false;
|
|
});
|
|
},
|
|
selectOptionsChange(item) {
|
|
this.getList();
|
|
},
|
|
|
|
// handleImportExcel() {
|
|
// //导入
|
|
// this.showExcelImport = true;
|
|
// this.$refs.importexcel.handleImportExcelClick();
|
|
// },
|
|
/** 刷新列表 */
|
|
handleHandle(data) {
|
|
if (data.type !== "edit") {
|
|
this.getList();
|
|
}
|
|
},
|
|
/** 格式化字段 */
|
|
fieldFormatter(row, column) {
|
|
if (column.property === "state") {
|
|
return { 0: "新建", 2: "成功", 1: "失败" }[row[column.property]];
|
|
}
|
|
if (
|
|
column.property == "settleInputDate" ||
|
|
column.property == "settleDate"
|
|
) {
|
|
var date = row[column.property];
|
|
if (date == undefined) {
|
|
return "";
|
|
}
|
|
return moment(date).format("YYYY-MM-DD HH:mm:ss");
|
|
}
|
|
return row[column.property] || "--";
|
|
},
|
|
importExcelData() {
|
|
//this.getVersionInfo();
|
|
this.listLoading = false;
|
|
//关闭导入窗体时调用
|
|
this.showExcelImport = false;
|
|
},
|
|
|
|
getList(data) {
|
|
this.listLoading = true;
|
|
if (data != undefined) {
|
|
this.listQuery.SkipCount = (this.page - 1) * data.limit;
|
|
} else {
|
|
this.listQuery.SkipCount = (this.page - 1) * 15;
|
|
}
|
|
if (this.JobversionValue != "") {
|
|
this.listQuery.version = this.JobversionValue;
|
|
}
|
|
console.log("列表查询条件：" + JSON.stringify(this.listQuery));
|
|
this.$axios
|
|
.posts(
|
|
"/api/settleaccount/WMSOutputSumReport/WmsDetailReport",
|
|
this.listQuery
|
|
)
|
|
.then((response) => {
|
|
this.list = response.items;
|
|
this.totalCount = response.totalCount;
|
|
setTimeout(() => {
|
|
//大数据量加载时
|
|
this.listLoading = false;
|
|
}, 500);
|
|
})
|
|
.catch(() => {
|
|
this.listLoading = false;
|
|
});
|
|
//清空 同步WMS至SAP信息
|
|
this.resultData.errSize = 0;
|
|
this.resultData.successMessage = "";
|
|
},
|
|
/** 筛选操作 */
|
|
handleFilter() {
|
|
this.page = 1;
|
|
// this.getList();
|
|
// this.listQuery.Filters = [];
|
|
// if (this.searchContent != "") {
|
|
// var column = "billNum";
|
|
// let filter = {
|
|
// logic: 0,
|
|
// column: column,
|
|
// action: 0,
|
|
// value: this.searchContent,
|
|
// };
|
|
// this.listQuery.Filters.push(filter);
|
|
// }
|
|
this.listQuery.billNum = this.searchContent; //结算单号
|
|
this.listQuery.saleCode = this.searchContentSaleCode; //销售渠道
|
|
this.listQuery.materialCode = this.searchContentMaterialCode; //物料号
|
|
this.listQuery.materialGroup = this.getmaterialGroupValue; //7物料组车型
|
|
this.listQuery.type = this.selectType; //出库类型
|
|
this.getList();
|
|
},
|
|
/** 多项筛选操作 */
|
|
/** 筛选操作 */
|
|
handleFilters(data) {
|
|
if (data === null) {
|
|
this.listQuery.Filters = [];
|
|
this.getList(); //查询所有
|
|
} else {
|
|
this.filterObj = data;
|
|
console.log("筛选" + JSON.stringify(data));
|
|
var offsetHei = document.documentElement.clientHeight;
|
|
var removeHeight = Object.keys(this.filterObj).length > 0 ? 310 : 240;
|
|
this.tableHeight = offsetHei - removeHeight;
|
|
this.currentPage = 1;
|
|
let Filter = [];
|
|
data.forEach((item) => {
|
|
let filter = {};
|
|
if (item.formType === "datetime" || item.formType === "datetime") {
|
|
//日期类型的过滤条件是 (datetime >= a and datetime <=b)
|
|
filter["Column"] = item.fieldName;
|
|
filter["Logic"] = 0;
|
|
filter["Value"] = item.value[0];
|
|
filter["Action"] = item.action;
|
|
Filter.push(filter);
|
|
|
|
if (item.value[1] != null) {
|
|
filter["Value"] = item.value[1];
|
|
filter["Action"] = 5;
|
|
Filter.push(filter);
|
|
}
|
|
} else {
|
|
filter["Column"] = item.fieldName;
|
|
filter["Value"] = item.value;
|
|
filter["Logic"] = 0;
|
|
filter["Action"] = item.action;
|
|
Filter.push(filter);
|
|
}
|
|
});
|
|
console.log("筛选条件" + JSON.stringify(Filter));
|
|
this.listQuery.Filters = Filter;
|
|
this.getList();
|
|
}
|
|
},
|
|
/** 重置按钮操作 */
|
|
resetQuery(refName) {
|
|
if (this.$refs[refName] !== undefined) {
|
|
this.$refs[refName].resetFields();
|
|
}
|
|
this.searchContent = "";
|
|
this.searchContentSaleCode = "";
|
|
this.searchContentMaterialCode = "";
|
|
this.getmaterialGroupValue = "";
|
|
this.selectType = "";
|
|
this.listQuery.type = undefined;
|
|
this.listQuery.client = undefined;
|
|
this.listQuery.state = undefined;
|
|
this.resultData = {}; //提示信息去掉
|
|
this.getList();
|
|
},
|
|
sortChange(data) {
|
|
const { prop, order } = data;
|
|
if (!prop || !order) {
|
|
this.handleFilter();
|
|
return;
|
|
}
|
|
this.listQuery.Sorting = prop + " " + order;
|
|
console.log(this.listQuery.Sorting);
|
|
this.handleFilter();
|
|
},
|
|
handleSelectionChange(val) {
|
|
this.multipleSelection = val;
|
|
},
|
|
/** 通过回调控制style */
|
|
cellStyle({ row, column, rowIndex, columnIndex }) {
|
|
if (
|
|
column.property === "qty" ||
|
|
column.property === "outputQty" ||
|
|
column.property === "diffQty"
|
|
) {
|
|
return { textAlign: "right" };
|
|
} else {
|
|
return { textAlign: "left" };
|
|
}
|
|
return { textAlign: "left" };
|
|
},
|
|
/** 通过回调控制表头style */
|
|
headerRowStyle({ row, column, rowIndex, columnIndex }) {
|
|
if (column.property === "qty") {
|
|
return { textAlign: "right", background: "#FAFAFA" };
|
|
} else {
|
|
return { textAlign: "left", background: "#FAFAFA" };
|
|
}
|
|
},
|
|
handleRowClick(row, column, event) {
|
|
this.$refs.multipleTable.clearSelection();
|
|
this.$refs.multipleTable.toggleRowSelection(row);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@import "../../styles/crmtable.scss";
|
|
</style>
|
|
<style lang="scss">
|
|
.el-table .cell.el-tooltip {
|
|
white-space: pre-wrap;
|
|
}
|
|
</style>
|
|
|
|
|
|
|