Files
x_admin/x_admin_app/pages/monitor_project/search.vue
2024-06-17 21:29:38 +08:00

80 lines
2.2 KiB
Vue

<template>
<view class="page-content">
<uv-form labelPosition="left" labelWidth="80" :model="form" >
<uv-form-item label="项目uuid" prop="projectKey" borderBottom>
<uv-input v-model="form.projectKey"> </uv-input>
</uv-form-item>
<uv-form-item label="项目名称" prop="projectName" borderBottom>
<uv-input v-model="form.projectName"> </uv-input>
</uv-form-item>
<uv-form-item label="项目类型" prop="projectType" borderBottom>
<x-picker
v-model="form.projectType"
valueKey="value"
labelKey="name"
:columns="dictData.project_type"
></x-picker>
</uv-form-item>
<uv-form-item label="创建时间" prop="createTime" borderBottom>
<xDateRange
v-model:startTime="form.createTimeStart"
v-model:endTime="form.createTimeEnd"
></xDateRange>
</uv-form-item>
<uv-form-item label="更新时间" prop="updateTime" borderBottom>
<xDateRange
v-model:startTime="form.updateTimeStart"
v-model:endTime="form.updateTimeEnd"
></xDateRange>
</uv-form-item>
<uv-button
type="primary"
text="搜索"
customStyle="margin-top: 20rpx"
@click="submit"
></uv-button>
</uv-form>
</view>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { toPath, toast, clearObjEmpty } from "@/utils/utils";
import { useDictData } from "@/hooks/useDictOptions";
import xDateRange from "@/components/x-date-range/x-date-range.vue";
import type {type_monitor_project_query} from "@/api/monitor_project";
const { dictData } = useDictData<{
project_type: any[];
}>(["project_type"]);
let form = ref<type_monitor_project_query>({
projectKey: "",
projectName: "",
projectType: "",
createTimeStart: "",
createTimeEnd: "",
updateTimeStart: "",
updateTimeEnd: "",
});
function submit() {
console.log("submit", form.value);
const search = clearObjEmpty(form.value);
if (Object.keys(search).length === 0) {
return toast("请输入查询条件");
}
toPath("/pages/monitor_project/index", search);
}
</script>
<style lang="scss" scoped>
.page-content {
padding: 10rpx 20rpx 300rpx;
}
</style>