feat:增加分页功能

chenyao

2025-09-12 6d232fd202038051c261dae2815ce9fe2a59b028

 src/views/algorithmMange/algorithmMange.vue

@@ -12,7 +12,7 @@
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="getList">搜索</el-button>
          <el-button @click="cancelSearch">取消</el-button>
          <el-button @click="cancelSearch">清空</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -34,12 +34,12 @@
            <el-tooltip placement="bottom" effect="light" content="AI识别率高于最高准确率时会生成待处理状态的事件">
              <el-icon><QuestionFilled /></el-icon>
            </el-tooltip>
            <span>最低准确率</span>
            <span>最高准确率</span>
          </template>
        </el-table-column>
        <el-table-column prop="event_type" label="事件生成类型" show-overflow-tooltip align="center">
          <template #default="scope">
            {{ scope.row.event_type === 0 ? '常规类' : '紧急类' }}
            {{ scope.row.event_type == 0 ? '常规类' : '紧急类' }}
          </template>
        </el-table-column>
            <el-table-column prop="remark" label="算法描述" show-overflow-tooltip />
@@ -76,7 +76,7 @@
        </tr>
        <tr>
          <td class="label">事件生成类型</td>
          <td class="value">{{ rowView.event_type === 0 ? '常规类' : '紧急类' }}</td>
          <td class="value">{{ rowView.event_type == 0 ? '常规类' : '紧急类' }}</td>
          <td class="label">算法描述</td>
          <td class="value">{{ rowView.remark }}</td>
        </tr>
@@ -195,6 +195,7 @@
    algName: '',
    algTypeCode: '',
  }
  params.value.current = 1
  getList()
}

@@ -216,6 +217,16 @@
function handleEdit(row) {
  isShowEditView.value = true
  editParams.value = { ...row }
}

function handleSizeChange(val) {
  params.value.size = val
  getList()
}

function handleCurrentChange(val) {
  params.value.current = val
  getList()
}

async function submit(formValidate) {
@@ -250,6 +261,12 @@
      height: 40px;
    }

    :deep(.el-input) {
      .el-input__wrapper {
        width: 200px;
      }
    }

    // 表格
    .mange-table {
      height: 0;
@@ -268,7 +285,7 @@
    }
    :deep(.ztzf-select){
      .el-select__selection {
        min-width: 200px;
        width: 200px;
      }
    }
  }