| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="任务算法"> |
| | | <!-- <el-select v-model="searchForm.ai_type" placeholder="请选择算法" clearable> |
| | | <!-- <el-select v-model="searchForm.ai_types" placeholder="请选择算法" clearable> |
| | | <el-option v-for="item in taskAlgorithm" :key="item.id" :label="item.dictValue" :value="item.dictKey" /> |
| | | </el-select> --> |
| | | <TaskAlgorithmBusiness :showAlgorithm="true" @algorithmChange="algorithmChange"/> |
| | |
| | | |
| | | const dateRange = ref([]); |
| | | const searchForm = reactive({ |
| | | ai_type: '', // 算法类型 |
| | | ai_types: [], // 算法类型 |
| | | area_code: '', // 区域code |
| | | create_dept: '', // 创建部门 |
| | | date_enum: '', // 日期枚举,可用值:TODAY,CURRENT_WEEK,CURRENT_MONTH,CURRENT_YEAR |
| | |
| | | const handleSearch = () => { |
| | | emit('search', { |
| | | ...searchForm, |
| | | start_date: `${dateRange.value[0]} 00:00:00`, |
| | | end_date: `${dateRange.value[1]} 23:59:59` |
| | | start_date: dateRange.value.length ? `${dateRange.value[0]} 00:00:00` : '', |
| | | end_date: dateRange.value.length ? `${dateRange.value[1]} 23:59:59` : '' |
| | | }); |
| | | }; |
| | | |
| | |
| | | // }); |
| | | // }; |
| | | const algorithmChange = (val) => { |
| | | searchForm.ai_type = val; |
| | | searchForm.ai_types = val; |
| | | }; |
| | | |
| | | const businessChange = (val) => { |
| | |
| | | <style lang="scss" scoped> |
| | | .search-box { |
| | | position: absolute; |
| | | top: 120px; |
| | | left: 450px; |
| | | width: calc(100% - 400px - 400px - 100px); |
| | | top: 340px; |
| | | left: 40px; |
| | | width: calc(100% - 80px); |
| | | height: 60px; |
| | | line-height: 60px; |
| | | background: rgba(31, 62, 122, 0.95); |
| | | // padding: 10px 20px; |
| | | transition: all 0.3s; |
| | |
| | | } |
| | | .search-row { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | // justify-content: space-between; |
| | | align-items: center; |
| | | |
| | | .search-items { |
| | |
| | | z-index: 10; |
| | | border-top: 1px solid rgba(255, 255, 255, 0.1); |
| | | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); |
| | | margin-bottom: 60px; // 为分页预留空间 |
| | | } |
| | | |
| | | :deep(.el-form) { |
| | |
| | | line-height: 18px; |
| | | } |
| | | } |
| | | :deep(.el-pagination) { |
| | | position: fixed; |
| | | bottom: 20px; |
| | | left: 50%; |
| | | transform: translateX(-50%); |
| | | background: rgba(31, 62, 122, 0.95); |
| | | padding: 15px 20px; |
| | | border-radius: 4px; |
| | | box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); |
| | | } |
| | | } |
| | | </style> |