|
@ -1,33 +1,21 @@ |
|
|
<!--零件匹配关系页--> |
|
|
<!--发票与结算核对明细--> |
|
|
<template> |
|
|
<template> |
|
|
<div class="cr-body-content"> |
|
|
<div class="cr-body-content"> |
|
|
|
|
|
<!--功能栏--> |
|
|
|
|
|
<!-- 搜索 --> |
|
|
<div style="float: left"> |
|
|
<div style="float: left"> |
|
|
<flexbox class="content-header"> |
|
|
<flexbox class="content-header"> |
|
|
<el-button |
|
|
<el-button |
|
|
|
|
|
class="filter-item" |
|
|
|
|
|
size="mini" |
|
|
type="primary" |
|
|
type="primary" |
|
|
icon="el-icon-plus" |
|
|
icon="el-icon-plus" |
|
|
size="mini" |
|
|
|
|
|
@click="handleCreate" |
|
|
@click="handleCreate" |
|
|
>统计<!-- 报表(输出Excel文件) --> |
|
|
>统计 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<!-- <el-input |
|
|
|
|
|
v-model="searchContent" |
|
|
|
|
|
clearable |
|
|
|
|
|
size="small" |
|
|
|
|
|
placeholder="按照零件号搜索..." |
|
|
|
|
|
style="width: 200px" |
|
|
|
|
|
class="search-container" |
|
|
|
|
|
@keyup.enter.native="handleFilter" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-button |
|
|
|
|
|
size="mini" |
|
|
|
|
|
type="success" |
|
|
|
|
|
icon="el-icon-search" |
|
|
|
|
|
@click="handleFilter" |
|
|
|
|
|
>搜索 |
|
|
|
|
|
</el-button> --> |
|
|
|
|
|
</flexbox> |
|
|
</flexbox> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<!-- 刷新 --> |
|
|
<div style="float: right"> |
|
|
<div style="float: right"> |
|
|
<flexbox class="content-header"> |
|
|
<flexbox class="content-header"> |
|
|
<el-tooltip |
|
|
<el-tooltip |
|
@ -43,13 +31,14 @@ |
|
|
@click="refresh()" |
|
|
@click="refresh()" |
|
|
/> |
|
|
/> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<span style="margin-left: 10px; color: #ff5640" |
|
|
|
|
|
|
|
|
<span style="margin-left: 10px; color: #ff5640; float: right" |
|
|
>说明:每间隔30秒进行自动刷新!</span |
|
|
>说明:每间隔30秒进行自动刷新!</span |
|
|
> |
|
|
> |
|
|
</flexbox> |
|
|
</flexbox> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!--表格渲染--> |
|
|
<!--主页面表格渲染--> |
|
|
<el-table |
|
|
<el-table |
|
|
ref="multipleTable" |
|
|
ref="multipleTable" |
|
|
v-loading="listLoading" |
|
|
v-loading="listLoading" |
|
@ -59,7 +48,6 @@ |
|
|
:data="list" |
|
|
:data="list" |
|
|
:height="tableHeight" |
|
|
:height="tableHeight" |
|
|
:cell-style="cellStyle" |
|
|
:cell-style="cellStyle" |
|
|
:header-cell-style="headerRowStyle" |
|
|
|
|
|
size="small" |
|
|
size="small" |
|
|
stripe |
|
|
stripe |
|
|
border |
|
|
border |
|
@ -75,20 +63,27 @@ |
|
|
:label="item.label" |
|
|
:label="item.label" |
|
|
:min-width="item.width" |
|
|
:min-width="item.width" |
|
|
:formatter="fieldFormatter" |
|
|
:formatter="fieldFormatter" |
|
|
|
|
|
sortable |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
:gutter="0" |
|
|
:gutter="0" |
|
|
sortable |
|
|
|
|
|
> |
|
|
> |
|
|
<template slot="header" slot-scope="scope"> |
|
|
<template slot="header" slot-scope="scope"> |
|
|
{{ scope.column.label }} |
|
|
{{ scope.column.label }} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 操作名称 --> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="actionName" |
|
|
prop="actionName" |
|
|
|
|
|
label="操作名称(单击箭头过滤)" |
|
|
width="165" |
|
|
width="165" |
|
|
column-key="actionName" |
|
|
column-key="actionName" |
|
|
label="导出类型" |
|
|
:filters="[ |
|
|
sortable |
|
|
{ text: '导出', value: '导出' }, |
|
|
|
|
|
{ text: '消息', value: '消息' }, |
|
|
|
|
|
]" |
|
|
|
|
|
filter-placement="bottom-end" |
|
|
|
|
|
:filter-method="filterHandler" |
|
|
> |
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div align="center"> |
|
|
<div align="center"> |
|
@ -103,21 +98,21 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
<!-- 状态 --> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="stateName" |
|
|
prop="stateName" |
|
|
label="状态(单击箭头过滤)" |
|
|
label="状态(单击箭头过滤)" |
|
|
width="185" |
|
|
width="165" |
|
|
align="center" |
|
|
|
|
|
column-key="stateName" |
|
|
column-key="stateName" |
|
|
|
|
|
align="center" |
|
|
:filters="[ |
|
|
:filters="[ |
|
|
{ text: '执行完成(任务成功)', value: 'Succeeded' }, |
|
|
{ text: '执行完成(任务成功)', value: 'Succeeded' }, |
|
|
{ text: '执行完成(任务失败)', value: 'Failed' }, |
|
|
{ text: '执行完成(任务失败)', value: 'Failed' }, |
|
|
{ text: '执行中', value: 'Processing' }, |
|
|
{ text: '执行中', value: 'Processing' }, |
|
|
{ text: '等待执行', value: '等待执行' }, |
|
|
{ text: '等待执行', value: 'Scheduled' }, |
|
|
]" |
|
|
]" |
|
|
filter-placement="bottom-end" |
|
|
filter-placement="bottom-end" |
|
|
:filter-method="filterHandler" |
|
|
:filter-method="filterHandler" |
|
|
sortable |
|
|
|
|
|
> |
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-tag |
|
|
<el-tag |
|
@ -130,15 +125,16 @@ |
|
|
</el-tag> |
|
|
</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="操作" align="center" width="280" sortable> |
|
|
<!-- 操作 --> |
|
|
|
|
|
<el-table-column label="操作" align="center" width="250"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div align="center"> |
|
|
<!-- <el-button |
|
|
<!-- <el-button |
|
|
v-if="scope.row.actionName == '导出'" |
|
|
v-if="scope.row.actionName == '导出'" |
|
|
size="mini" |
|
|
size="mini" |
|
|
type="text" |
|
|
type="text" |
|
|
@click="handleDownload(scope.row)" |
|
|
@click="handleDownload(scope.row)" |
|
|
icon="el-icon-edit" |
|
|
icon="el-icon-edit" |
|
|
style="margin-left: 100px" |
|
|
|
|
|
>下载</el-button |
|
|
>下载</el-button |
|
|
> --> |
|
|
> --> |
|
|
<el-button |
|
|
<el-button |
|
@ -165,11 +161,13 @@ |
|
|
icon="el-icon-edit" |
|
|
icon="el-icon-edit" |
|
|
>检验失败,下载</el-button |
|
|
>检验失败,下载</el-button |
|
|
> |
|
|
> |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<div class="table-footer"> |
|
|
|
|
|
<!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"--> |
|
|
<!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"--> |
|
|
|
|
|
<div class="table-footer"> |
|
|
<pagination |
|
|
<pagination |
|
|
v-show="totalCount > 0" |
|
|
v-show="totalCount > 0" |
|
|
:total="totalCount" |
|
|
:total="totalCount" |
|
@ -326,13 +324,14 @@ |
|
|
<el-button @click="openView = false">关 闭</el-button> |
|
|
<el-button @click="openView = false">关 闭</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
<!--表单渲染--> |
|
|
|
|
|
|
|
|
<!--统计功能表单渲染--> |
|
|
<el-dialog |
|
|
<el-dialog |
|
|
:visible.sync="dialogFormVisible" |
|
|
:visible.sync="dialogFormVisible" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:title="formTitle" |
|
|
:title="formTitle" |
|
|
append-to-body |
|
|
append-to-body |
|
|
width="550px" |
|
|
width="680px" |
|
|
> |
|
|
> |
|
|
<el-form |
|
|
<el-form |
|
|
ref="formCount" |
|
|
ref="formCount" |
|
@ -366,29 +365,126 @@ |
|
|
</el-row> |
|
|
</el-row> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :md="4" :xs="24"> |
|
|
<el-col :md="4" :xs="24"> |
|
|
<el-form-item label="适用功能" required /> |
|
|
<el-form-item label="物料组(车型)" /> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :md="20" :xs="24" style="margin-left: -80px"> |
|
|
<el-col :md="20" :xs="24" style="margin-left: -80px"> |
|
|
<el-form-item prop="customerCode"> |
|
|
<el-form-item prop="materialGroupValue"> |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="formCount.customerCode" |
|
|
v-model="formCount.materialGroupValue" |
|
|
size="medium" |
|
|
size="medium" |
|
|
|
|
|
filterable |
|
|
clearable |
|
|
clearable |
|
|
style="width: 188px; margin-right: 15px" |
|
|
style="width: 188px; margin-right: 15px" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
> |
|
|
> |
|
|
<el-option label="结算" value="R0003"></el-option> |
|
|
<el-option |
|
|
<el-option label="二配" value="R0001"></el-option> |
|
|
v-for="item in materialGroupList" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
></el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
|
|
<el-form-item label="CP5时间:" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="20" :xs="24" style="margin-left: -80px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-date-picker |
|
|
|
|
|
v-model="datetime5" |
|
|
|
|
|
type="datetimerange" |
|
|
|
|
|
:picker-options="pickerOptionsCp5" |
|
|
|
|
|
range-separator="至" |
|
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
|
|
|
> |
|
|
|
|
|
</el-date-picker> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
|
|
<el-form-item label="CP7时间:" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -80px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-date-picker |
|
|
|
|
|
v-model="startTime" |
|
|
|
|
|
type="datetime" |
|
|
|
|
|
size="small" |
|
|
|
|
|
:picker-options="pickerOptions0" |
|
|
|
|
|
@change="getdateValue" |
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
|
default-time="00:00:00" |
|
|
|
|
|
> |
|
|
|
|
|
</el-date-picker> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -40px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-date-picker |
|
|
|
|
|
v-model="endTime" |
|
|
|
|
|
type="datetime" |
|
|
|
|
|
:picker-options="pickerOptions1" |
|
|
|
|
|
size="small" |
|
|
|
|
|
@change="getdateVal" |
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
|
default-time="23:59:59" |
|
|
|
|
|
> |
|
|
|
|
|
</el-date-picker> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
|
|
<el-form-item label="KEEN号" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -80px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-input v-model="formCount.kennCode" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
|
|
<el-form-item label="底盘号" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -95px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-input v-model="formCount.chassisNumber" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
|
|
<el-form-item label="客户零件号" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -80px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-input v-model="formCount.materialCode" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
|
|
<el-form-item label="客户零件号" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -95px"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-input v-model="formCount.sapMaterialCode" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<el-button type="text" @click="dialogFormVisible = false" |
|
|
<!-- <el-button type="text" @click="dialogFormVisible = false" |
|
|
>取消</el-button |
|
|
>取消</el-button |
|
|
> |
|
|
> --> |
|
|
<!-- <el-button @click="resetForm('formCount')">重置</el-button> --> |
|
|
<el-button @click="resetForm('formCount')">重置</el-button> |
|
|
<el-button v-loading="formLoading" type="primary" @click="save" |
|
|
<el-button v-loading="formLoading" type="primary" @click="save" |
|
|
>确认</el-button |
|
|
>确认</el-button |
|
|
> |
|
|
> |
|
@ -403,27 +499,81 @@ import permission from "@/directive/permission/index.js"; |
|
|
import { downloadFile } from "@/utils/crmindex.js"; |
|
|
import { downloadFile } from "@/utils/crmindex.js"; |
|
|
import CRMTableHead from "../../components/CRMTableHead"; |
|
|
import CRMTableHead from "../../components/CRMTableHead"; |
|
|
import moment from "moment"; |
|
|
import moment from "moment"; |
|
|
|
|
|
const cityOptions = [ |
|
|
|
|
|
{ id: 0, name: "未结" }, |
|
|
|
|
|
{ id: 1, name: "部分结算" }, |
|
|
|
|
|
{ id: 2, name: "已结" }, |
|
|
|
|
|
/* { id: 3, name: "预批量" }, */ |
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "SettledPartAndErpPartPriceDiff", |
|
|
name: "InvoiceSettledDetailDiff", |
|
|
components: { Pagination, CRMTableHead }, |
|
|
components: { Pagination, CRMTableHead }, |
|
|
directives: { permission }, |
|
|
directives: { permission }, |
|
|
|
|
|
|
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
crmType: "backJob", |
|
|
crmType: "backJob", |
|
|
//customerCode: "R0003", |
|
|
|
|
|
rules: { |
|
|
rules: { |
|
|
versionValue: [ |
|
|
versionValue: [ |
|
|
{ required: true, message: "必须输入!", trigger: "change" }, |
|
|
{ required: true, message: "必须输入!", trigger: "change" }, |
|
|
], |
|
|
], |
|
|
}, |
|
|
}, |
|
|
|
|
|
pickerOptionsCp5: { |
|
|
|
|
|
disabledDate: (time) => { |
|
|
|
|
|
let now = new Date(); |
|
|
|
|
|
let monthEndDate = new Date(now.getFullYear(), now.getMonth() + 1, 0); |
|
|
|
|
|
let timeEnd = Date.parse(monthEndDate); |
|
|
|
|
|
if (timeEnd) { |
|
|
|
|
|
return ( |
|
|
|
|
|
time.getTime() > time.getTime() > timeEnd - 8.64e7 || |
|
|
|
|
|
time.getTime() > timeEnd + 60 * 60 * 24 * 1000 |
|
|
|
|
|
); //能选上最后一天 |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
pickerOptions0: { |
|
|
|
|
|
disabledDate: (time) => { |
|
|
|
|
|
//if (this.endTime != "") { |
|
|
|
|
|
//return time.getTime() >= new Date(this.endTime).getTime(); |
|
|
|
|
|
return time.getTime() > new Date(this.endTime).getTime(); |
|
|
|
|
|
//} |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
pickerOptions1: { |
|
|
|
|
|
disabledDate: (time) => { |
|
|
|
|
|
//return time.getTime() <= new Date(this.startTime).getTime() || time.getTime() > Date.now(); |
|
|
|
|
|
return time.getTime() <= new Date(this.startTime).getTime(); |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
startTime: "", |
|
|
|
|
|
endTime: "", |
|
|
|
|
|
pickerOptionsCp7: { |
|
|
|
|
|
disabledDate: (time) => { |
|
|
|
|
|
let now = new Date(); |
|
|
|
|
|
let monthEndDate = new Date(now.getFullYear(), now.getMonth() + 1, 0); |
|
|
|
|
|
let timeEnd = Date.parse(monthEndDate); |
|
|
|
|
|
if (timeEnd) { |
|
|
|
|
|
return ( |
|
|
|
|
|
time.getTime() > time.getTime() > timeEnd - 8.64e7 || |
|
|
|
|
|
time.getTime() > timeEnd + 60 * 60 * 24 * 1000 |
|
|
|
|
|
); //能选上最后一天 |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
datetime5: [], |
|
|
|
|
|
datetime7: [], |
|
|
|
|
|
checkedCities: [0], |
|
|
|
|
|
cities: cityOptions, |
|
|
selectValue: "", |
|
|
selectValue: "", |
|
|
selectNameValue: "", |
|
|
selectNameValue: "", |
|
|
|
|
|
radio: "0", //结算状态:0未结 1部分结算 |
|
|
versionList: [], |
|
|
versionList: [], |
|
|
|
|
|
materialGroupList: [], |
|
|
// 是否显示详细弹出层 |
|
|
// 是否显示详细弹出层 |
|
|
openView: false, |
|
|
openView: false, |
|
|
versionValue: "", |
|
|
versionValue: "", |
|
|
|
|
|
materialGroupValue: "", |
|
|
formTitle: "", |
|
|
formTitle: "", |
|
|
timer: null, //定时器名称 |
|
|
timer: null, //定时器名称 |
|
|
//当前位置 |
|
|
//当前位置 |
|
@ -448,7 +598,17 @@ export default { |
|
|
customerInfos: "", |
|
|
customerInfos: "", |
|
|
searchContent: "", // 输入内容 |
|
|
searchContent: "", // 输入内容 |
|
|
form: {}, |
|
|
form: {}, |
|
|
formCount: {}, |
|
|
formCount: { |
|
|
|
|
|
name: "未结算对比", |
|
|
|
|
|
// datetime5: [], |
|
|
|
|
|
// datetime7: [], |
|
|
|
|
|
settledate: "", |
|
|
|
|
|
materialCode: "", |
|
|
|
|
|
sapMaterialCode: "", |
|
|
|
|
|
chassisNumber: "", |
|
|
|
|
|
kennCode: "", |
|
|
|
|
|
version: "", |
|
|
|
|
|
}, |
|
|
list: null, |
|
|
list: null, |
|
|
totalCount: 0, |
|
|
totalCount: 0, |
|
|
listLoading: true, |
|
|
listLoading: true, |
|
@ -462,18 +622,16 @@ export default { |
|
|
}, |
|
|
}, |
|
|
listExportQuery: { |
|
|
listExportQuery: { |
|
|
version: "", |
|
|
version: "", |
|
|
customerCode: "", |
|
|
materialCode: undefined, |
|
|
//apply:"", |
|
|
cp7begin: undefined, |
|
|
|
|
|
cp7end: undefined, |
|
|
|
|
|
kenncode: undefined, |
|
|
|
|
|
chassisNumber: undefined, |
|
|
|
|
|
materialGroup: undefined, |
|
|
|
|
|
begin: undefined, |
|
|
|
|
|
end: undefined, |
|
|
}, |
|
|
}, |
|
|
listQuery: { |
|
|
listQuery: { |
|
|
Filters: [ |
|
|
|
|
|
{ |
|
|
|
|
|
logic: 0, |
|
|
|
|
|
column: "Enabled", |
|
|
|
|
|
action: 0, |
|
|
|
|
|
value: "true", |
|
|
|
|
|
}, //默认查询可用的 |
|
|
|
|
|
], |
|
|
|
|
|
taskId: "", |
|
|
taskId: "", |
|
|
name: "", |
|
|
name: "", |
|
|
}, |
|
|
}, |
|
@ -483,7 +641,6 @@ export default { |
|
|
tableHeight: document.documentElement.clientHeight - 260, |
|
|
tableHeight: document.documentElement.clientHeight - 260, |
|
|
isEdit: false, |
|
|
isEdit: false, |
|
|
menuCateMap: [ |
|
|
menuCateMap: [ |
|
|
{ label: "导入", value: "导入", cssName: "primary" }, |
|
|
|
|
|
{ label: "导出", value: "导出", cssName: "warning" }, |
|
|
{ label: "导出", value: "导出", cssName: "warning" }, |
|
|
{ label: "消息", value: "消息", cssName: "info" }, |
|
|
{ label: "消息", value: "消息", cssName: "info" }, |
|
|
], |
|
|
], |
|
@ -510,43 +667,38 @@ export default { |
|
|
this.$once("hook:beforeDestroy", () => { |
|
|
this.$once("hook:beforeDestroy", () => { |
|
|
clearInterval(timer); |
|
|
clearInterval(timer); |
|
|
}); |
|
|
}); |
|
|
|
|
|
//this.disabledDateCp5(); |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.getAllVersionList(); |
|
|
this.getAllVersionList(); |
|
|
|
|
|
this.getMaterialGroup(); |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
|
|
|
// this.getCurrentMonthFirst(); |
|
|
|
|
|
// this.getCurrentMonthLast(); |
|
|
}, |
|
|
}, |
|
|
beforeDestroy() { |
|
|
beforeDestroy() { |
|
|
clearInterval(this.timer); |
|
|
clearInterval(this.timer); |
|
|
this.timer = null; |
|
|
this.timer = null; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
|
|
|
/* 主表头 */ |
|
|
getDefaultField() { |
|
|
getDefaultField() { |
|
|
var tempsTabs = []; |
|
|
var tempsTabs = []; |
|
|
|
|
|
|
|
|
tempsTabs.push({ |
|
|
tempsTabs.push({ |
|
|
label: "单据流水号", |
|
|
label: "单据流水号", |
|
|
prop: "taskId", |
|
|
prop: "taskId", |
|
|
width: 120, |
|
|
width: 85, |
|
|
}); |
|
|
}); |
|
|
tempsTabs.push({ |
|
|
tempsTabs.push({ |
|
|
label: "模块名称", |
|
|
label: "模块名称", |
|
|
prop: "name", |
|
|
prop: "name", |
|
|
width: 200, |
|
|
width: 170, |
|
|
}); |
|
|
}); |
|
|
// tempsTabs.push({ |
|
|
|
|
|
// label: "操作名称", |
|
|
|
|
|
// prop: "actionName", |
|
|
|
|
|
// width: 120, |
|
|
|
|
|
// }); |
|
|
|
|
|
tempsTabs.push({ |
|
|
tempsTabs.push({ |
|
|
label: "创建人", |
|
|
label: "创建人", |
|
|
prop: "creator", |
|
|
|
|
|
width: 100, |
|
|
|
|
|
}); |
|
|
|
|
|
tempsTabs.push({ |
|
|
|
|
|
label: "电子邮箱", |
|
|
|
|
|
prop: "email", |
|
|
prop: "email", |
|
|
width: 120, |
|
|
width: 110, |
|
|
}); |
|
|
}); |
|
|
tempsTabs.push({ |
|
|
tempsTabs.push({ |
|
|
label: "创建时间", |
|
|
label: "创建时间", |
|
@ -554,6 +706,11 @@ export default { |
|
|
width: 150, |
|
|
width: 150, |
|
|
}); |
|
|
}); |
|
|
// tempsTabs.push({ |
|
|
// tempsTabs.push({ |
|
|
|
|
|
// label: "操作名称", |
|
|
|
|
|
// prop: "actionName", |
|
|
|
|
|
// width: 120, |
|
|
|
|
|
// }); |
|
|
|
|
|
// tempsTabs.push({ |
|
|
// label: "状态", |
|
|
// label: "状态", |
|
|
// prop: "stateName", |
|
|
// prop: "stateName", |
|
|
// width: 100, |
|
|
// width: 100, |
|
@ -562,6 +719,36 @@ export default { |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
getdateValue(val) { |
|
|
|
|
|
this.startTime = val; |
|
|
|
|
|
this.getbalanceIndexData(); |
|
|
|
|
|
}, |
|
|
|
|
|
getdateVal(val) { |
|
|
|
|
|
this.endTime = val; |
|
|
|
|
|
this.getbalanceIndexData(); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getCurrentMonthFirst() { |
|
|
|
|
|
var date = new Date(); |
|
|
|
|
|
date.setDate(1); |
|
|
|
|
|
var month = parseInt(date.getMonth() + 1); |
|
|
|
|
|
var day = date.getDate(); |
|
|
|
|
|
if (month < 10) month = "0" + month; |
|
|
|
|
|
if (day < 10) day = "0" + day; |
|
|
|
|
|
this.startTime = date.getFullYear() + "-" + month + "-" + day; |
|
|
|
|
|
}, |
|
|
|
|
|
getCurrentMonthLast() { |
|
|
|
|
|
var date = new Date(); |
|
|
|
|
|
var year = date.getFullYear(); |
|
|
|
|
|
var month = date.getMonth() + 1; |
|
|
|
|
|
month = month < 10 ? "0" + month : month; |
|
|
|
|
|
var day = new Date(year, month, 0); |
|
|
|
|
|
this.endTime = year + "-" + month + "-" + day.getDate(); |
|
|
|
|
|
}, |
|
|
|
|
|
handleCheckedCitiesChange(value) { |
|
|
|
|
|
alert(value); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
getAllVersionList() { |
|
|
getAllVersionList() { |
|
|
this.$axios |
|
|
this.$axios |
|
|
.posts("/api/settleaccount/CentralizedControl/openlist") |
|
|
.posts("/api/settleaccount/CentralizedControl/openlist") |
|
@ -578,21 +765,79 @@ export default { |
|
|
this.listLoading = false; |
|
|
this.listLoading = false; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
//获取物料组车型 |
|
|
|
|
|
getMaterialGroup() { |
|
|
|
|
|
this.$axios |
|
|
|
|
|
.posts("/api/settleaccount/CodeSetting/list", { |
|
|
|
|
|
project: "物料组", |
|
|
|
|
|
maxResultCount: 1000, |
|
|
|
|
|
skipCount: 0, |
|
|
|
|
|
}) |
|
|
|
|
|
.then((response) => { |
|
|
|
|
|
this.materialGroupList = []; |
|
|
|
|
|
response.items.forEach((element) => { |
|
|
|
|
|
let options = {}; |
|
|
|
|
|
options.value = element.description; |
|
|
|
|
|
options.label = element.description; |
|
|
|
|
|
this.materialGroupList.push(options); |
|
|
|
|
|
}); |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
this.listLoading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
/* 重置 */ |
|
|
resetForm(formName) { |
|
|
resetForm(formName) { |
|
|
this.formCount = {}; |
|
|
this.formCount = {}; |
|
|
|
|
|
this.datetime5 = []; |
|
|
|
|
|
this.startTime = ""; |
|
|
|
|
|
this.endTime = ""; |
|
|
|
|
|
// this.datetime7 = []; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
save() { |
|
|
save() { |
|
|
this.$refs.formCount.validate((valid) => { |
|
|
this.$refs.formCount.validate((valid) => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
console.log("参数:" + JSON.stringify(this.formCount)); |
|
|
|
|
|
this.formLoading = true; |
|
|
this.formLoading = true; |
|
|
this.listExportQuery.version = this.formCount.versionValue; |
|
|
this.listExportQuery.version = this.formCount.versionValue; //版本 |
|
|
this.listExportQuery.customerCode = this.formCount.customerCode; |
|
|
if (this.formCount.materialCode != "") { |
|
|
console.log("导出条件:" + JSON.stringify(this.listExportQuery)); |
|
|
this.listExportQuery.materialCode = this.formCount.materialCode; //物料号 |
|
|
|
|
|
} |
|
|
|
|
|
if (this.formCount.sapMaterialCode != "") { |
|
|
|
|
|
this.listExportQuery.sapMaterialCode = this.formCount.sapMaterialCode; //厂内物料号 |
|
|
|
|
|
} |
|
|
|
|
|
if (this.formCount.kennCode != "") { |
|
|
|
|
|
this.listExportQuery.kenncode = this.formCount.kennCode; //KEEN号 |
|
|
|
|
|
} |
|
|
|
|
|
var getdate5 = JSON.stringify(this.datetime5); |
|
|
|
|
|
if (getdate5 != "[]") { |
|
|
|
|
|
alert(this.datetime5[0]); |
|
|
|
|
|
this.listExportQuery.begin = this.datetime5 |
|
|
|
|
|
? this.datetime5[0] || undefined |
|
|
|
|
|
: undefined; |
|
|
|
|
|
this.listExportQuery.end = this.datetime5 |
|
|
|
|
|
? this.datetime5[1] || undefined |
|
|
|
|
|
: undefined; |
|
|
|
|
|
} |
|
|
|
|
|
if (this.startTime != "") { |
|
|
|
|
|
this.listExportQuery.cp7begin = this.startTime; //CP7开始时间 |
|
|
|
|
|
} |
|
|
|
|
|
if (this.endTime != "") { |
|
|
|
|
|
this.listExportQuery.cp7end = this.endTime; //CP5结束日期 |
|
|
|
|
|
} |
|
|
|
|
|
if (this.formCount.chassisNumber != "") { |
|
|
|
|
|
this.listExportQuery.chassisNumber = this.formCount.chassisNumber; //底盘号 |
|
|
|
|
|
} |
|
|
|
|
|
if (this.formCount.materialGroupValue != "") { |
|
|
|
|
|
this.listExportQuery.materialGroup = |
|
|
|
|
|
this.formCount.materialGroupValue; //物料组车型 |
|
|
|
|
|
} |
|
|
|
|
|
console.log( |
|
|
|
|
|
"大众发票与结算核对明细表-导出条件:" + |
|
|
|
|
|
JSON.stringify(this.listExportQuery) |
|
|
|
|
|
); |
|
|
this.$axios |
|
|
this.$axios |
|
|
.gets( |
|
|
.gets( |
|
|
"/api/settleaccount/ReportMakeService/SettledPartAndErpPartPriceDiff-Make", |
|
|
"/api/settleaccount/ReportMakeService/InvoiceSettledDetailDiff-Make", |
|
|
this.listExportQuery |
|
|
this.listExportQuery |
|
|
) |
|
|
) |
|
|
.then((res) => { |
|
|
.then((res) => { |
|
@ -616,29 +861,10 @@ export default { |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
/** 筛选操作 */ |
|
|
|
|
|
handleFilter() { |
|
|
|
|
|
this.page = 1; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
this.listQuery.Filters = []; |
|
|
|
|
|
if (this.searchContent != "") { |
|
|
|
|
|
var column = "materialCode"; |
|
|
|
|
|
let filter = { |
|
|
|
|
|
logic: 0, |
|
|
|
|
|
column: column, |
|
|
|
|
|
action: 0, |
|
|
|
|
|
value: this.searchContent, |
|
|
|
|
|
}; |
|
|
|
|
|
this.listQuery.Filters.push(filter); |
|
|
|
|
|
} |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
handleCreate() { |
|
|
handleCreate() { |
|
|
// this.$nextTick(() => { |
|
|
this.$nextTick(() => { |
|
|
// this.$refs["formCount"].resetFields(); |
|
|
this.$refs["formCount"].resetFields(); |
|
|
// }); |
|
|
}); |
|
|
this.formTitle = "报表统计"; |
|
|
this.formTitle = "报表统计"; |
|
|
this.isEdit = false; |
|
|
this.isEdit = false; |
|
|
this.form = {}; |
|
|
this.form = {}; |
|
@ -648,7 +874,7 @@ export default { |
|
|
const property = column["property"]; |
|
|
const property = column["property"]; |
|
|
return row[property] === value; |
|
|
return row[property] === value; |
|
|
}, |
|
|
}, |
|
|
/** 任务详细信息 */ |
|
|
/* 任务详细信息 */ |
|
|
handleView(row) { |
|
|
handleView(row) { |
|
|
this.listQuery.taskId = row.taskId; |
|
|
this.listQuery.taskId = row.taskId; |
|
|
this.$axios |
|
|
this.$axios |
|
@ -670,9 +896,7 @@ export default { |
|
|
this.openView = true; |
|
|
this.openView = true; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/* 刷新 */ |
|
|
* 刷新 |
|
|
|
|
|
*/ |
|
|
|
|
|
refresh() { |
|
|
refresh() { |
|
|
this.list = []; |
|
|
this.list = []; |
|
|
this.listQuery.taskId = ""; |
|
|
this.listQuery.taskId = ""; |
|
@ -688,10 +912,9 @@ export default { |
|
|
console.log("点击重置"); |
|
|
console.log("点击重置"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/* 导出类型的文件 */ |
|
|
* 导出类型的文件 |
|
|
|
|
|
*/ |
|
|
|
|
|
downloadErrData(param) { |
|
|
downloadErrData(param) { |
|
|
|
|
|
this.listLoading = true; |
|
|
let fileNameOfProject = param; |
|
|
let fileNameOfProject = param; |
|
|
this.$axios |
|
|
this.$axios |
|
|
.BolbGets( |
|
|
.BolbGets( |
|
@ -724,14 +947,13 @@ export default { |
|
|
this.listLoading = false; |
|
|
this.listLoading = false; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
/* 刷新列表 */ |
|
|
/** 刷新列表 */ |
|
|
|
|
|
handleHandle(data) { |
|
|
handleHandle(data) { |
|
|
if (data.type !== "edit") { |
|
|
if (data.type !== "edit") { |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
/** 格式化字段 */ |
|
|
/* 格式化字段 */ |
|
|
fieldFormatter(row, column) { |
|
|
fieldFormatter(row, column) { |
|
|
if (column.property === "stateName") { |
|
|
if (column.property === "stateName") { |
|
|
return { |
|
|
return { |
|
@ -760,7 +982,7 @@ export default { |
|
|
getList() { |
|
|
getList() { |
|
|
this.listLoading = true; |
|
|
this.listLoading = true; |
|
|
//导入界面中超链接过来的参数 |
|
|
//导入界面中超链接过来的参数 |
|
|
this.listQuery.name = "结算总成和ERP总成价格对比"; |
|
|
this.listQuery.name = "大众发票与结算核对明细表"; |
|
|
this.$axios |
|
|
this.$axios |
|
|
.posts("/api/settleaccount/Job/list", this.listQuery) |
|
|
.posts("/api/settleaccount/Job/list", this.listQuery) |
|
|
.then((response) => { |
|
|
.then((response) => { |
|
@ -774,14 +996,14 @@ export default { |
|
|
this.listLoading = false; |
|
|
this.listLoading = false; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
fetchData(id) { |
|
|
// fetchData(id) { |
|
|
//循环动态,取客户名称 |
|
|
// //循环动态,取客户名称 |
|
|
this.$axios |
|
|
// this.$axios |
|
|
.gets("/api/settleaccount/MaterialRelationship/" + id) |
|
|
// .gets("/api/settleaccount/MaterialRelationship/" + id) |
|
|
.then((response) => { |
|
|
// .then((response) => { |
|
|
this.form = response; |
|
|
// this.form = response; |
|
|
}); |
|
|
// }); |
|
|
}, |
|
|
// }, |
|
|
resetQuery() {}, |
|
|
resetQuery() {}, |
|
|
/** 通过回调控制style */ |
|
|
/** 通过回调控制style */ |
|
|
cellStyle({ row, column, rowIndex, columnIndex }) { |
|
|
cellStyle({ row, column, rowIndex, columnIndex }) { |
|
@ -799,6 +1021,9 @@ export default { |
|
|
//} |
|
|
//} |
|
|
}, |
|
|
}, |
|
|
headerRowStyle({ row, column, rowIndex, columnIndex }) { |
|
|
headerRowStyle({ row, column, rowIndex, columnIndex }) { |
|
|
|
|
|
if (column.property === "stateName") { |
|
|
|
|
|
return { textAlign: "center" }; |
|
|
|
|
|
} |
|
|
return { textAlign: "center" }; |
|
|
return { textAlign: "center" }; |
|
|
}, |
|
|
}, |
|
|
handleRowClick(row, column, event) { |
|
|
handleRowClick(row, column, event) { |
|
@ -813,6 +1038,11 @@ export default { |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
@import "../../styles/crmtable.scss"; |
|
|
@import "../../styles/crmtable.scss"; |
|
|
@import "../../styles/steps.scss"; |
|
|
@import "../../styles/steps.scss"; |
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-checkbox input:focus { |
|
|
|
|
|
outline: none !important; |
|
|
|
|
|
border-color: gray; |
|
|
|
|
|
border: 0px; |
|
|
|
|
|
box-shadow: none !important; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |