perf: 样式调整
This commit is contained in:
@ -11,7 +11,7 @@
|
|||||||
<a-space size="medium">
|
<a-space size="medium">
|
||||||
<a-input
|
<a-input
|
||||||
v-model="query.title"
|
v-model="query.title"
|
||||||
class="w-240px"
|
class="!w-240px"
|
||||||
placeholder="请输入内容稿件标题"
|
placeholder="请输入内容稿件标题"
|
||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -28,7 +28,7 @@
|
|||||||
<a-space size="medium">
|
<a-space size="medium">
|
||||||
<a-input
|
<a-input
|
||||||
v-model="query.uid"
|
v-model="query.uid"
|
||||||
class="w-160px"
|
class="!w-160px"
|
||||||
placeholder="请输入序号"
|
placeholder="请输入序号"
|
||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -47,14 +47,21 @@
|
|||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
class="w-280px"
|
class="!w-280px"
|
||||||
@change="(value) => onDateChange(value, 'created_at')"
|
@change="(value) => onDateChange(value, 'created_at')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
|
<template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
|
||||||
<div class="filter-row-item">
|
<div class="filter-row-item">
|
||||||
<span class="label">审核平台</span>
|
<span class="label">审核平台</span>
|
||||||
<a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
|
<a-select
|
||||||
|
v-model="query.audit_platform"
|
||||||
|
size="medium"
|
||||||
|
placeholder="全部"
|
||||||
|
allow-clear
|
||||||
|
@change="handleSearch"
|
||||||
|
class="!w-160px"
|
||||||
|
>
|
||||||
<a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
|
<a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
|
||||||
item.label
|
item.label
|
||||||
}}</a-option>
|
}}</a-option>
|
||||||
@ -67,7 +74,7 @@
|
|||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
class="w-280px"
|
class="!w-280px"
|
||||||
@change="(value) => onDateChange(value, 'audit_started_at')"
|
@change="(value) => onDateChange(value, 'audit_started_at')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -102,6 +102,7 @@
|
|||||||
v-else-if="audit_status === AuditStatus.Auditing"
|
v-else-if="audit_status === AuditStatus.Auditing"
|
||||||
>查看</a-button
|
>查看</a-button
|
||||||
>
|
>
|
||||||
|
<a-button type="outline" size="mini" @click="onDetail(record)" v-else>详情</a-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else #cell="{ record }">
|
<template v-else #cell="{ record }">
|
||||||
|
|||||||
@ -142,7 +142,9 @@ const reload = () => {
|
|||||||
};
|
};
|
||||||
const handleReset = () => {
|
const handleReset = () => {
|
||||||
resetPageInfo();
|
resetPageInfo();
|
||||||
|
const _audit_status = query.value.audit_status;
|
||||||
query.value = cloneDeep(INITIAL_QUERY);
|
query.value = cloneDeep(INITIAL_QUERY);
|
||||||
|
query.value.audit_status = _audit_status;
|
||||||
reload();
|
reload();
|
||||||
};
|
};
|
||||||
const handleSorterChange = (column, order) => {
|
const handleSorterChange = (column, order) => {
|
||||||
|
|||||||
@ -31,7 +31,7 @@
|
|||||||
<a-space size="medium">
|
<a-space size="medium">
|
||||||
<a-input
|
<a-input
|
||||||
v-model="query.uid"
|
v-model="query.uid"
|
||||||
class="w-160px"
|
class="!w-160px"
|
||||||
placeholder="请输入序号"
|
placeholder="请输入序号"
|
||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -49,7 +49,7 @@
|
|||||||
placeholder="全部"
|
placeholder="全部"
|
||||||
:options="CHECK_STATUS"
|
:options="CHECK_STATUS"
|
||||||
v-model="query.audit_status"
|
v-model="query.audit_status"
|
||||||
class="!w-166px"
|
class="!w-160px"
|
||||||
:multiple="false"
|
:multiple="false"
|
||||||
@change="handleSearch"
|
@change="handleSearch"
|
||||||
/>
|
/>
|
||||||
@ -61,7 +61,7 @@
|
|||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
class="w-280px"
|
class="!w-280px"
|
||||||
@change="onDateChange"
|
@change="onDateChange"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -11,7 +11,7 @@
|
|||||||
<a-space size="medium">
|
<a-space size="medium">
|
||||||
<a-input
|
<a-input
|
||||||
v-model="query.title"
|
v-model="query.title"
|
||||||
class="w-240px"
|
class="!w-240px"
|
||||||
placeholder="请输入内容稿件标题"
|
placeholder="请输入内容稿件标题"
|
||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -28,7 +28,7 @@
|
|||||||
<a-space size="medium">
|
<a-space size="medium">
|
||||||
<a-input
|
<a-input
|
||||||
v-model="query.uid"
|
v-model="query.uid"
|
||||||
class="w-160px"
|
class="!w-160px"
|
||||||
placeholder="请输入序号"
|
placeholder="请输入序号"
|
||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -47,14 +47,21 @@
|
|||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
class="w-280px"
|
class="!w-280px"
|
||||||
@change="(value) => onDateChange(value, 'created_at')"
|
@change="(value) => onDateChange(value, 'created_at')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
|
<template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
|
||||||
<div class="filter-row-item">
|
<div class="filter-row-item">
|
||||||
<span class="label">审核平台</span>
|
<span class="label">审核平台</span>
|
||||||
<a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
|
<a-select
|
||||||
|
v-model="query.audit_platform"
|
||||||
|
size="medium"
|
||||||
|
placeholder="全部"
|
||||||
|
allow-clear
|
||||||
|
@change="handleSearch"
|
||||||
|
class="!w-160px"
|
||||||
|
>
|
||||||
<a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
|
<a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
|
||||||
item.label
|
item.label
|
||||||
}}</a-option>
|
}}</a-option>
|
||||||
@ -67,7 +74,7 @@
|
|||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
class="w-280px"
|
class="!w-280px"
|
||||||
@change="(value) => onDateChange(value, 'audit_started_at')"
|
@change="(value) => onDateChange(value, 'audit_started_at')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -141,7 +141,9 @@ const reload = () => {
|
|||||||
};
|
};
|
||||||
const handleReset = () => {
|
const handleReset = () => {
|
||||||
resetPageInfo();
|
resetPageInfo();
|
||||||
|
const _audit_status = query.value.audit_status;
|
||||||
query.value = cloneDeep(INITIAL_QUERY);
|
query.value = cloneDeep(INITIAL_QUERY);
|
||||||
|
query.value.audit_status = _audit_status;
|
||||||
reload();
|
reload();
|
||||||
};
|
};
|
||||||
const handleSorterChange = (column, order) => {
|
const handleSorterChange = (column, order) => {
|
||||||
|
|||||||
@ -31,7 +31,7 @@
|
|||||||
<a-space size="medium">
|
<a-space size="medium">
|
||||||
<a-input
|
<a-input
|
||||||
v-model="query.uid"
|
v-model="query.uid"
|
||||||
class="w-160px"
|
class="!w-160px"
|
||||||
placeholder="请输入序号"
|
placeholder="请输入序号"
|
||||||
size="medium"
|
size="medium"
|
||||||
allow-clear
|
allow-clear
|
||||||
@ -49,7 +49,7 @@
|
|||||||
placeholder="全部"
|
placeholder="全部"
|
||||||
:options="CHECK_STATUS"
|
:options="CHECK_STATUS"
|
||||||
v-model="query.audit_status"
|
v-model="query.audit_status"
|
||||||
class="!w-166px"
|
class="!w-160px"
|
||||||
:multiple="false"
|
:multiple="false"
|
||||||
@change="handleSearch"
|
@change="handleSearch"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user