|
|
@@ -0,0 +1,479 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <!--部门数据-->
|
|
|
+ <el-col :span="4" :xs="24">
|
|
|
+ <div class="head-container">
|
|
|
+ <el-input
|
|
|
+ v-model="algoName"
|
|
|
+ placeholder="请输入算法名称"
|
|
|
+ clearable
|
|
|
+ prefix-icon="Search"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="head-container">
|
|
|
+ <el-table v-loading="loading" :data="algoList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <!-- <el-table-column label="算法ID" align="center" prop="algoId" />-->
|
|
|
+ <el-table-column label="算法名称" align="center" prop="algoName" />
|
|
|
+<!-- <el-table-column label="算法描述" align="center" prop="algoDesc" />-->
|
|
|
+<!-- <el-table-column label="算法脚本" align="center" prop="algoScript" show-overflow-tooltip/>-->
|
|
|
+<!-- <el-table-column label="算法是否正确" align="center" prop="algoOk">-->
|
|
|
+<!-- <template #default="scope">-->
|
|
|
+<!-- <dict-tag :options="sys_common_status" :value="scope.row.algoOk"/>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="算法类别" align="center" prop="algoType">-->
|
|
|
+<!-- <template #default="scope">-->
|
|
|
+<!-- <dict-tag :options="algo_type" :value="scope.row.algoType"/>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="算法参数" align="center" prop="algoPara">-->
|
|
|
+<!-- <template #default="scope">-->
|
|
|
+<!-- <dict-tag :options="algo_para" :value="scope.row.algoPara"/>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
|
|
|
+ <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <!--用户数据-->
|
|
|
+ <el-col :span="20" :xs="24">
|
|
|
+ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
+ <!-- <el-form-item label="指标自动ID" prop="autoId">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- v-model="queryParams.autoId"-->
|
|
|
+ <!-- placeholder="请输入指标自动ID"-->
|
|
|
+ <!-- clearable-->
|
|
|
+ <!-- @keyup.enter="handleQuery"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="算法ID" prop="algoId">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- v-model="queryParams.algoId"-->
|
|
|
+ <!-- placeholder="请输入算法ID"-->
|
|
|
+ <!-- clearable-->
|
|
|
+ <!-- @keyup.enter="handleQuery"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <el-form-item label="定时分析" prop="timeSwitch">
|
|
|
+ <el-select v-model="queryParams.timeSwitch" placeholder="请选择定时分析" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in sys_yes_no"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否告警" prop="alarmWitch">
|
|
|
+ <el-select v-model="queryParams.alarmWitch" placeholder="请选择是否告警" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in sys_yes_no"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="Plus"
|
|
|
+ @click="handleSelect"
|
|
|
+ >选择指标
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ icon="Edit"
|
|
|
+ :disabled="single"
|
|
|
+ @click="handleUpdate"
|
|
|
+ >修改
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ plain
|
|
|
+ icon="Delete"
|
|
|
+ :disabled="multiple"
|
|
|
+ @click="handleDelete"
|
|
|
+ >删除
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" :data="analyList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" align="center"/>
|
|
|
+ <!-- <el-table-column label="分析ID" align="center" prop="analyId" />-->
|
|
|
+ <el-table-column label="指标自动ID" align="center" prop="autoId"/>
|
|
|
+ <el-table-column label="算法ID" align="center" prop="algoId"/>
|
|
|
+ <el-table-column label="定时分析" align="center" prop="timeSwitch">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="sys_yes_no" :value="scope.row.timeSwitch"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="执行周期" align="center" prop="scheduleCycle"/>
|
|
|
+ <el-table-column label="上次执行时间" align="center" prop="lastTime" width="180">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.lastTime, '{y}-{m}-{d} {h}:{mi}:{s}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="是否告警" align="center" prop="alarmWitch">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="sys_yes_no" :value="scope.row.alarmWitch"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="告警关键字" align="center" prop="alarmKey"/>
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button link type="primary" icon="Edit" @click="handleSelect(scope.row)">选择指标</el-button>
|
|
|
+ <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
|
|
|
+ <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ v-show="total>0"
|
|
|
+ :total="total"
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- 添加或修改模型指标分析对话框 -->
|
|
|
+ <el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
|
|
+ <el-form ref="analyRef" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-form-item label="指标自动ID" prop="autoId">
|
|
|
+ <el-input v-model="form.autoId" placeholder="请输入指标自动ID"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="算法ID" prop="algoId">
|
|
|
+ <el-input v-model="form.algoId" placeholder="请输入算法ID"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="定时分析" prop="timeSwitch">
|
|
|
+ <el-select v-model="form.timeSwitch" placeholder="请选择定时分析">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in sys_yes_no"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="执行周期" prop="scheduleCycle">
|
|
|
+ <el-input v-model="form.scheduleCycle" placeholder="请输入执行周期"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上次执行时间" prop="lastTime">
|
|
|
+ <el-date-picker clearable
|
|
|
+ v-model="form.lastTime"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ placeholder="请选择上次执行时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否告警" prop="alarmWitch">
|
|
|
+ <el-select v-model="form.alarmWitch" placeholder="请选择是否告警">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in sys_yes_no"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="告警关键字" prop="alarmKey">
|
|
|
+ <el-input v-model="form.alarmKey" placeholder="请输入告警关键字"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="告警内容">
|
|
|
+ <editor v-model="form.alarmContent" :min-height="192"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
|
+ <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 添加或修改业务模型对话框 -->
|
|
|
+ <el-dialog :title="titleS" v-model="openS" width="1300" append-to-body>
|
|
|
+ <select-metrics ref="selectMetricsRef" style="height: 600px; overflow-y: auto;"/>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="selectOK">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup name="Analy">
|
|
|
+import {addAnaly, batchInsert, delAnaly, getAnaly, listAnaly, updateAnaly} from "@/api/biz/analy";
|
|
|
+import { listAlgo} from "@/api/biz/algo";
|
|
|
+const {proxy} = getCurrentInstance();
|
|
|
+const {sys_yes_no} = proxy.useDict('sys_yes_no');
|
|
|
+
|
|
|
+const algoList = ref([]);
|
|
|
+const analyList = ref([]);
|
|
|
+const open = ref(false);
|
|
|
+const openS = ref(false);
|
|
|
+const loading = ref(true);
|
|
|
+const showSearch = ref(true);
|
|
|
+const ids = ref([]);
|
|
|
+const single = ref(true);
|
|
|
+const multiple = ref(true);
|
|
|
+const total = ref(0);
|
|
|
+const title = ref("");
|
|
|
+const titleS = ref("");
|
|
|
+const selectMetricsRef = ref(null);
|
|
|
+const modelName = ref("");
|
|
|
+const algoOptions = ref(undefined);
|
|
|
+const enabledModelOptions = ref(undefined);
|
|
|
+const data = reactive({
|
|
|
+ form: {},
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ autoId: null,
|
|
|
+ algoId: null,
|
|
|
+ timeSwitch: null,
|
|
|
+ scheduleCycle: null,
|
|
|
+ lastTime: null,
|
|
|
+ alarmWitch: null,
|
|
|
+ alarmKey: null,
|
|
|
+ alarmContent: null,
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ timeSwitch: [
|
|
|
+ {required: true, message: "定时分析不能为空", trigger: "change"}
|
|
|
+ ],
|
|
|
+ alarmKey: [
|
|
|
+ {required: true, message: "告警关键字不能为空", trigger: "blur"}
|
|
|
+ ],
|
|
|
+ alarmContent: [
|
|
|
+ {required: true, message: "告警内容不能为空", trigger: "blur"}
|
|
|
+ ],
|
|
|
+ }
|
|
|
+});
|
|
|
+
|
|
|
+const {queryParams, form, rules} = toRefs(data);
|
|
|
+const filterNode = (value, data) => {
|
|
|
+ if (!value) return true;
|
|
|
+ return data.label.indexOf(value) !== -1;
|
|
|
+};
|
|
|
+function getAlgoList() {
|
|
|
+ loading.value = true;
|
|
|
+ listAlgo(queryParams.value).then(response => {
|
|
|
+ algoList.value = response.rows;
|
|
|
+ total.value = response.total;
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
+}
|
|
|
+/** 查询部门下拉树结构 */
|
|
|
+function getModelTree() {
|
|
|
+ algoSelect().then(response => {
|
|
|
+ modelOptions.value = response.data;
|
|
|
+ enabledModelOptions.value = response.data;
|
|
|
+ handleQuery();
|
|
|
+ });
|
|
|
+};
|
|
|
+/** 根据名称筛选部门树 */
|
|
|
+watch(modelName, val => {
|
|
|
+ proxy.$refs["deptTreeRef"].filter(val);
|
|
|
+});
|
|
|
+/** 选择指标确定按钮 */
|
|
|
+function selectOK() {
|
|
|
+ try {
|
|
|
+ // 调用子组件的方法获取选中的数据
|
|
|
+ const selectedIds = selectMetricsRef.value.getSelectedData();
|
|
|
+
|
|
|
+ if (!selectedIds || selectedIds.length === 0) {
|
|
|
+ proxy.$modal.msgWarning("请先选择指标");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ const analyDataList = selectedIds.map(id => ({
|
|
|
+ autoId: id
|
|
|
+ }));
|
|
|
+
|
|
|
+ // 显示加载状态
|
|
|
+ proxy.$modal.loading("正在处理...");
|
|
|
+
|
|
|
+ batchInsert(analyDataList)
|
|
|
+ .then(response => {
|
|
|
+ proxy.$modal.closeLoading();
|
|
|
+ proxy.$modal.msgSuccess("操作成功");
|
|
|
+ getList();
|
|
|
+ openS.value = false;
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ proxy.$modal.closeLoading();
|
|
|
+ console.error('操作失败:', error);
|
|
|
+ proxy.$modal.msgError("操作失败: " + (error.message || "请检查网络连接或联系管理员"));
|
|
|
+ });
|
|
|
+ } catch (error) {
|
|
|
+ proxy.$modal.closeLoading();
|
|
|
+ console.error('发生错误:', error);
|
|
|
+ proxy.$modal.msgError("发生错误: " + error.message);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/** 查询模型指标分析列表 */
|
|
|
+function getList() {
|
|
|
+ loading.value = true;
|
|
|
+ listAnaly(queryParams.value).then(response => {
|
|
|
+ analyList.value = response.rows;
|
|
|
+ total.value = response.total;
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+// 取消按钮
|
|
|
+function cancel() {
|
|
|
+ open.value = false;
|
|
|
+ openS.value = false;
|
|
|
+ reset();
|
|
|
+}
|
|
|
+
|
|
|
+// 表单重置
|
|
|
+function reset() {
|
|
|
+ form.value = {
|
|
|
+ analyId: null,
|
|
|
+ autoId: null,
|
|
|
+ algoId: null,
|
|
|
+ timeSwitch: null,
|
|
|
+ scheduleCycle: null,
|
|
|
+ lastTime: null,
|
|
|
+ alarmWitch: null,
|
|
|
+ alarmKey: null,
|
|
|
+ alarmContent: null,
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ remark: null
|
|
|
+ };
|
|
|
+ proxy.resetForm("analyRef");
|
|
|
+}
|
|
|
+
|
|
|
+/** 搜索按钮操作 */
|
|
|
+function handleQuery() {
|
|
|
+ queryParams.value.pageNum = 1;
|
|
|
+ getList();
|
|
|
+}
|
|
|
+
|
|
|
+/** 重置按钮操作 */
|
|
|
+function resetQuery() {
|
|
|
+ proxy.resetForm("queryRef");
|
|
|
+ handleQuery();
|
|
|
+}
|
|
|
+
|
|
|
+// 多选框选中数据
|
|
|
+function handleSelectionChange(selection) {
|
|
|
+ ids.value = selection.map(item => item.analyId);
|
|
|
+ single.value = selection.length != 1;
|
|
|
+ multiple.value = !selection.length;
|
|
|
+}
|
|
|
+
|
|
|
+/** 新增按钮操作 */
|
|
|
+function handleAdd() {
|
|
|
+ reset();
|
|
|
+ open.value = true;
|
|
|
+ title.value = "添加模型指标分析";
|
|
|
+}
|
|
|
+
|
|
|
+/** 修改按钮操作 */
|
|
|
+function handleSelect() {
|
|
|
+ openS.value = true;
|
|
|
+ titleS.value = "修改模型指标分析";
|
|
|
+ // reset();
|
|
|
+ // const _analyId = row.analyId || ids.value
|
|
|
+ // getAnaly(_analyId).then(response => {
|
|
|
+ // form.value = response.data;
|
|
|
+ // });
|
|
|
+}
|
|
|
+
|
|
|
+/** 修改按钮操作 */
|
|
|
+function handleUpdate(row) {
|
|
|
+ reset();
|
|
|
+ const _analyId = row.analyId || ids.value
|
|
|
+ getAnaly(_analyId).then(response => {
|
|
|
+ form.value = response.data;
|
|
|
+ open.value = true;
|
|
|
+ title.value = "修改模型指标分析";
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/** 提交按钮 */
|
|
|
+function submitForm() {
|
|
|
+ proxy.$refs["analyRef"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (form.value.analyId != null) {
|
|
|
+ updateAnaly(form.value).then(response => {
|
|
|
+ proxy.$modal.msgSuccess("修改成功");
|
|
|
+ open.value = false;
|
|
|
+ getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ addAnaly(form.value).then(response => {
|
|
|
+ proxy.$modal.msgSuccess("新增成功");
|
|
|
+ open.value = false;
|
|
|
+ getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/** 删除按钮操作 */
|
|
|
+function handleDelete(row) {
|
|
|
+ const _analyIds = row.analyId || ids.value;
|
|
|
+ proxy.$modal.confirm('是否确认删除模型指标分析编号为"' + _analyIds + '"的数据项?').then(function () {
|
|
|
+ return delAnaly(_analyIds);
|
|
|
+ }).then(() => {
|
|
|
+ getList();
|
|
|
+ proxy.$modal.msgSuccess("删除成功");
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/** 导出按钮操作 */
|
|
|
+function handleExport() {
|
|
|
+ proxy.download('biz/analy/export', {
|
|
|
+ ...queryParams.value
|
|
|
+ }, `analy_${new Date().getTime()}.xlsx`)
|
|
|
+}
|
|
|
+
|
|
|
+getList();
|
|
|
+getAlgoList();
|
|
|
+</script>
|