wangxuefeng/low-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 预览接口新增类型传参

Browse Source
This commit is contained in:
sy2084 2024-10-29 11:47:37 +08:00
parent 80198c7755
commit 1c293d0c86
3 changed files with 62 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.env.production
View File

@ -2,6 +2,7 @@ VITE_NODE_ENV = prod
VITE_OA_BASEURL = https://oa.shiyuegame.com VITE_OA_BASEURL = https://oa.shiyuegame.com
VITE_YCODE_BASEURL = https://custom-chart-api.shiyuegame.com # VITE_YCODE_BASEURL = https://custom-chart-api.shiyuegame.com
VITE_YCODE_BASEURL = https://custom-chart-api.shiyuegame.com:19998
VITE_YCODE_BASEURL_FRONT = https://custom-chart.shiyuegame.com VITE_YCODE_BASEURL_FRONT = https://custom-chart.shiyuegame.com

2
src/components/common/y-table.vue
View File

@ -125,7 +125,7 @@ const pageState = reactive({
watch(() => props.filterConfig, (newVal) => { watch(() => props.filterConfig, (newVal) => {
newVal.forEach((item) => { newVal.forEach((item) => {
// 给数值区间类型赋初始值，防止报错 // 给数值区间类型赋初始值，防止报错
if (item.type === 'number_range') { if (item.type === 'number_range' && !filterData.value[item.name]) {
filterData.value[item.name] = { filterData.value[item.name] = {
min: undefined, min: undefined,
max: undefined, max: undefined,

71
src/views/view-all-manage/create-view/index.vue
View File

@ -88,6 +88,13 @@
@change="toFilt" @change="toFilt"
/> />
<a-range-picker v-if="item.type === 'time'" class="date-item" v-model:value="previewData.filterData[item.name]" @change="toFilt" /> <a-range-picker v-if="item.type === 'time'" class="date-item" v-model:value="previewData.filterData[item.name]" @change="toFilt" />
<a-range-picker v-else-if="item.type === 'date_time'" class="date-time-item" v-model:value="previewData.filterData[item.name]" show-time format="YYYY-MM-DD HH:mm" @change="toFilt" />
<!-- 数值区间 -->
<div v-else-if="item.type === 'number_range' && previewData.filterData[item.name]" class="number_range_box">
<a-input-number placeholder="最小值" style="width: 140px" v-model:value="previewData.filterData[item.name].min" @change="toFilt" />
<span class="divider"> - </span>
<a-input-number placeholder="最大值" style="width: 140px" v-model:value="previewData.filterData[item.name].max" @change="toFilt" />
</div>
</div> </div>
<div v-if="previewData.isExport" class="filter-item"><a-button type="primary">导出</a-button></div> <div v-if="previewData.isExport" class="filter-item"><a-button type="primary">导出</a-button></div>
</div> </div>
@ -285,15 +292,36 @@ const toPreview = ({filter}) => {
return previewData.filterData[item.name] !== undefined && previewData.filterData[item.name] !== null; return previewData.filterData[item.name] !== undefined && previewData.filterData[item.name] !== null;
}) })
.map((item) => { .map((item) => {
return item.type === 'time' && previewData.filterData[item.name] ? { if (item.type === 'time' && previewData.filterData[item.name]) {
name: item.name, // 日期类型的参数
type: item.type, return {
start_time: previewData.filterData[item.name][0].format('YYYY-MM-DD'), name: item.name,
end_time: previewData.filterData[item.name][1].format('YYYY-MM-DD'), type: item.type,
} : { start_time: previewData.filterData[item.name][0].format('YYYY-MM-DD'),
name: item.name, end_time: previewData.filterData[item.name][1].format('YYYY-MM-DD'),
type: item.type, };
value: previewData.filterData[item.name], } else if (item.type === 'date_time' && previewData.filterData[item.name]) {
// 带时分的日期类型参数
return {
name: item.name,
type: item.type,
start_time: previewData.filterData[item.name][0].format('YYYY-MM-DD HH:mm') + ':00',
end_time: previewData.filterData[item.name][1].format('YYYY-MM-DD HH:mm') + ':59',
};
} else if (item.type === 'number_range') {
// 数值区间
return {
name: item.name,
type: item.type,
min: previewData.filterData[item.name].min ? String(previewData.filterData[item.name].min) : '',
max: previewData.filterData[item.name].max ? String(previewData.filterData[item.name].max) : '',
};
} else {
return {
name: item.name,
type: item.type,
value: previewData.filterData[item.name],
};
} }
}); });
} else { } else {
@ -316,9 +344,17 @@ const toPreview = ({filter}) => {
if (res.data.type === "table") { if (res.data.type === "table") {
previewData.filterConfig = res.data.filter; previewData.filterConfig = res.data.filter;
previewData.filterConfig.forEach((item) => { previewData.filterConfig.forEach((item) => {
previewData.filterData[item.name] = previewData.filterData[item.name] if (item.type === 'number_range' && !previewData.filterData[item.name]) {
? previewData.filterData[item.name] previewData.filterData[item.name] = {
: undefined; ...item,
min: undefined,
max: undefined,
};
} else {
previewData.filterData[item.name] = previewData.filterData[item.name]
? previewData.filterData[item.name]
: undefined;
}
}); });
previewData.columnConfig = res.data.header; previewData.columnConfig = res.data.header;
previewData.dataList = res.data.data; previewData.dataList = res.data.data;
@ -427,6 +463,17 @@ const toFilt = () => {
.date-item { .date-item {
width: 240px; width: 240px;
} }
.date-time-item {
width: 300px;
}
.number_range_box {
display: inline-flex;
align-items: center;
.divider {
margin: 0 4px;
}
}
.y-table-content { .y-table-content {
margin-top: 10px; margin-top: 10px;
} }