待结算记录
This commit is contained in:
@ -9,11 +9,11 @@
|
|||||||
<template v-if="column.dataIndex === 'settledSign'">
|
<template v-if="column.dataIndex === 'settledSign'">
|
||||||
{{ Number(record.settledSign) == 1 ? '已结算': '未结算' }}
|
{{ Number(record.settledSign) == 1 ? '已结算': '未结算' }}
|
||||||
</template>
|
</template>
|
||||||
</template>
|
<template v-if="column.dataIndex === 'file'">
|
||||||
<template v-if="column.dataIndex === 'file'">
|
<div v-for="item in (record.lngFileUploadList )" class="fileCSS">
|
||||||
<div v-for="item in (record.lngFileUploadList )" class="fileCSS">
|
<a @click="handleDownload(item)">{{item.fileOrg}}</a>
|
||||||
<a @click="handleDownload(item)">{{item.fileOrg}}</a>
|
</div>
|
||||||
</div>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
</div>
|
</div>
|
||||||
@ -57,7 +57,7 @@
|
|||||||
{ dataIndex: 'qtyMeaM3', title: '完成量(方)', align: 'left',width: 120},
|
{ dataIndex: 'qtyMeaM3', title: '完成量(方)', align: 'left',width: 120},
|
||||||
{ dataIndex: 'rateM3Gj', title: '比值(方/吉焦)', align: 'left',width: 120},
|
{ dataIndex: 'rateM3Gj', title: '比值(方/吉焦)', align: 'left',width: 120},
|
||||||
{ dataIndex: 'ksName', title: '销售合同', align: 'left',},
|
{ dataIndex: 'ksName', title: '销售合同', align: 'left',},
|
||||||
{ dataIndex: 'file', title: '附件', align: 'left',},
|
{ dataIndex: 'file', title: '附件', align: 'left',width: 200},
|
||||||
{ dataIndex: 'settledSign', title: '已结算', align: 'left',width: 100},
|
{ dataIndex: 'settledSign', title: '已结算', align: 'left',width: 100},
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -102,6 +102,16 @@
|
|||||||
},
|
},
|
||||||
afterFetch: (res) => {
|
afterFetch: (res) => {
|
||||||
tableData.value = res || []
|
tableData.value = res || []
|
||||||
|
tableData.value.forEach(v => {
|
||||||
|
let a = v.attachList ? v.attachList.split(',') : []
|
||||||
|
v.lngFileUploadList = []
|
||||||
|
a.forEach(k => {
|
||||||
|
v.lngFileUploadList.push({
|
||||||
|
fileOrg: k.split('@')[0],
|
||||||
|
fileUrl: k.split('@')[1]
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
},
|
},
|
||||||
rowSelection: {
|
rowSelection: {
|
||||||
type: props.selectType,
|
type: props.selectType,
|
||||||
|
|||||||
@ -43,8 +43,8 @@
|
|||||||
{ title: t('价格描述'), dataIndex: 'priceDesc', width:130},
|
{ title: t('价格描述'), dataIndex: 'priceDesc', width:130},
|
||||||
{ title: t('数量(吉焦)'), dataIndex: 'qtySettleGj', width: 120},
|
{ title: t('数量(吉焦)'), dataIndex: 'qtySettleGj', width: 120},
|
||||||
{ title: t('数量(方)'), dataIndex: 'qtySettleM3', width: 120},
|
{ title: t('数量(方)'), dataIndex: 'qtySettleM3', width: 120},
|
||||||
{ title: t('价格(元/方)'), dataIndex: 'priceM3', width: 120},
|
|
||||||
{ title: t('价格(元/吉焦)'), dataIndex: 'priceGj', width: 120},
|
{ title: t('价格(元/吉焦)'), dataIndex: 'priceGj', width: 120},
|
||||||
|
{ title: t('价格(元/方)'), dataIndex: 'priceM3', width: 120},
|
||||||
{ title: t('金额(元)'), dataIndex: 'amount', width: 120},
|
{ title: t('金额(元)'), dataIndex: 'amount', width: 120},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@ -79,11 +79,15 @@
|
|||||||
</a-row>
|
</a-row>
|
||||||
</Card>
|
</Card>
|
||||||
<Card>
|
<Card>
|
||||||
<div>
|
<div class="btnBox">
|
||||||
<a-button v-if="!isDisable" type="primary" style="margin-bottom: 10px;margin-right: 10px;" @click="handleBtn('add')">新增</a-button>
|
<a-button v-if="!isDisable" type="primary" style="margin-bottom: 10px;margin-right: 10px;" @click="handleBtn('add')">新增</a-button>
|
||||||
<a-button v-if="!isDisable" @click="handleBtn('del')">删除</a-button>
|
<a-button v-if="!isDisable" @click="handleBtn('del')">删除</a-button>
|
||||||
|
<span>一次结算量吉焦:</span>
|
||||||
|
<span>二次结算量吉焦:</span>
|
||||||
|
<span>结算总量(吉焦):</span>
|
||||||
|
<span>结算总金额:</span>
|
||||||
</div>
|
</div>
|
||||||
<a-table :columns="columns" :data-source="dataList" :scroll="{x: 1500}" rowKey="salesId" :pagination="false" :row-selection="{ selectedRowKeys: selectedKeys, onChange: onSelectChange }">
|
<a-table :columns="columns" :data-source="dataList" :scroll="{x: 1800}" rowKey="salesId" :pagination="false" :row-selection="{ selectedRowKeys: selectedKeys, onChange: onSelectChange }">
|
||||||
<template #bodyCell="{ column, record, index }">
|
<template #bodyCell="{ column, record, index }">
|
||||||
<template v-if="column.dataIndex === 'operation'">
|
<template v-if="column.dataIndex === 'operation'">
|
||||||
<a v-if="!isDisable" @click="btnCheck(record, index, 'delete')">删除</a>
|
<a v-if="!isDisable" @click="btnCheck(record, index, 'delete')">删除</a>
|
||||||
@ -194,20 +198,20 @@
|
|||||||
const selectedKeys = ref([])
|
const selectedKeys = ref([])
|
||||||
const columns = ref([
|
const columns = ref([
|
||||||
{ title: t('序号'), dataIndex: 'index', key: 'index', customRender: (column) => `${column.index + 1}` ,width: 80},
|
{ title: t('序号'), dataIndex: 'index', key: 'index', customRender: (column) => `${column.index + 1}` ,width: 80},
|
||||||
{ title: t('计划日期'), dataIndex: 'datePlan', width:130},
|
{ title: t('计划日期'), dataIndex: 'datePlan', width:120},
|
||||||
{ title: t('提气日期'), dataIndex: 'dateMea', width: 130},
|
{ title: t('提气日期'), dataIndex: 'dateMea', width: 120},
|
||||||
{ title: t('客户'), dataIndex: 'cuName', width: 200},
|
{ title: t('合同名称'), dataIndex: 'ksName', width: 200},
|
||||||
{ title: t('下载点'), dataIndex: 'pointDelyName',width: 150 },
|
{ title: t('下载点'), dataIndex: 'pointDelyName',width: 150 },
|
||||||
{ title: t('完成量(吉焦)'), dataIndex: 'qtyMeaGj', width: 150},
|
{ title: t('完成量(吉焦)'), dataIndex: 'qtyMeaGj', width: 150},
|
||||||
{ title: t('完成量(方)'), dataIndex: 'qtyMeaM3', width: 120},
|
{ title: t('完成量(方)'), dataIndex: 'qtyMeaM3', width: 120},
|
||||||
{ title: t('结算量(吉焦)'), dataIndex: 'qtySettleGj', width: 140},
|
{ title: t('结算量(吉焦)'), dataIndex: 'qtySettleGj', width: 140},
|
||||||
{ title: t('结算量(方)'), dataIndex: 'qtySettleM3', width: 130},
|
{ title: t('结算量(方)'), dataIndex: 'qtySettleM3', width: 130},
|
||||||
{ title: t('结算价格(元/吉焦)'), dataIndex: 'priceGj', width: 190},
|
{ title: t('结算价格(元/吉焦)'), dataIndex: 'priceGj', width: 180},
|
||||||
{ title: t('结算价格(元/方)'), dataIndex: 'priceM3', width: 170},
|
{ title: t('结算价格(元/方)'), dataIndex: 'priceM3', width: 170},
|
||||||
{ title: t('结算金额(元)'), dataIndex: 'amount', width: 140},
|
{ title: t('结算金额(元)'), dataIndex: 'amount', width: 140},
|
||||||
{ title: t('价格组成'), dataIndex: 'priceDesc', width: 120},
|
{ title: t('价格组成'), dataIndex: 'priceDesc', width: 180},
|
||||||
{ title: t('合同名称'), dataIndex: 'ksName', width: 170},
|
{ title: t('结算次数'), dataIndex: 'settleTimes', width: 100},
|
||||||
{ title: t('操作'), dataIndex: 'operation', width: 100},
|
{ title: t('操作'), dataIndex: 'operation', width: 80},
|
||||||
]);
|
]);
|
||||||
watch(
|
watch(
|
||||||
() => props.id,
|
() => props.id,
|
||||||
@ -299,7 +303,7 @@
|
|||||||
if (!pageId.value && formState.cpCode && formState.comId && !formState.dateFrom) {
|
if (!pageId.value && formState.cpCode && formState.comId && !formState.dateFrom) {
|
||||||
let data = await getLngPngSettleHdrDate(obj) || []
|
let data = await getLngPngSettleHdrDate(obj) || []
|
||||||
if (data.length) {
|
if (data.length) {
|
||||||
formState.dateFrom = data[0]
|
formState.dateFrom = data[0]?.dateTo ? dayjs(data[0]?.dateTo) : null
|
||||||
formState.dateTo = null
|
formState.dateTo = null
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -358,6 +362,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
const handleSuccessMeasure = (val) => {
|
const handleSuccessMeasure = (val) => {
|
||||||
|
val.forEach(i =>{
|
||||||
|
delete i.lngFileUploadList
|
||||||
|
})
|
||||||
if (!dataList.value.length) {
|
if (!dataList.value.length) {
|
||||||
dataList.value = val
|
dataList.value = val
|
||||||
return
|
return
|
||||||
@ -509,5 +516,10 @@
|
|||||||
min-height: 44px;
|
min-height: 44px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
.btnBox {
|
||||||
|
span {
|
||||||
|
margin: 0 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user