61 lines
1.4 KiB
Vue
61 lines
1.4 KiB
Vue
<template>
|
|
<mk-public-shell biz-type="formal-settlement" :get-form="getForm">
|
|
<basic-container>
|
|
<div class="mk-public-form-title">查看正式结算</div>
|
|
<formal-settlement-editor
|
|
ref="page"
|
|
:model-value="true"
|
|
page-mode
|
|
readonly
|
|
public-mode
|
|
:record-id="recordId"
|
|
/>
|
|
</basic-container>
|
|
</mk-public-shell>
|
|
</template>
|
|
|
|
<script>
|
|
import MkPublicShell from '@/views/mk/mk-public-shell.vue';
|
|
import FormalSettlementEditor from '@/views/settlement/components/formal-settlement-editor.vue';
|
|
import { formatSealTypes } from '@/utils/settlement-seal';
|
|
|
|
export default {
|
|
name: 'FormalSettlementPublicView',
|
|
components: { MkPublicShell, FormalSettlementEditor },
|
|
computed: {
|
|
recordId() {
|
|
return this.$route.query.id || '';
|
|
},
|
|
},
|
|
methods: {
|
|
getForm() {
|
|
const form = this.$refs.page?.form || {};
|
|
return {
|
|
...form,
|
|
sealTypes: formatSealTypes(form.sealTypes) || '',
|
|
subject: form.formalSettlementNo || form.contractName || '',
|
|
};
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.mk-public-form-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: '';
|
|
}
|
|
}
|
|
</style>
|