feat: 内容稿件列表相关接口对接

This commit is contained in:
rd
2025-07-31 15:07:55 +08:00
parent 41d3f7c93b
commit 9668f2a56d
15 changed files with 409 additions and 145 deletions

View File

@ -0,0 +1,48 @@
<script lang="jsx">
import { Button, Message as AMessage } from '@arco-design/web-vue';
export default {
setup(props, { emit, expose }) {
const router = useRouter();
const route = useRoute();
const workId = ref(route.params.id);
const onBack = () => {
router.push({ name: 'ManuscriptCheckList' });
};
const renderFooterRow = () => {
return (
<>
<Button size="medium" type="outline" class="mr-12px">
退出
</Button>
<Button size="medium" type="outline" class="mr-12px">
保存
</Button>
<Button type="primary" size="medium">
通过审核
</Button>
</>
);
};
return () => (
<>
<div class="manuscript-check-wrap">
<div class="flex items-center mb-8px">
<span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
内容稿件审核
</span>
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">批量审核内容稿件</span>
</div>
</div>
<div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
</>
);
},
};
</script>
<style lang="scss" scoped>
@import './style.scss';
</style>

View File

@ -0,0 +1,25 @@
$footer-height: 68px;
.manuscript-check-wrap {
height: calc(100% - 72px);
display: flex;
flex-direction: column;
.cts {
color: #939499;
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
&.bold {
font-family: $font-family-medium;
}
}
}
.footer-row {
position: fixed;
bottom: 0;
left: $sidebar-width;
width: calc(100% - $sidebar-width);
border-top: 1px solid #e6e6e8;
height: $footer-height;
}