renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 框架样式调整

Browse Source
This commit is contained in:
rd
2025-08-15 14:32:40 +08:00
parent f11548e9c1
commit ca53964cfb
56 changed files with 206 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/creative-generation-workshop/explore/detail/index.vue
View File

@ -9,7 +9,7 @@ import { ENUM_OPINION } from './constants';
import { handleUserHome } from '@/utils/user.ts';
import { useUserStore } from '@/stores';
import icon1 from '@/assets/LOGO.svg';
import icon1 from '@/assets/img/icon-logo.png';
import icon2 from '@/assets/img/creative-generation-workshop/icon-confirm.png';
import icon3 from '@/assets/img/creative-generation-workshop/icon-line.png';
@ -212,9 +212,9 @@ export default {
return (
<div class="explore-page">
<header class="page-header">
<div class="content w-full px-24px flex items-center bg-#fff justify-between">
<div class="content w-full px-24px flex items-center justify-between">
<div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
<img src={icon1} alt="" width={130} />
<img src={icon1} alt="" width="96" height="24"/>
</div>
<div class="flex items-center">{renderActionRow()}</div>
</div>

20
src/views/creative-generation-workshop/explore/detail/style.scss
View File

@ -3,7 +3,7 @@
padding-top: $navbar-height;
min-width: 1200px;
height: 100vh;
background: #fff;
// background: #fff;
display: flex;
flex-direction: column;
.page-header {
@ -15,7 +15,21 @@
min-width: 1200px;
.content {
height: $navbar-height;
border-bottom: 1px solid var(--Border-1, #d7d7d9);
// border-bottom: 1px solid var(--Border-1, #d7d7d9);
}
&::before {
width: 100%;
height: 100%;
background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
background-size: cover !important;
bottom: 0;
content: '';
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -998;
}
}
.cts {
@ -34,7 +48,7 @@
flex: 1;
display: flex;
justify-content: center;
background: #fff;
// background: #fff;
.explore-detail-wrap {
min-height: 500px;
width: 684px;

6
src/views/creative-generation-workshop/explore/list/index.vue
View File

@ -8,7 +8,7 @@ import { getShareWorksList } from '@/api/all/generationWorkshop';
import { ENUM_OPINION } from '../detail/constants';
import icon1 from '@/assets/img/error-img.png';
import icon2 from '@/assets/LOGO.svg';
import icon2 from '@/assets/img/icon-logo.png';
export default {
setup(props, { emit, expose }) {
@ -44,9 +44,9 @@ export default {
return (
<div class="explore-page">
<header class="page-header">
<div class="content w-full px-24px flex items-center bg-#fff">
<div class="content w-full px-24px flex items-center ">
<div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
<img src={icon2} alt="" />
<img src={icon2} alt="" width="96" height="24" />
</div>
</div>
</header>

18
src/views/creative-generation-workshop/explore/list/style.scss
View File

@ -2,7 +2,6 @@
position: relative;
padding-top: $navbar-height;
min-width: 1200px;
background: #fff;
.cts {
font-family: $font-family-regular;
font-size: 14px;
@ -22,11 +21,24 @@
min-width: 1200px;
.content {
height: $navbar-height;
border-bottom: 1px solid var(--Border-1, #d7d7d9);
// border-bottom: 1px solid var(--Border-1, #d7d7d9);
}
&::before {
width: 100%;
height: 100%;
background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
background-size: cover !important;
bottom: 0;
content: '';
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -998;
}
}
.page-wrapper {
background: #fff;
min-height: calc(100vh - $navbar-height);
.explore-container {
width: 1200px;

4
src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-check-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
<div class="filter-wrap bg-#fff rounded-8px mb-16px">
<a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
<a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
<!-- <template #extra>
@ -11,7 +11,7 @@
@reset="handleReset" />
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col">
class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col">
<div class="flex justify-end mb-12px"
v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
<a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"

2
src/views/creative-generation-workshop/manuscript-writer/check/index.vue
View File

@ -215,7 +215,7 @@ export default {
</div>
)}
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px ">
<HeaderCard
dataSource={dataSource.value}
selectCardInfo={selectCardInfo.value}

2
src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
View File

@ -154,7 +154,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">内容稿件详情</span>
</div>
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px py-32px">
<div class="w-684px mx-auto flex flex-col items-center">
<div class="flex justify-start flex-col w-full">
<p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

2
src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
View File

@ -99,7 +99,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">编辑内容稿件</span>
</div>
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px ">
<EditForm
ref={formRef}
formData={dataSource.value}

4
src/views/creative-generation-workshop/manuscript-writer/list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-list-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
<div class="filter-wrap bg-#fff rounded-8px mb-16px">
<div class="top flex h-64px px-24px py-10px justify-between items-center">
<p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
<div class="flex items-center">
@ -15,7 +15,7 @@
<FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col"
>
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
<div v-if="pageInfo.total > 0" class="pagination-box">

2
src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
View File

@ -244,7 +244,7 @@ export default {
return () => (
<>
<div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
<div class="manuscript-upload-wrap bg-#fff rounded-8px flex">
<div class="left flex-1 overflow-y-auto p-24px">
<EditForm
ref={formRef}

4
src/views/creative-generation-workshop/manuscript/check-list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-check-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
<div class="filter-wrap bg-#fff rounded-8px mb-16px">
<a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
<a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
<template #extra>
@ -11,7 +11,7 @@
@reset="handleReset" />
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col">
class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col">
<div class="flex justify-end mb-12px"
v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
<a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"

2
src/views/creative-generation-workshop/manuscript/check/index.vue
View File

@ -215,7 +215,7 @@ export default {
</div>
)}
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px ">
<HeaderCard
dataSource={dataSource.value}
selectCardInfo={selectCardInfo.value}

2
src/views/creative-generation-workshop/manuscript/detail/index.vue
View File

@ -153,7 +153,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">内容稿件详情</span>
</div>
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px py-32px">
<div class="w-684px mx-auto flex flex-col items-center">
<div class="flex justify-start flex-col w-full">
<p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

2
src/views/creative-generation-workshop/manuscript/edit/index.vue
View File

@ -97,7 +97,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">编辑内容稿件</span>
</div>
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px ">
<EditForm
ref={formRef}
formData={dataSource.value}

4
src/views/creative-generation-workshop/manuscript/list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-list-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
<div class="filter-wrap bg-#fff rounded-8px mb-16px">
<div class="top flex h-64px px-24px py-10px justify-between items-center">
<p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
<div class="flex items-center">
@ -18,7 +18,7 @@
<FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col"
>
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
<div v-if="pageInfo.total > 0" class="pagination-box">

2
src/views/creative-generation-workshop/manuscript/upload/index.vue
View File

@ -245,7 +245,7 @@ export default {
return () => (
<>
<div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
<div class="manuscript-upload-wrap bg-#fff rounded-8px flex">
<div class="left flex-1 overflow-y-auto p-24px">
<EditForm
ref={formRef}