<template>
|
<div class="algorithmMange">
|
<div class="search-box">
|
<el-form :model="searchForm" inline>
|
<el-form-item label="算法名称:">
|
<el-input v-model="searchForm.key_word" placeholder="请输入任务编号/名称" clearable />
|
</el-form-item>
|
<el-form-item label="算法类型:">
|
<el-tree-select
|
popper-class="custom-tree-select"
|
v-model="searchForm.area_code"
|
:data="deptTreeData"
|
:default-expanded-keys="[searchForm.area_code]"
|
check-strictly
|
node-key="id"
|
:props="treeProps"
|
@node-click="handleNodeClick"
|
/>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="mange-table">
|
<el-table border :data="jobListData" class="custom-header">
|
<el-table-column label="序号" type="index" width="60">
|
<template #default="{ $index }">
|
{{ ($index + 1 + (jobListParams.current - 1) * jobListParams.size).toString().padStart(2,
|
'0') }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="job_info_num" label="算法名称" width="160"></el-table-column>
|
<el-table-column prop="name" label="算法类型" width="160"></el-table-column>
|
<el-table-column prop="device_names" label="最低准确率" show-overflow-tooltip/>
|
<el-table-column prop="ai_type_str" label="最高准确率" show-overflow-tooltip align="center" />
|
<el-table-column prop="ai_type_str" label="事件生成类型" show-overflow-tooltip align="center" />
|
<el-table-column prop="cycle_time_value" label="算法描述" show-overflow-tooltip />
|
<el-table-column label="操作" width="140" align="center">
|
<template #default="scope">
|
<el-button icon="el-icon-close" type="text" @click="cancelTask(scope.row)">编辑</el-button>
|
<el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="pagination">
|
<el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background
|
:page-sizes="[10, 20, 30, 40, 50, 100]" :size="size" v-model:current-page="jobListParams.current"
|
v-model:page-size="jobListParams.size" layout="total, sizes, prev, pager, next, jumper" :total="total"
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
</div>
|
</div>
|
</template>
|
<script setup>
|
</script>
|
|
<style lang="scss" scoped>
|
.algorithmMange {
|
height: 0;
|
flex: 1;
|
margin: 0 10px 10px 10px;
|
background-color: #ffffff;
|
padding: 10px 20px;
|
border-radius: 5px;
|
display: flex;
|
flex-direction: column;
|
}
|
</style>
|
