53 lines
1.2 KiB
Vue
53 lines
1.2 KiB
Vue
<template>
|
|
<basic-container class="settlement-import-form-page">
|
|
<div class="settlement-import-form-page__title">{{ pageTitle }}</div>
|
|
<settlement-import-page />
|
|
</basic-container>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from 'vue';
|
|
import { useRoute } from 'vue-router';
|
|
import SettlementImportPage from './components/settlement-import-page.vue';
|
|
|
|
const route = useRoute();
|
|
const pageTitle = computed(() => {
|
|
if (route.query.mode === 'view') return '查看导入结算单';
|
|
return route.query.id ? '编辑导入结算单' : '新增导入结算单';
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.settlement-import-form-page {
|
|
:deep(.basic-container__card) {
|
|
background: #fff;
|
|
}
|
|
|
|
:deep(.basic-container__card > .el-card__body) {
|
|
padding: 0;
|
|
background: #fff;
|
|
}
|
|
}
|
|
|
|
.settlement-import-form-page__title {
|
|
position: relative;
|
|
padding: 16px 24px 12px 36px;
|
|
border-bottom: 1px solid #eff1f7;
|
|
background: #fff;
|
|
color: #303133;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
|
|
&::before {
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 24px;
|
|
width: 4px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
background: #409eff;
|
|
content: '';
|
|
}
|
|
}
|
|
</style>
|