perf: 样式调整
This commit is contained in:
@ -7,26 +7,63 @@
|
||||
<a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
|
||||
</template> -->
|
||||
</a-tabs>
|
||||
<FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch"
|
||||
@reset="handleReset" />
|
||||
<FilterBlock
|
||||
v-model:query="query"
|
||||
:audit_status="query.audit_status"
|
||||
@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">
|
||||
<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"
|
||||
v-if="query.audit_status === AuditStatus.Pending">批量审核</a-button>
|
||||
<a-button type="outline" class="w-fit" size="medium" @click="handleBatchView"
|
||||
v-if="query.audit_status === AuditStatus.Auditing">批量查看</a-button>
|
||||
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px 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"
|
||||
v-if="query.audit_status === AuditStatus.Pending"
|
||||
>批量审核</a-button
|
||||
>
|
||||
<a-button
|
||||
type="outline"
|
||||
class="w-fit"
|
||||
size="medium"
|
||||
@click="handleBatchView"
|
||||
v-if="query.audit_status === AuditStatus.Auditing"
|
||||
>批量查看</a-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<ManuscriptCheckTable :key="query.audit_status" :tableColumns="tableColumns" :rowSelection="rowSelection"
|
||||
:selectedRowKeys="selectedRowKeys" :dataSource="dataSource" :audit_status="query.audit_status"
|
||||
@sorterChange="handleSorterChange" @delete="handleDelete" @edit="handleEdit" @select="handleSelect"
|
||||
@selectAll="handleSelectAll" />
|
||||
<ManuscriptCheckTable
|
||||
:key="query.audit_status"
|
||||
:tableColumns="tableColumns"
|
||||
:rowSelection="rowSelection"
|
||||
:selectedRowKeys="selectedRowKeys"
|
||||
:dataSource="dataSource"
|
||||
:audit_status="query.audit_status"
|
||||
@sorterChange="handleSorterChange"
|
||||
@delete="handleDelete"
|
||||
@edit="handleEdit"
|
||||
@select="handleSelect"
|
||||
@selectAll="handleSelectAll"
|
||||
/>
|
||||
<div v-if="pageInfo.total > 0" class="pagination-box">
|
||||
<a-pagination :total="pageInfo.total" size="mini" show-total show-jumper show-page-size :current="pageInfo.page"
|
||||
:page-size="pageInfo.page_size" @change="onPageChange" @page-size-change="onPageSizeChange" />
|
||||
<a-pagination
|
||||
:total="pageInfo.total"
|
||||
size="mini"
|
||||
show-total
|
||||
show-jumper
|
||||
show-page-size
|
||||
:current="pageInfo.page"
|
||||
:page-size="pageInfo.page_size"
|
||||
@change="onPageChange"
|
||||
@page-size-change="onPageSizeChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.manuscript-check-wrap {
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.filter-wrap {
|
||||
|
||||
@ -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 border-1px border-#D7D7D9 border-solid px-24px py-24px flex flex-col"
|
||||
>
|
||||
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
|
||||
<div v-if="pageInfo.total > 0" class="pagination-box">
|
||||
|
||||
@ -7,26 +7,63 @@
|
||||
<a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
|
||||
</template>
|
||||
</a-tabs>
|
||||
<FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch"
|
||||
@reset="handleReset" />
|
||||
<FilterBlock
|
||||
v-model:query="query"
|
||||
:audit_status="query.audit_status"
|
||||
@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">
|
||||
<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"
|
||||
v-if="query.audit_status === AuditStatus.Pending">批量审核</a-button>
|
||||
<a-button type="outline" class="w-fit" size="medium" @click="handleBatchView"
|
||||
v-if="query.audit_status === AuditStatus.Auditing">批量查看</a-button>
|
||||
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px 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"
|
||||
v-if="query.audit_status === AuditStatus.Pending"
|
||||
>批量审核</a-button
|
||||
>
|
||||
<a-button
|
||||
type="outline"
|
||||
class="w-fit"
|
||||
size="medium"
|
||||
@click="handleBatchView"
|
||||
v-if="query.audit_status === AuditStatus.Auditing"
|
||||
>批量查看</a-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<ManuscriptCheckTable :key="query.audit_status" :tableColumns="tableColumns" :rowSelection="rowSelection"
|
||||
:selectedRowKeys="selectedRowKeys" :dataSource="dataSource" :audit_status="query.audit_status"
|
||||
@sorterChange="handleSorterChange" @delete="handleDelete" @edit="handleEdit" @select="handleSelect"
|
||||
@selectAll="handleSelectAll" />
|
||||
<ManuscriptCheckTable
|
||||
:key="query.audit_status"
|
||||
:tableColumns="tableColumns"
|
||||
:rowSelection="rowSelection"
|
||||
:selectedRowKeys="selectedRowKeys"
|
||||
:dataSource="dataSource"
|
||||
:audit_status="query.audit_status"
|
||||
@sorterChange="handleSorterChange"
|
||||
@delete="handleDelete"
|
||||
@edit="handleEdit"
|
||||
@select="handleSelect"
|
||||
@selectAll="handleSelectAll"
|
||||
/>
|
||||
<div v-if="pageInfo.total > 0" class="pagination-box">
|
||||
<a-pagination :total="pageInfo.total" size="mini" show-total show-jumper show-page-size :current="pageInfo.page"
|
||||
:page-size="pageInfo.page_size" @change="onPageChange" @page-size-change="onPageSizeChange" />
|
||||
<a-pagination
|
||||
:total="pageInfo.total"
|
||||
size="mini"
|
||||
show-total
|
||||
show-jumper
|
||||
show-page-size
|
||||
:current="pageInfo.page"
|
||||
:page-size="pageInfo.page_size"
|
||||
@change="onPageChange"
|
||||
@page-size-change="onPageSizeChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.manuscript-check-wrap {
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.filter-wrap {
|
||||
|
||||
@ -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 border-1px border-#D7D7D9 border-solid px-24px py-24px flex flex-col"
|
||||
>
|
||||
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
|
||||
<div v-if="pageInfo.total > 0" class="pagination-box">
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.manuscript-list-wrap {
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.filter-wrap {
|
||||
|
||||
Reference in New Issue
Block a user