新增预测版本页面

src/router/plan.js

@@ -54,6 +54,12 @@ const plant = {
 					title: "错误查看",
 					component: () => import("@/views/plan/workbench/lookError"),
 				},
+				{
+					icon: "el-icon-document",
+					path: "/plan/workbench/predictVersion",
+					title: "预测版本",
+					component: () => import("@/views/plan/workbench/predictVersion"),
+				},
 			]
 		},
 	],

src/views/plan/workbench/predictVersion/index.vue

@@ -0,0 +1,113 @@
+<template>
+  <div ref="tableRef"
+      class="table-height-wrap">
+    <SearchTemplate>
+      <el-form :inline="true"
+          class="clearfix search-content">
+        <el-form-item :label="getColumnName('AP_ErrorDatalst-Id')">
+          <el-input v-model.trim="queryParams.Id"
+              placeholder="请输入查询内容"
+              clearable
+              style="width: 240px" />
+        </el-form-item>
+        <el-form-item :label="getColumnName('AP_ErrorDatalst-ErrorStatus')">
+          <el-select v-model="queryParams.ErrorStatus"
+              placeholder="请选择">
+            <el-option v-for="item in statusOptions"
+                :key="item['Stdef-StdefTyp']"
+                :label="item['Stdef-Bez']"
+                :value="item['Stdef-StdefTyp']" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button icon="el-icon-search"
+              size="mini"
+              class="search-button-style"
+              @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh"
+              size="mini"
+              class="reset-button-style"
+              @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </SearchTemplate>
+    <ContentContainer>
+      <el-table :data="tableData"
+          v-loading="loading"
+          size="mini"
+          style="width: 100%"
+          border
+          v-if="tableHeight"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+          :height="tableHeight">
+        <el-table-column  
+        v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
+            :label="getColumnName(item)"
+            :show-overflow-tooltip="true">
+          <template #default="scope">
+            <span>{{ scope.row[item] }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <Pagination v-show="pagination.total > 0"
+          v-model:pagination="pagination"
+          @change="getList" />
+    </ContentContainer>
+  </div>
+</template>
+<script>
+  import { ListMixin } from "@/mixins/ListMixin";
+  export default {
+    mixins: [ListMixin],
+    data() {
+      return {
+        statusOptions: [],
+        queryTableDataUrl: "/admin/ap/errordatalst/query",
+        headers: [
+          "AP_ErrorDatalst-Id",
+          "AP_ErrorDatalst-ErrorInfo",
+          "AP_ErrorDatalst-ErrorType",
+          "AP_ErrorDatalst-ErrorStatus",
+          "AP_ErrorDatalst-TargetSource",
+          "AP_ErrorDatalst-LastModify",
+          "AP_ErrorDatalst-LastUser",
+          "AP_ErrorDatalst-CreateTime",
+        ], // 遍历表头
+        tableHeight: 0,
+      };
+    },
+    methods: {
+      // 搜索按钮操作
+      handleQuery() {
+        this.pagination.pageNumber = 1;
+        this.getList();
+      },
+      // 重置按钮操作
+      resetQuery() {
+        this.queryParams.Id = undefined;
+        this.handleQuery();
+      },
+    },
+    mounted() {
+      this.getStanderOne({ statid: 'AP_ErrorDatalst-ErrorStatus' }).then((res) => {
+        this.statusOptions = res.data
+      })
+      this.$nextTick(() => {
+        this.tableHeight = this.calculationTableHeight(
+          this.$refs.tableRef,
+          120
+        );
+      })
+    }
+  };
+</script>
+<style lang="less"
+    scoped>
+  .table-height-wrap {
+    height: 100%;
+    overflow: hidden;
+  }
+</style>