|
|
@ -5,6 +5,12 @@ |
|
|
|
<!-- 搜索 --> |
|
|
|
<div style="float: left"> |
|
|
|
<flexbox class="content-header"> |
|
|
|
<JobSelectVerson |
|
|
|
:options="JobVersionList" |
|
|
|
style="width: 150px; margin-left: -10px" |
|
|
|
class="search-container" |
|
|
|
@value-change="JobVersionValue" |
|
|
|
></JobSelectVerson> |
|
|
|
<el-button |
|
|
|
class="filter-item" |
|
|
|
size="mini" |
|
|
@ -13,6 +19,22 @@ |
|
|
|
@click="handleCreate" |
|
|
|
>统计 |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
class="filter-item" |
|
|
|
type="danger" |
|
|
|
icon="el-icon-delete" |
|
|
|
size="mini" |
|
|
|
@click="handleDelete()" |
|
|
|
>删除(支持批量)</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="filter-item" |
|
|
|
type="success" |
|
|
|
icon="el-icon-check" |
|
|
|
size="mini" |
|
|
|
@click="handleCreateBills()" |
|
|
|
>生成出库单(支持批量)</el-button |
|
|
|
> |
|
|
|
</flexbox> |
|
|
|
</div> |
|
|
|
<!-- 刷新 --> |
|
|
@ -54,8 +76,10 @@ |
|
|
|
highlight-current-row |
|
|
|
style="width: 100%" |
|
|
|
@row-click="handleRowClick" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
@filter-change="filterChange" |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="44px"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
v-for="(item, index) in getDefaultField" |
|
|
|
:key="index" |
|
|
@ -372,9 +396,12 @@ |
|
|
|
<el-select |
|
|
|
v-model="formCount.materialGroupValue" |
|
|
|
size="medium" |
|
|
|
collapse-tags |
|
|
|
multiple |
|
|
|
filterable |
|
|
|
clearable |
|
|
|
style="width: 188px; margin-right: 15px" |
|
|
|
@change="valueChange" |
|
|
|
style="width: 350px; margin-right: 15px" |
|
|
|
placeholder="请选择" |
|
|
|
> |
|
|
|
<el-option |
|
|
@ -387,17 +414,88 @@ |
|
|
|
</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 prop="startTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="formCount.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 prop="endTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="formCount.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="看板号" /> |
|
|
|
</el-col> |
|
|
|
<el-col :md="10" :xs="24" style="margin-left: -80px"> |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="formCount.kanBan" style="width: 300px" /> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
style="width: 450px" |
|
|
|
v-model="formCount.kanBan" |
|
|
|
:rows="5" |
|
|
|
placeholder="多个看板号,请以回车换行形式添加!" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
<el-form-item label="客户零件号" /> |
|
|
|
</el-col> |
|
|
|
<el-col :md="20" :xs="24" style="margin-left: -80px"> |
|
|
|
<el-form-item prop="materialCode"> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
v-model="formCount.materialCode" |
|
|
|
:rows="5" |
|
|
|
style="width: 450px" |
|
|
|
placeholder="多个客户零件号,请以回车换行形式添加!" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
<el-form-item label="厂内零件号" /> |
|
|
|
</el-col> |
|
|
|
<el-col :md="20" :xs="24" style="margin-left: -80px"> |
|
|
|
<el-form-item prop="sapMaterialCode"> |
|
|
|
<el-input |
|
|
|
v-model="formCount.sapMaterialCode" |
|
|
|
:rows="5" |
|
|
|
style="width: 450px" |
|
|
|
type="textarea" |
|
|
|
placeholder="多个厂内零件号,请以回车换行形式添加!" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<!-- <el-row> |
|
|
|
<el-col :md="4" :xs="24"> |
|
|
|
<el-form-item label="客户零件号" /> |
|
|
|
</el-col> |
|
|
@ -414,7 +512,7 @@ |
|
|
|
<el-input v-model="formCount.sapMaterialCode" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> --> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<!-- <el-button type="text" @click="dialogFormVisible = false" |
|
|
@ -435,10 +533,11 @@ import permission from "@/directive/permission/index.js"; |
|
|
|
import { downloadFile } from "@/utils/crmindex.js"; |
|
|
|
import CRMTableHead from "../../components/CRMTableHead"; |
|
|
|
import moment from "moment"; |
|
|
|
import JobSelectVerson from "@/components/CreateCom/Job-Select.vue"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "KanBanWithCode", |
|
|
|
components: { Pagination, CRMTableHead }, |
|
|
|
components: { Pagination, CRMTableHead, JobSelectVerson }, |
|
|
|
directives: { permission }, |
|
|
|
|
|
|
|
data() { |
|
|
@ -494,6 +593,8 @@ export default { |
|
|
|
datetime5: [], |
|
|
|
datetime7: [], |
|
|
|
checkedCities: [0], |
|
|
|
JobVersionList: [], |
|
|
|
getmaterialGroupValue: "", |
|
|
|
selectValue: "", |
|
|
|
selectNameValue: "", |
|
|
|
radio: "0", //结算状态:0未结 1部分结算 |
|
|
@ -526,6 +627,8 @@ export default { |
|
|
|
], |
|
|
|
customerInfos: "", |
|
|
|
searchContent: "", // 输入内容 |
|
|
|
JobversionValue: "", |
|
|
|
JobversionValueVerson: "", |
|
|
|
form: {}, |
|
|
|
formCount: { |
|
|
|
name: "未结算对比", |
|
|
@ -605,6 +708,7 @@ export default { |
|
|
|
this.getAllVersionList(); |
|
|
|
this.getMaterialGroup(); |
|
|
|
this.getList(); |
|
|
|
this.getJobVersionInfo(); |
|
|
|
// this.getCurrentMonthFirst(); |
|
|
|
// this.getCurrentMonthLast(); |
|
|
|
}, |
|
|
@ -616,7 +720,11 @@ export default { |
|
|
|
/* 主表头 */ |
|
|
|
getDefaultField() { |
|
|
|
var tempsTabs = []; |
|
|
|
|
|
|
|
tempsTabs.push({ |
|
|
|
label: "版本号", |
|
|
|
prop: "type", |
|
|
|
width: 85, |
|
|
|
}); |
|
|
|
tempsTabs.push({ |
|
|
|
label: "单据流水号", |
|
|
|
prop: "taskId", |
|
|
@ -637,6 +745,11 @@ export default { |
|
|
|
prop: "createdAt", |
|
|
|
width: 150, |
|
|
|
}); |
|
|
|
tempsTabs.push({ |
|
|
|
label: "说明", |
|
|
|
prop: "remark", |
|
|
|
width: 220, |
|
|
|
}); |
|
|
|
// tempsTabs.push({ |
|
|
|
// label: "操作名称", |
|
|
|
// prop: "actionName", |
|
|
@ -651,6 +764,146 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleSelectionChange(val) { |
|
|
|
this.multipleSelection = val; |
|
|
|
}, |
|
|
|
//批量删除 |
|
|
|
handleDelete(row) { |
|
|
|
if (this.multipleSelection.length == 0) { |
|
|
|
this.$message({ |
|
|
|
message: "至少选择一行!", |
|
|
|
type: "warning", |
|
|
|
}); |
|
|
|
return; |
|
|
|
} |
|
|
|
var params = []; |
|
|
|
let myalert = ""; //声明变量,其变量必须在此声明后使用 |
|
|
|
if (row) { |
|
|
|
//单行 |
|
|
|
params.push(row.id); |
|
|
|
myalert = row.name; |
|
|
|
} else { |
|
|
|
//多选 |
|
|
|
this.multipleSelection.forEach((element) => { |
|
|
|
let id = element.id; |
|
|
|
params.push(id); |
|
|
|
}); |
|
|
|
myalert = "选中项"; |
|
|
|
} |
|
|
|
this.$confirm("是否删除" + myalert + "?", "提示", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
cancelButtonText: "取消", |
|
|
|
type: "warning", |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.$axios |
|
|
|
.posts("/api/settleaccount/Job/delete", params) |
|
|
|
.then((response) => { |
|
|
|
const index = this.list.indexOf(row); |
|
|
|
this.$notify({ |
|
|
|
title: "成功", |
|
|
|
message: "删除成功", |
|
|
|
type: "success", |
|
|
|
duration: 2000, |
|
|
|
}); |
|
|
|
this.getList(); |
|
|
|
}); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
this.$message({ |
|
|
|
type: "info", |
|
|
|
message: "已取消操作", |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
//出库单 |
|
|
|
handleCreateBills(row) { |
|
|
|
if (this.multipleSelection.length == 0) { |
|
|
|
this.$message({ |
|
|
|
message: "至少选择一行!", |
|
|
|
type: "warning", |
|
|
|
}); |
|
|
|
return; |
|
|
|
} |
|
|
|
var params = []; |
|
|
|
let myalert = ""; //声明变量,其变量必须在此声明后使用 |
|
|
|
if (row) { |
|
|
|
//单行 |
|
|
|
params.push(row.id); |
|
|
|
myalert = row.name; |
|
|
|
} else { |
|
|
|
//多选 |
|
|
|
this.multipleSelection.forEach((element) => { |
|
|
|
let id = element.id; |
|
|
|
params.push(id); |
|
|
|
}); |
|
|
|
myalert = "选中项"; |
|
|
|
} |
|
|
|
this.$confirm("是否确认出库" + myalert + "?", "提示", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
cancelButtonText: "取消", |
|
|
|
type: "warning", |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.$axios |
|
|
|
.posts("/api/settleaccount/wms/WmsJitOutPut", params) |
|
|
|
.then((response) => { |
|
|
|
const index = this.list.indexOf(row); |
|
|
|
this.$notify({ |
|
|
|
title: "成功", |
|
|
|
message: "生成成功", |
|
|
|
type: "success", |
|
|
|
duration: 2000, |
|
|
|
}); |
|
|
|
this.getList(); |
|
|
|
}); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
this.$message({ |
|
|
|
type: "info", |
|
|
|
message: "已取消操作", |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
valueChange(data) { |
|
|
|
this.getmaterialGroupValue = ""; |
|
|
|
this.getmaterialGroupValue += data + ","; |
|
|
|
this.getmaterialGroupValue = this.getmaterialGroupValue.substring( |
|
|
|
0, |
|
|
|
this.getmaterialGroupValue.length - 1 |
|
|
|
); |
|
|
|
}, |
|
|
|
//版本下拉列表选择项 |
|
|
|
JobVersionValue(params) { |
|
|
|
//版本下拉选择 |
|
|
|
this.JobversionValue = params.value; |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
getJobVersionInfo() { |
|
|
|
//取版本列表信息 |
|
|
|
//this.listLoading = true; |
|
|
|
this.listQuery.SkipCount = (this.page - 1) * 1000; |
|
|
|
this.$axios |
|
|
|
.posts("/api/settleaccount/Job/versionlist", this.listQuery) |
|
|
|
.then((response) => { |
|
|
|
this.JobVersionList = []; |
|
|
|
response.forEach((element) => { |
|
|
|
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; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getdateValue(val) { |
|
|
|
this.startTime = val; |
|
|
|
this.getbalanceIndexData(); |
|
|
@ -710,7 +963,7 @@ export default { |
|
|
|
response.items.forEach((element) => { |
|
|
|
let options = {}; |
|
|
|
options.value = element.description; |
|
|
|
options.label = element.description; |
|
|
|
options.label = element.description + "/" + element.value; |
|
|
|
this.materialGroupList.push(options); |
|
|
|
}); |
|
|
|
}) |
|
|
@ -742,9 +995,12 @@ export default { |
|
|
|
this.formCount.sapMaterialCode; //厂内物料号 |
|
|
|
} |
|
|
|
if (this.formCount.materialGroupValue != "") { |
|
|
|
this.listExportQuery.estimateTypeDesc = |
|
|
|
this.formCount.materialGroupValue; //物料组车型 |
|
|
|
this.listExportQuery.materialGroup = this.getmaterialGroupValue; //物料组车型 |
|
|
|
} |
|
|
|
this.listExportQuery.begin = this.startTime |
|
|
|
? this.startTime |
|
|
|
: undefined; |
|
|
|
this.listExportQuery.end = this.endTime ? this.endTime : undefined; |
|
|
|
console.log( |
|
|
|
"大众看板结算与交货核对明细表-导出条件:" + |
|
|
|
JSON.stringify(this.listExportQuery) |
|
|
|