7 changed files with 249 additions and 156 deletions
Split View
Diff Options
-
BINsrc/assets/img/look_error.png
-
+43 -99src/components/queryComponent/index.vue
-
+72 -0src/components/queryComponent/lookError.vue
-
+6 -0src/router/plan.js
-
+108 -0src/views/plan/workbench/lookError/index.vue
-
+15 -52src/views/system/oneimport/addOrEdit.vue
-
+5 -5src/views/system/oneimport/index.vue
BIN
src/assets/img/look_error.png
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 1.6 KiB |
+ 43
- 99
src/components/queryComponent/index.vue
View File
+ 72
- 0
src/components/queryComponent/lookError.vue
View File
| @ -0,0 +1,72 @@ | |||
| <template> | |||
| <el-dialog | |||
| :title="title" | |||
| custom-class="look-error-wrapper" | |||
| model-value fullscreen | |||
| :close-on-click-modal="false" | |||
| :before-close="cancel"> | |||
| <el-table | |||
| :data="tableData" | |||
| v-loading="loading" | |||
| size="mini" | |||
| style="width: 100%" | |||
| border | |||
| height="500px" | |||
| > | |||
| <el-table-column | |||
| v-for="(item, index) in headers" | |||
| :key="index" | |||
| :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" | |||
| /> | |||
| </el-dialog> | |||
| </template> | |||
| <script> | |||
| import { ListMixin } from "@/mixins/ListMixin"; | |||
| export default { | |||
| name: 'editField', | |||
| mixins: [ListMixin], | |||
| props: { | |||
| item: { | |||
| default: null, | |||
| } | |||
| }, | |||
| data() { | |||
| return { | |||
| title: '查看错误', // 弹框标题 | |||
| 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", | |||
| ], // 遍历表头 | |||
| } | |||
| }, | |||
| methods: { | |||
| cancel() { // 取消按钮 | |||
| this.$emit('update:isShowDialog','') | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="less"> | |||
| .look-error-wrapper { | |||
| height: 100%; | |||
| } | |||
| </style> | |||
+ 6
- 0
src/router/plan.js
View File
+ 108
- 0
src/views/plan/workbench/lookError/index.vue
View File
| @ -0,0 +1,108 @@ | |||
| <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> | |||
| <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" | |||
| :height="tableHeight" | |||
| > | |||
| <el-table-column | |||
| v-for="(item, index) in headers" | |||
| :key="index" | |||
| :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 { | |||
| 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.$nextTick(() => { | |||
| this.tableHeight = this.calculationTableHeight( | |||
| this.$refs.tableRef, | |||
| 120 | |||
| ); | |||
| }) | |||
| } | |||
| }; | |||
| </script> | |||
| <style lang="less" scoped> | |||
| .table-height-wrap { | |||
| height: 100%; | |||
| overflow: hidden; | |||
| } | |||
| </style> | |||