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

2024.12.11 审批优化

java8
yuejiayang 1 year ago
parent
984209c3bd
commit
b966604be4
1 changed files with 328 additions and 2 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. 330
      src/views/modules/auth/authInquiry.vue

330
src/views/modules/auth/authInquiry.vue
View File

@ -107,9 +107,10 @@
<!-- 询价列表 -->
<el-table
height="75vh"
height="30vh"
:data="dataList"
border
highlight-current-row
ref="mainTable"
@row-click="inquiryClickRow"
@current-change="changeCurrentRow"
@ -172,6 +173,76 @@
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<el-tabs style="margin-top: 0px; width: 100%; height: 100%;" v-model="activeTable" class="customer-tab" type="border-card" @tab-click="tabClick">
<el-tab-pane label="询价信息" name="inquiryDetail">
<el-form :inline="true" label-position="top" :model="inquiryInfoData">
<el-form-item :label="'BU'">
<el-input v-model="inquiryInfoData.buDesc" readonly style="width: 70px"></el-input>
</el-form-item>
<el-form-item :label="'客户编码'">
<el-input v-model="inquiryInfoData.customerNo" readonly style="width: 160px"></el-input>
</el-form-item>
<el-form-item :label="'客户名称'">
<el-input v-model="inquiryInfoData.customerDesc" readonly style="width: 340px"></el-input>
</el-form-item>
<el-form-item :label="'询价单号'">
<el-input v-model="inquiryInfoData.rfqNo" readonly style="width: 160px"></el-input>
</el-form-item>
<el-form-item :label="'询价日期'">
<el-input v-model="inquiryInfoData.requestDate" readonly style="width: 100px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="inquiryInfoData">
<el-form-item :label="'状态'">
<el-input v-model="statusDisplay" readonly style="width: 70px"></el-input>
</el-form-item>
<el-form-item :label="'客户询价单号'">
<el-input v-model="inquiryInfoData.customerInquiryNo" readonly style="width: 160px"></el-input>
</el-form-item>
<el-form-item :label="'优先等级'">
<el-input v-model="priorityLevelDisplay" readonly style="width: 196px"></el-input>
</el-form-item>
<el-form-item :label="'PjM'">
<el-input v-model="inquiryInfoData.requesterName" readonly style="width: 131px"></el-input>
</el-form-item>
<el-form-item :label="'报价专员'">
<el-input v-model="inquiryInfoData.quoterName" readonly style="width: 160px"></el-input>
</el-form-item>
<el-form-item :label="'要求报价日期'">
<el-input v-model="inquiryInfoData.requiredCompletionDate" readonly style="width: 100px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="inquiryInfoData">
<el-form-item :label="'询价备注'">
<el-input type="textarea" :rows="2" v-model="inquiryInfoData.remark" readonly style="width: 885px"></el-input>
</el-form-item>
</el-form>
<!-- 询价产品明细列表 -->
<el-table
height="28vh"
: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>
<el-dialog title="申请单审核" :visible.sync="reviewFlag" width="520px" :close-on-click-modal="false"
v-drag>
@ -235,6 +306,12 @@ import {updateAuthHist} from "../../../api/auth/auth";
export default {
computed: {
statusDisplay() {
return this.inquiryInfoData.status === 'C' ? '草稿' : (this.inquiryInfoData.status === 'B' ? '已下达' : '已报价')
},
priorityLevelDisplay() {
return this.inquiryInfoData.priorityLevel === 'A' ? '普通' : (this.inquiryInfoData.priorityLevel === ' B' ? '重要' : '紧急')
}
// quotationInformationFlag () {
// return (value) => {
// if (!this.plmQuotationInformationArr){
@ -280,6 +357,7 @@ export default {
runningWidth:'',
},
priceCheckPropertiesList: [],
inquiryPartDataList: [],
// 导出
exportData: [],
exportName: '询价申请' + this.dayjs().format('YYYYMMDDHHmmss'),
@ -343,7 +421,7 @@ export default {
chooseProjectListFlag: false,
reviewFlag: false,
// 初始页签
activeTable: 'inquiryAuth',
activeTable: 'inquiryDetail',
// ======== 数据对象 ========
modalData: {
flag: '',
@ -376,6 +454,33 @@ export default {
strActAuthorizeDate: this.dayjs().format("YYYY-MM-DD HH:mm:ss"),
actAuthorizeDate: ''
},
inquiryInfoData: {
bu: '',
buDesc: '',
customerNo: '',
customerDesc: '',
rfqNo: '',
requestDate: '',
requester: '',
requesterName: '',
quoter: '',
quoterName: '',
priorityLevel: '',
requiredCompletionDate: '',
customerInquiryNo: '',
partNo: '',
partDesc: '',
inquiryQty: '',
umId: '',
umName: '',
codeNo: '',
codeDesc: '',
remark: '',
createDate: '',
createBy: '',
updateDate: '',
updateBy: '',
},
inquiryPartModalData: {
flag: '',
title: '',
@ -671,6 +776,188 @@ export default {
columnWidth: 120
},
],
inquiryPartColumnList: [
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '102001Table2PartNo',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'partNo',
headerAlign: 'center',
align: 'left',
columnLabel: '产品编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '102001Table2PartDesc',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'partDesc',
headerAlign: 'center',
align: 'left',
columnLabel: '产品描述',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '102001Table2InquiryQty',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'inquiryQty',
headerAlign: 'center',
align: 'right',
columnLabel: '询价数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '102001Table2Unit',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'umName',
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: 102001,
serialNumber: '102001Table2CodeNo',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'codeNo',
headerAlign: 'center',
align: 'left',
columnLabel: '属性模版',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '102001Table2Remark',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'remark',
headerAlign: 'center',
align: 'left',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '102001Table2CreateDate',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'createDate',
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: 102001,
serialNumber: '102001Table2CreateBy',
tableId: '102001Table2',
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: 102001,
serialNumber: '102001Table2UpdateDate',
tableId: '102001Table2',
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: 102001,
serialNumber: '102001Table2UpdateBy',
tableId: '102001Table2',
tableName: '询价产品表',
columnProp: 'updateBy',
headerAlign: 'center',
align: 'left',
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
}
],
// ======== 必填规则 ========
rules: {
bu: [
@ -833,10 +1120,49 @@ export default {
this.refreshCurrentTabTable()
}
},
searchInquiryApplicationInfo() {
let inData = {
id: this.inquiryCurrentRow.id,
page: 1,
limit: 1
}
searchInquiryApplicationInfo(inData).then(({data}) => {
if (data.code === 0) {
console.log(data.page.list)
this.inquiryInfoData= data.page.list[0]
}
})
console.log(this.inquiryInfoData)
},
/**
* 刷新页签的table数据
*/
refreshCurrentTabTable() {
if (this.activeTable === 'inquiryDetail') {
this.searchInquiryApplicationInfo()
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.list
//判断是否全部存在数据
if (this.inquiryPartDataList != null && this.inquiryPartDataList.length > 0) {
//设置选中行
this.$refs.secondaryTable.setCurrentRow(this.inquiryPartDataList[0])
}
}
})
},
// ======== 列表数据刷新方法 ========

Write Preview
Loading…
Cancel
Save