智能方案管理页面

This commit is contained in:
林志军
2025-06-26 11:35:23 +08:00
parent 573af34889
commit ccfa7baff1
5 changed files with 582 additions and 3 deletions

View File

@ -0,0 +1,3 @@
<template>
<view> </view>
</template>

View File

@ -0,0 +1,137 @@
<template>
<view>
<a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
<a-space align="end">
<span class="part-div-header-title">业务分析报告 </span>
</a-space>
<a-space wrap :size="30">
</a-space>
<a-space align="center" class="search-form-div" size="medium">
<a-form-item field="name" class="search-form" label="服务/产品">
<a-input
v-model="listQuery.name"
placeholder="请搜索..."
/>
</a-form-item>
<a-form-item field="name" label="生成日期">
<a-range-picker
showTime
:time-picker-props="{
defaultValue: ['00:00:00', '00:00:00'],
}"
style="width: 380px"
/>
</a-form-item>
<a-form-item field="name">
<a-space>
<a-button type="outline" class="search-btn" @click="handleSearch">
<template #icon>
<icon-search />
</template>
<template #default>搜索</template>
</a-button>
<a-button type="outline" class="reset-btn" @click="handleSearch">
<template #icon>
<icon-refresh />
</template>
<template #default>重置</template>
</a-button>
</a-space>
</a-form-item>
</a-space>
<a-table
:columns="columns"
:data="listResult.data"
:filter-icon-align-left="alignLeft"
@change="handleChange"
:scroll="true"
:pagination="false"
>
</a-table>
<a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
</a-space>
</view>
</template>
<script setup lang="ts">
const listQuery = reactive({
name: '',
});
const listResult = reactive({
data: [],
total: 0,
});
const columns = [
{
title: '服务/产品',
dataIndex: 'rank',
slotName: 'rank',
width: 60,
minWidth: 60,
},
{
title: '生成日期',
dataIndex: 'name',
width: 120,
minWidth: 120,
sortable: {
sortDirections: ['ascend', 'descend'],
},
},
{
titleSlotName: 'hotTitle',
width: 180,
minWidth: 180,
title: '目标客群',
dataIndex: 'hot',
slotName: 'hot',
},
{
title: '价格区间',
dataIndex: 'name',
width: 120,
minWidth: 120,
},
{
titleSlotName: 'volume_rateTitle',
title: '最后更新日期',
dataIndex: 'volumeRate',
width: 180,
minWidth: 180,
sortable: {
sortDirections: ['ascend', 'descend'],
},
slotName: 'volumeRate',
},
{
title: '操作人',
dataIndex: 'name',
width: 120,
minWidth: 120,
},
];
</script>
<style scoped lang="less">
.part-div-header-title {
justify-content: center;
display: flex;
flex-direction: column;
color: var(--Text-1, #211f24);
font-size: 18px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 26px;
word-wrap: break-word;
}
.search-form-div {
margin-top: 10px;
}
.search-form {
}
</style>

View File

@ -0,0 +1,114 @@
<template>
<view>
<a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
<a-space align="end">
<span>业务分析报告 </span>
</a-space>
<a-space align="center" size="medium">
<a-form-item field="name" label="服务/产品">
<a-input v-model="listQuery.name" placeholder="请搜索" />
</a-form-item>
<a-form-item field="name" label="生成日期">
<a-range-picker
showTime
:time-picker-props="{
defaultValue: ['00:00:00', '00:00:00'],
}"
style="width: 380px"
/>
</a-form-item>
<a-form-item field="name" >
<a-space>
<a-button type="outline" class="search-btn" @click="handleSearch">
<template #icon>
<icon-search />
</template>
<template #default>搜索</template>
</a-button>
<a-button type="outline" class="reset-btn" @click="handleSearch">
<template #icon>
<icon-refresh />
</template>
<template #default>重置</template>
</a-button>
</a-space>
</a-form-item>
</a-space>
<a-table
:columns="columns"
:data="listResult.data"
:filter-icon-align-left="alignLeft"
@change="handleChange"
:scroll="true"
:pagination="false"
>
</a-table>
<a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
</a-space>
</view>
</template>
<script setup lang="ts">
const listQuery = reactive({
name: '',
});
const listResult = reactive({
data: [],
total: 0,
});
const columns = [
{
title: '服务/产品',
dataIndex: 'rank',
slotName: 'rank',
width: 60,
minWidth: 60,
},
{
title: '生成日期',
dataIndex: 'name',
width: 120,
minWidth: 120,
sortable: {
sortDirections: ['ascend', 'descend'],
},
},
{
titleSlotName: 'hotTitle',
width: 180,
minWidth: 180,
title: '目标客群',
dataIndex: 'hot',
slotName: 'hot',
},
{
title: '价格区间',
dataIndex: 'name',
width: 120,
minWidth: 120,
},
{
titleSlotName: 'volume_rateTitle',
title: '最后更新日期',
dataIndex: 'volumeRate',
width: 180,
minWidth: 180,
sortable: {
sortDirections: ['ascend', 'descend'],
},
slotName: 'volumeRate',
},
{
title: '操作人',
dataIndex: 'name',
width: 120,
minWidth: 120,
},
];
</script>
<style scoped lang="less"></style>