feat:更新算法管理页面

chenyao

2025-09-08 54ecf026fe316f605a74b741a7dbdc63dc853daf

feat:更新算法管理页面

 src/views/algorithmManage/algorithmManage.vue

@@ -0,0 +1,66 @@
<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>