93 lines
2.3 KiB
Vue
93 lines
2.3 KiB
Vue
<template>
|
||
<basic-container class="pre-settlement-form-page">
|
||
<div class="pre-settlement-form-page__title">{{ pageTitle }}</div>
|
||
<!-- 新增来源明细可直接调整：计费试算走独立接口，调整结果先暂存，保存预结算单时再落库。 -->
|
||
<pre-settlement-editor
|
||
v-model="editorVisible"
|
||
page-mode
|
||
:record-id="recordId"
|
||
:initial-data="transferPayload"
|
||
@success="handleSuccess"
|
||
/>
|
||
</basic-container>
|
||
</template>
|
||
|
||
<script>
|
||
import PreSettlementEditor from './components/pre-settlement-editor.vue';
|
||
import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
|
||
|
||
export default {
|
||
name: 'PreSettlementForm',
|
||
components: { PreSettlementEditor },
|
||
data() {
|
||
return {
|
||
editorVisible: true,
|
||
savedRecordId: '',
|
||
transferPayload: null,
|
||
};
|
||
},
|
||
computed: {
|
||
recordId() {
|
||
return this.$route.query.id || '';
|
||
},
|
||
pageTitle() {
|
||
return this.recordId || this.savedRecordId ? '编辑预结算' : '新增预结算';
|
||
},
|
||
},
|
||
watch: {
|
||
editorVisible(value) {
|
||
if (!value) this.goBack();
|
||
},
|
||
},
|
||
created() {
|
||
this.transferPayload = readSettlementTransfer(this.$route.query.transferToken);
|
||
this.syncTagTitle();
|
||
},
|
||
methods: {
|
||
handleSuccess(recordId) {
|
||
this.savedRecordId = recordId || this.savedRecordId;
|
||
this.syncTagTitle();
|
||
},
|
||
goBack() {
|
||
removeSettlementTransfer(this.$route.query.transferToken);
|
||
this.$router.$avueRouter.closeTag();
|
||
this.$router.push('/settlement/pre-settlement');
|
||
},
|
||
syncTagTitle() {
|
||
this.$nextTick(() => {
|
||
this.$store.commit('SET_TAG', {
|
||
fullPath: this.$route.fullPath,
|
||
name: this.pageTitle,
|
||
});
|
||
this.$router.$avueRouter.setTitle(this.pageTitle);
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.pre-settlement-form-page {
|
||
&__title {
|
||
display: flex;
|
||
align-items: center;
|
||
min-height: 24px;
|
||
margin-bottom: 16px;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
|
||
&::before {
|
||
width: 4px;
|
||
height: 20px;
|
||
margin-right: 8px;
|
||
background: #409eff;
|
||
content: '';
|
||
}
|
||
}
|
||
}
|
||
|
||
:deep(.pre-settlement-form-page.basic-container .basic-container__card > .el-card__body) {
|
||
padding: 0;
|
||
}
|
||
</style>
|