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

2025.03.17 待报价清单

java8
jiayang yue 10 months ago
parent
46e9a046b1
commit
44e4995be6
1 changed files with 346 additions and 95 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. 441
      src/views/modules/quote/quotes.vue

441
src/views/modules/quote/quotes.vue
View File

@ -3,12 +3,14 @@ import DictDataSelect from "../sys/dict-data-select.vue";
import {queryQuotationInformationByPage} from "@/api/quote/quotationInformation";
import {batchSaveQuote} from "@/api/quote/quote";
import {getSiteAndBuByUserName} from "../../../api/qc/qc";
import {searchInquiryDetailHeaderInfo} from "../../../api/inquiry/inquiryDetail";
import {searchInquiryDetailHeaderInfo, searchInquiryDetailInfo} from "../../../api/inquiry/inquiryDetail";
import {getTableDefaultListLanguage, getTableUserListLanguage, updateColumnSize} from "../../../api/table";
import OssComponents from "../oss/ossComponents.vue";
import {searchInquiryApplicationInfo} from "../../../api/inquiry/inquiryApplication";
export default {
name: "quotes",
components: {DictDataSelect},
components: {OssComponents, DictDataSelect},
props:{
isComponent:{
type: Boolean,
@ -25,6 +27,8 @@ export default {
pageSize: 50,
totalPage: 0,
userBuList:[],
// 初始页签
activeTable: 'inquiryPart',
queryForm: {
site: this.$store.state.user.site,
customerNo: '',
@ -47,8 +51,9 @@ export default {
menuId: this.$route.meta.menuId,
},
dataList:[],
inquiryPartDataList:[],
queryLoading:false,
selectionList:[],
dataListLoading:false,
columns:[
{
userId: this.$store.state.user.name,
@ -215,31 +220,49 @@ export default {
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table2PartNo',
tableId: '5012Table2',
tableName: '询价产品表',
columnProp: 'partNo',
serialNumber: '5012Table1Status',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'status',
headerAlign: 'center',
align: 'center',
columnLabel: '产品编码',
columnLabel: '状态',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table2PartDesc',
tableId: '5012Table2',
serialNumber: '5012Table1PriorityLevel',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'priorityLevel',
headerAlign: 'center',
align: 'center',
columnLabel: '优先等级',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1Remark',
tableId: '5012Table1',
tableName: '询价产品表',
columnProp: 'partDesc',
columnProp: 'remark',
headerAlign: 'center',
align: 'center',
columnLabel: '产品描述',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
@ -251,31 +274,105 @@ export default {
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1Status',
serialNumber: '5012Table1CreateDate',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'status',
columnProp: 'createDate',
headerAlign: 'center',
align: 'center',
columnLabel: '状态',
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1CreateBy',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'createBy',
headerAlign: 'center',
align: 'left',
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table2InquiryQty',
tableId: '5012Table2',
serialNumber: '5012Table1UpdateDate',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'updateDate',
headerAlign: 'center',
align: 'center',
columnLabel: '更新时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1UpdateBy',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'updateBy',
headerAlign: 'center',
align: 'left',
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
}
],
inquiryPartColumnList: [
{
userId: this.$store.state.user.name,
functionId: 5022,
serialNumber: '5022Table2BuDesc',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'inquiryQty',
columnProp: 'buDesc',
headerAlign: 'center',
align: 'center',
columnLabel: '询价数量',
columnLabel: 'BU',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 5022,
serialNumber: '5022Table2PartNo',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'partNo',
headerAlign: 'center',
align: 'center',
columnLabel: '产品编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
@ -286,9 +383,45 @@ export default {
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table2Unit',
tableId: '5012Table2',
functionId: 5022,
serialNumber: '5022Table2TestPartDesc',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'testPartDesc',
headerAlign: 'center',
align: 'left',
columnLabel: '产品描述',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 5022,
serialNumber: '5022Table2InquiryQty',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'inquiryQty',
headerAlign: 'center',
align: 'right',
columnLabel: '询价数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 5022,
serialNumber: '5022Table2Unit',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'umName',
headerAlign: 'center',
@ -304,9 +437,9 @@ export default {
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table2CodeNo',
tableId: '5012Table2',
functionId: 5022,
serialNumber: '5022Table2CodeNo',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'codeNo',
headerAlign: 'center',
@ -318,35 +451,35 @@ export default {
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1PriorityLevel',
tableId: '5012Table1',
tableName: '询价信息表',
columnProp: 'priorityLevel',
functionId: 5022,
serialNumber: '5022Table2PartBomStatus',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'partBomStatus',
headerAlign: 'center',
align: 'center',
columnLabel: '优先等级',
columnLabel: '状态',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table2Remark',
tableId: '5012Table2',
functionId: 5022,
serialNumber: '5022Table2Remark',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'remark',
headerAlign: 'center',
align: 'center',
align: 'left',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
@ -354,14 +487,14 @@ export default {
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1CreateDate',
tableId: '5012Table1',
tableName: '询价信息表',
functionId: 5022,
serialNumber: '5022Table2CreateDate',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'createDate',
headerAlign: 'center',
align: 'center',
@ -376,13 +509,13 @@ export default {
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1CreateBy',
tableId: '5012Table1',
tableName: '询价信息表',
functionId: 5022,
serialNumber: '5022Table2CreateBy',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'createBy',
headerAlign: 'center',
align: 'center',
align: 'left',
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
@ -394,10 +527,10 @@ export default {
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1UpdateDate',
tableId: '5012Table1',
tableName: '询价信息表',
functionId: 5022,
serialNumber: '5022Table2UpdateDate',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'updateDate',
headerAlign: 'center',
align: 'center',
@ -412,13 +545,13 @@ export default {
},
{
userId: this.$store.state.user.name,
functionId: 5012,
serialNumber: '5012Table1UpdateBy',
tableId: '5012Table1',
tableName: '询价信息表',
functionId: 5022,
serialNumber: '5022Table2UpdateBy',
tableId: '5022Table2',
tableName: '询价产品表',
columnProp: 'updateBy',
headerAlign: 'center',
align: 'center',
align: 'left',
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
@ -430,6 +563,8 @@ export default {
}
],
quoteLoading:false,
// ======== 选中的当前行数据 ========
inquiryCurrentRow: {},
}
},
methods:{
@ -497,12 +632,19 @@ export default {
this.queryForm.page = this.pageIndex
this.queryForm.status = 'B'
this.queryLoading = true
searchInquiryDetailHeaderInfo(this.queryForm).then(({data})=>{
searchInquiryApplicationInfo(this.queryForm).then(({data})=>{
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
//判断是否全部存在数据
if (this.totalPage > 0) {
//设置选中行
this.$refs.mainTable.setCurrentRow(this.dataList[0])
this.refreshCurrentTabTable() //加载当前的页签的table
this.inquiryClickRow(this.dataList[0])
}
}else {
this.$message.warning(data.msg);
}
@ -521,18 +663,13 @@ export default {
this.pageIndex = val
this.handleQuery();
},
handleSelectionChange(val) {
this.selectionList = val;
},
handleQuote(){
if (this.selectionList.length === 0){
this.$message.warning("请选择需要报价的单据");
return;
handleQuote(row){
let params = {
inquiryPartDataList: this.inquiryPartDataList,
createBy: this.$store.state.user.name,
rfqId: row.id,
...row
}
let params = this.selectionList.map((item)=>{
item.createBy = this.$store.state.user.name
return item
})
this.quoteLoading = true
batchSaveQuote(params).then(({data})=>{
this.quoteLoading = false
@ -555,7 +692,74 @@ export default {
},
handleDblClick(row){
this.$emit('dblclick',row)
}
},
// ======== 页签切换相关方法 ========
/**
* 列表表格选择替换
* @param tab
* @param event
*/
tabClick(tab, event) {
// 刷新列表数据
this.refreshCurrentTabTable()
},
// ======== 列表操作方法 ========
/**
* 单机选中询价信息
* @param row
*/
inquiryClickRow(row) {
this.inquiryCurrentRow = JSON.parse(JSON.stringify(row))
},
/**
* 当前值发生变化的时候修改
* @param row
* @param oldRow
*/
changeCurrentRow(row, oldRow) {
// 判断是否是获取焦点的事件
if (row) {
this.inquiryCurrentRow = JSON.parse(JSON.stringify(row))
//刷新当前页表
this.refreshCurrentTabTable()
}
},
/**
* 刷新页签的table数据
*/
refreshCurrentTabTable() {
if (this.activeTable === 'inquiryPart') {
this.searchInquiryDetailInfo()
}
},
// ======== 询价产品相关方法 ========
searchInquiryDetailInfo() {
let tempData = {
rfqId: this.inquiryCurrentRow.id,
buNo: this.inquiryCurrentRow.buNo,
page: this.pageIndex,
limit: this.pageSize
}
searchInquiryDetailInfo(tempData).then(({data}) => {
if (data.code === 0) {
this.inquiryPartDataList = data.page
//判断是否全部存在数据
if (this.inquiryPartDataList != null && this.inquiryPartDataList.length > 0) {
//设置选中行
this.$refs.secondaryTable.setCurrentRow(this.inquiryPartDataList[0])
}
}
})
},
rowStyle({row}) {
if (this.inquiryCurrentRow.id === row.id) {
return {'background-color': '#E8F7F6', cursor: 'pointer'};
}
},
},
created() {
this.handleQuery();
@ -663,12 +867,9 @@ export default {
<el-form-item label="询价单号">
<el-input v-model="queryForm.rfqNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="客户编码">
<span style="cursor: pointer" slot="label" @click="getBaseList(509,2)"><a herf="#">客户编码</a></span>
<el-input v-model="queryForm.customerNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'客户名称'">
<el-input v-model="queryForm.customerDesc" clearable style="width: 120px"></el-input>
<el-form-item :label="'PjM'">
<span style="cursor: pointer" slot="label" @click="getBaseList(2004,1)"><a herf="#">PjM</a></span>
<el-input v-model="queryForm.requesterName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'询价日期'">
<el-date-picker
@ -697,16 +898,12 @@ export default {
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="queryForm" @keyup.enter.native="handleQuery()">
<el-form-item label="产品编码">
<span style="cursor: pointer" slot="label" @click="getBaseList(2005)"><a herf="#">产品编码</a></span>
<el-input v-model="queryForm.partNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'产品名称'">
<el-input v-model="queryForm.partDesc" clearable style="width: 120px"></el-input>
<el-form-item label="客户编码">
<span style="cursor: pointer" slot="label" @click="getBaseList(509,2)"><a herf="#">客户编码</a></span>
<el-input v-model="queryForm.customerNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'PjM'">
<span style="cursor: pointer" slot="label" @click="getBaseList(2004,1)"><a herf="#">PjM</a></span>
<el-input v-model="queryForm.requesterName" clearable style="width: 120px"></el-input>
<el-form-item :label="'客户名称'">
<el-input v-model="queryForm.customerDesc" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'报价专员'">
<span style="cursor: pointer" slot="label" @click="getBaseList(2002,1)"><a herf="#">报价专员</a></span>
@ -735,7 +932,6 @@ export default {
</el-form-item>
<el-form-item :label="' '">
<el-button @click="handleQuery()">查询</el-button>
<el-button type="primary" :loading="quoteLoading" @click="handleQuote" v-if="!isComponent">报价</el-button>
<!-- <el-button type="primary" icon="el-icon-upload" @click="handleImportQuotation()">导入</el-button>-->
<!-- <download-excel-->
<!-- :fields="fields()"-->
@ -753,8 +949,11 @@ export default {
<!-- </download-excel>-->
</el-form-item>
</el-form>
<el-table :data="dataList" border v-loading="queryLoading" :height="height" @selection-change="handleSelectionChange" @row-dblclick="handleDblClick">
<el-table-column type="selection" width="55" fixed="left" align="center" v-if="!isComponent"></el-table-column>
<el-table :data="dataList" border v-loading="queryLoading" height="37vh"
@row-dblclick="handleDblClick" :row-style="rowStyle"
ref="mainTable"
@row-click="inquiryClickRow"
@current-change="changeCurrentRow">
<el-table-column
v-for="(item,index) in columns" :key="index"
:sortable="item.columnSortable"
@ -774,7 +973,7 @@ export default {
<div v-else-if="item.columnProp === 'status'">
<span v-if="!item.columnHidden">
<span v-if="scope.row.status === 'C'">草稿</span>
<span v-if="scope.row.status === 'B'">已下达</span>
<span v-if="scope.row.status === 'B'">下达</span>
<span v-if="scope.row.status === 'A'">已报价</span>
</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
@ -782,15 +981,26 @@ export default {
</div>
<div v-else-if="item.columnProp === 'priorityLevel'">
<span v-if="!item.columnHidden">
<span v-if="scope.row.priorityLevel === ' A'">重要客户</span>
<span v-if="scope.row.priorityLevel === ' B'">潜力客户</span>
<span v-if="scope.row.priorityLevel === ' C'">一般客户</span>
<span v-if="scope.row.priorityLevel === 'A'">普通</span>
<span v-if="scope.row.priorityLevel === ' B'">重要</span>
<span v-if="scope.row.priorityLevel === ' C'">紧急</span>
</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</div>
</template>
</el-table-column>
<el-table-column
v-if="!isComponent"
fixed="right"
header-align="center"
align="center"
width="80"
label="操作">
<template slot-scope="scope">
<el-link style="cursor: pointer" @click="handleQuote(scope.row)">转报价</el-link>
</template>
</el-table-column>
</el-table>
<el-pagination @size-change="handleSizeChange"
@current-change="handlePageChange"
@ -800,8 +1010,49 @@ export default {
:total="totalPage"
layout="total,sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 页签 -->
<el-tabs style="margin-top: 0px; width: 100%; height: 40vh;" v-model="activeTable" class="customer-tab" type="border-card" @tab-click="tabClick">
<!-- 询价详细信息页签 -->
<el-tab-pane label="产品明细" name="inquiryPart">
<!-- 询价产品明细列表 -->
<el-table
@header-dragend="handleColumnResize"
height="37vh"
:data="inquiryPartDataList"
border
ref="secondaryTable"
v-loading="dataListLoading"
style="width: 100%;margin-top: 5px">
<el-table-column
v-for="(item,index) in inquiryPartColumnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:align="item.align"
:fixed="item.fixed === ''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
</div>
</template>
<style scoped>
<style scoped lang="scss">
/deep/ .customer-tab .el-tabs__content {
padding: 0px !important;
}
///deep/ .customer-tab .el-tabs__content {
//
//}
.el-table /deep/ .cell{
height: auto;
line-height: 1.5;
}
</style>
Write Preview
Loading…
Cancel
Save