ap-dev 1.2.25 → 1.2.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/abap/ApiPanel/components/ApiContent.vue +1 -1
  2. package/abap/ApiPanel/components/ApiTable.vue +1 -1
  3. package/abap/ApiPanel/components/ApiTittle1.vue +1 -1
  4. package/abap/ApiPanel/components/ApiTittle2.vue +1 -1
  5. package/abap/ApiPanel/components/index.js +1 -1
  6. package/abap/CodePanel/abapKeywords.js +6 -6
  7. package/abap/CodePanel/componentMenus.js +28 -28
  8. package/abap/ConfigPanel/AbapCustomTable.vue +122 -122
  9. package/abap/ConfigPanel/AbapDocHistory.vue +145 -145
  10. package/abap/ConfigPanel/AbapSql.vue +81 -81
  11. package/abap/ConfigPanel/AbapTable.vue +379 -379
  12. package/abap/ConfigPanel/AbapTableCondition.vue +213 -213
  13. package/abap/ConfigPanel/AbapTableLink.vue +391 -391
  14. package/abap/SqlPanel/index.vue +1088 -1088
  15. package/abap/abap/abapStore.js +27 -27
  16. package/abap/abap/index.vue +87 -87
  17. package/abap/components/SapTable.vue +129 -129
  18. package/abap/components/SapTableField.vue +161 -161
  19. package/dev/ApiPanel/components/ApiCode.vue +1 -1
  20. package/dev/ApiPanel/components/ApiContent.vue +1 -1
  21. package/dev/ApiPanel/components/ApiTable.vue +1 -1
  22. package/dev/ApiPanel/components/ApiTittle1.vue +1 -1
  23. package/dev/ApiPanel/components/ApiTittle2.vue +1 -1
  24. package/dev/ApiPanel/components/index.js +1 -1
  25. package/dev/ApiPanel/modules/ApiBaseLayout.vue +1 -1
  26. package/dev/ComponentsPanel/items/ApDevItemBase.vue +1 -1
  27. package/dev/ComponentsPanel/items/ApDevItemButton.vue +1 -1
  28. package/dev/ComponentsPanel/items/ApDevItemChartBar.vue +1 -1
  29. package/dev/ComponentsPanel/items/ApDevItemChartGauge.vue +1 -1
  30. package/dev/ComponentsPanel/items/ApDevItemChartLine.vue +1 -1
  31. package/dev/ComponentsPanel/items/ApDevItemChartPie.vue +1 -1
  32. package/dev/ComponentsPanel/items/ApDevItemChartRadar.vue +1 -1
  33. package/dev/ComponentsPanel/items/ApDevItemCheckbox.vue +1 -1
  34. package/dev/ComponentsPanel/items/ApDevItemDateTime.vue +1 -1
  35. package/dev/ComponentsPanel/items/ApDevItemForm.vue +1 -1
  36. package/dev/ComponentsPanel/items/ApDevItemInput.vue +1 -1
  37. package/dev/ComponentsPanel/items/ApDevItemInputNumber.vue +1 -1
  38. package/dev/ComponentsPanel/items/ApDevItemLoading.vue +1 -1
  39. package/dev/ComponentsPanel/items/ApDevItemRadio.vue +1 -1
  40. package/dev/ComponentsPanel/items/ApDevItemSelect.vue +1 -1
  41. package/dev/ComponentsPanel/items/ApDevItemSwitch.vue +1 -1
  42. package/dev/ComponentsPanel/items/ApDevItemTooltip.vue +1 -1
  43. package/dev/ComponentsPanel/items/ApDevItemTree.vue +1 -1
  44. package/dev/ComponentsPanel/items/ApDevItemUpload.vue +1 -1
  45. package/dev/ComponentsPanel/items/test.vue +1 -1
  46. package/dev/ConfigPanel/DevCpt.vue +1036 -1036
  47. package/dev/ConfigPanel/DevCptBase.vue +210 -210
  48. package/dev/ConfigPanel/DevDbSource.vue +108 -108
  49. package/dev/ConfigPanel/DevDbUserSource.vue +117 -117
  50. package/dev/ConfigPanel/DevDocHistory.vue +145 -145
  51. package/dev/ConfigPanel/DevMyConfig.vue +205 -205
  52. package/dev/CustomPanel/CustomComponents.vue +10 -10
  53. package/dev/CustomPanel/CustomDataTree.vue +1 -1
  54. package/dev/CustomPanel/CustomTools.vue +1 -1
  55. package/dev/CustomPanel/index.vue +1 -1
  56. package/dev/CustomPanel/items/ApDevCheckbox.vue +7 -7
  57. package/dev/CustomPanel/items/ApDevCheckboxProp.vue +1 -1
  58. package/dev/CustomPanel/items/ApDevContainerRow.vue +155 -155
  59. package/dev/CustomPanel/items/ApDevContainerRowProp.vue +39 -39
  60. package/dev/CustomPanel/items/ApDevDateTime.vue +5 -5
  61. package/dev/CustomPanel/items/ApDevDateTimeProp.vue +1 -1
  62. package/dev/CustomPanel/items/ApDevDefaultProp.vue +20 -20
  63. package/dev/CustomPanel/items/ApDevInput.vue +49 -49
  64. package/dev/CustomPanel/items/ApDevInputNumber.vue +57 -57
  65. package/dev/CustomPanel/items/ApDevInputNumberProp.vue +96 -96
  66. package/dev/CustomPanel/items/ApDevInputProp.vue +85 -85
  67. package/dev/CustomPanel/items/ApDevRadio.vue +7 -7
  68. package/dev/CustomPanel/items/ApDevRadioProp.vue +1 -1
  69. package/dev/CustomPanel/items/ApDevSelect.vue +314 -314
  70. package/dev/CustomPanel/items/ApDevSelectProp.vue +83 -83
  71. package/dev/CustomPanel/items/ApDevTree.vue +5 -5
  72. package/dev/CustomPanel/items/ApDevTreeProp.vue +1 -1
  73. package/dev/CustomPanel/items/ApDevUpload.vue +6 -6
  74. package/dev/CustomPanel/items/ApDevUploadProp.vue +1 -1
  75. package/dev/CustomPanel/items/base/ApDevBase.vue +1 -1
  76. package/dev/CustomPanel/items/base/ApDevItemBase.vue +2 -2
  77. package/dev/CustomPanel/items/base/ApDevPropBase.vue +1 -1
  78. package/dev/CustomPanel/items/base/ApDevPropStyle.vue +93 -93
  79. package/dev/DevDoc/index.vue +1 -0
  80. package/dev/dev/DevUtil.js +31 -31
  81. package/dev/dev/devConfig.js +99 -99
  82. package/dev/dev/devStore.js +368 -368
  83. package/dev/dev/index.vue +85 -85
  84. package/ops/ApiPanel/components/ApiContent.vue +1 -1
  85. package/ops/ApiPanel/components/ApiTable.vue +1 -1
  86. package/ops/ApiPanel/components/ApiTittle1.vue +1 -1
  87. package/ops/ApiPanel/components/ApiTittle2.vue +1 -1
  88. package/ops/ApiPanel/components/index.js +1 -1
  89. package/ops/ConfigPanel/OpsDocHistory.vue +145 -145
  90. package/ops/ops/index.vue +60 -60
  91. package/ops/ops/opsStore.js +27 -27
  92. package/package.json +1 -1
@@ -14,4 +14,4 @@ export default {
14
14
  .api-content {
15
15
 
16
16
  }
17
- </style>
17
+ </style>
@@ -37,4 +37,4 @@ export default {
37
37
  .el-table /deep/ .api-table-cell {
38
38
  vertical-align: top
39
39
  }
40
- </style>
40
+ </style>
@@ -13,4 +13,4 @@ export default {
13
13
  </script>
14
14
 
15
15
  <style scoped>
16
- </style>
16
+ </style>
@@ -13,4 +13,4 @@ export default {
13
13
  </script>
14
14
 
15
15
  <style scoped>
16
- </style>
16
+ </style>
@@ -2,4 +2,4 @@ export { default as ApiCode } from './ApiCode'
2
2
  export { default as ApiTittle1 } from './ApiTittle1'
3
3
  export { default as ApiTittle2 } from './ApiTittle2'
4
4
  export { default as ApiContent } from './ApiContent'
5
- export { default as ApiTable } from './ApiTable'
5
+ export { default as ApiTable } from './ApiTable'
@@ -1,6 +1,6 @@
1
- const keywords = [
2
- 'DATA', 'TYPE', 'DECIMALS', 'TYPES:', 'BEGIN OF', 'END OF',
3
- 'LIKE', 'VALUE', 'MOVE-CORRESPONDING', 'TO', 'WRITE', 'INCLUDE STRUCTURE'
4
- ]
5
-
6
- export default keywords
1
+ const keywords = [
2
+ 'DATA', 'TYPE', 'DECIMALS', 'TYPES:', 'BEGIN OF', 'END OF',
3
+ 'LIKE', 'VALUE', 'MOVE-CORRESPONDING', 'TO', 'WRITE', 'INCLUDE STRUCTURE'
4
+ ]
5
+
6
+ export default keywords
@@ -1,28 +1,28 @@
1
- const devComponents = [
2
- {
3
- title: '程序',
4
- list: [{
5
- title: '数据定义',
6
- icon: 'el-icon-input',
7
- type: 'data-define'
8
- }, {
9
- title: '计数器',
10
- icon: 'el-icon-input-number',
11
- type: 'input-number'
12
- }]
13
- },
14
- {
15
- title: '报表',
16
- list: [{
17
- title: 'ALV',
18
- icon: 'el-icon-button',
19
- type: 'button'
20
- }, {
21
- title: '开关',
22
- icon: 'el-icon-switch',
23
- type: 'switch'
24
- }]
25
- }
26
- ]
27
-
28
- export default devComponents
1
+ const devComponents = [
2
+ {
3
+ title: '程序',
4
+ list: [{
5
+ title: '数据定义',
6
+ icon: 'el-icon-input',
7
+ type: 'data-define'
8
+ }, {
9
+ title: '计数器',
10
+ icon: 'el-icon-input-number',
11
+ type: 'input-number'
12
+ }]
13
+ },
14
+ {
15
+ title: '报表',
16
+ list: [{
17
+ title: 'ALV',
18
+ icon: 'el-icon-button',
19
+ type: 'button'
20
+ }, {
21
+ title: '开关',
22
+ icon: 'el-icon-switch',
23
+ type: 'switch'
24
+ }]
25
+ }
26
+ ]
27
+
28
+ export default devComponents
@@ -1,122 +1,122 @@
1
- <template>
2
- <ap-container>
3
- <ap-header margin="1111">
4
- <el-form ref="searchForm" :model="searchForm" :rules="searchFormRules"
5
- :inline="true" class="layout-header-form">
6
- <el-form-item label="搜索:" class="layout-header-form-item" prop="likeStr">
7
- <el-input v-model="searchForm.likeStr" placeholder="表名/表描述"></el-input>
8
- </el-form-item>
9
- <el-form-item label="模块:" class="layout-header-form-item" prop="moduleName">
10
- <el-select v-model="searchForm.moduleName" style="width: 110px;">
11
- <el-option key="" label="全部" value=""></el-option>
12
- <el-option key="MM" label="MM" value="MM"></el-option>
13
- <el-option key="SD" label="SD" value="SD"></el-option>
14
- <el-option key="PP" label="PP" value="PP"></el-option>
15
- <el-option key="FICO" label="FICO" value="FICO"></el-option>
16
- </el-select>
17
- </el-form-item>
18
- <el-form-item label="是否配置:" class="layout-header-form-item" prop="configFlag">
19
- <el-select v-model="searchForm.configFlag" style="width: 110px;">
20
- <el-option key="" label="全部" value=""></el-option>
21
- <el-option key="已配置" label="已配置" value="已配置"></el-option>
22
- <el-option key="未配置" label="未配置" value="未配置"></el-option>
23
- </el-select>
24
- </el-form-item>
25
- </el-form>
26
- <el-button type="primary" @click="searchEvent">查询</el-button>
27
- </ap-header>
28
- <ap-main margin="0111">
29
- <ap-table ref="tAbapSqlRef" :options.sync="tableOpt"></ap-table>
30
- </ap-main>
31
- </ap-container>
32
- </template>
33
-
34
- <script>
35
- export default {
36
- name: 'AbapCustomTable',
37
- data() {
38
- let columns = [
39
- {
40
- prop: 'moduleName',
41
- label: '模块',
42
- type: 'input',
43
- align:"center",
44
- width: '100',
45
- sortable: 'local',
46
- }, {
47
- prop: 'tableName',
48
- label: 'SAP-表名',
49
- type: 'input',
50
- minWidth: '100',
51
- sortable: 'local',
52
- }, {
53
- prop: 'tableText',
54
- label: 'SAP-表描述',
55
- type: 'input',
56
- minWidth: '150',
57
- }, {
58
- prop: 'fdDesc',
59
- label: '自定义-表描述',
60
- type: 'input',
61
- sortable: 'local',
62
- minWidth: '250',
63
- }, {
64
- prop: 'fdDesc',
65
- label: '是否配置',
66
- type: 'input',
67
- align:"center",
68
- width: '100',
69
- sortable: 'local',
70
- html: (val) => {
71
- if (val == null || val == '') {
72
- return '<div class="ap-tag-danger">未配置</div>'
73
- }
74
- return '<div class="ap-tag-success">已配置</div>';
75
- }
76
- },
77
- ];
78
- let tableOpt = {
79
- title: "SAP自建表列表",
80
- columns: columns,
81
- dataUrl: "/apd/abap/AbapTable/getSapCustomTableGridData",
82
- toolbarBtn: ["refresh"],
83
- initData: true, // 默认false
84
- pagination: {pageSizes: [1000], pageSize: 1000},
85
- params: () => {
86
- return {
87
- likeStr: this.searchForm.likeStr,
88
- moduleName: this.searchForm.moduleName,
89
- configFlag: this.searchForm.configFlag,
90
- }
91
- }
92
- };
93
- return {
94
- tableOpt: tableOpt,
95
- searchForm: {
96
- likeStr: "",
97
- moduleName: "",
98
- configFlag: ""
99
- },
100
- searchFormRules: {
101
- likeStr: [{min: 1, max: 10, message: '长度在 1 到 10 个字符', trigger: 'blur'}]
102
- }
103
- }
104
- },
105
- methods: {
106
- // 查询
107
- searchEvent() {
108
- // 表单rules认证
109
- this.$refs.searchForm.validate((valid) => {
110
- if (!valid) {
111
- this.$message.error('搜索条件格式不正确!');
112
- return false;
113
- }
114
- this.$refs.tAbapSqlRef.refresh();
115
- });
116
- }
117
- }
118
- }
119
- </script>
120
-
121
- <style scoped>
122
- </style>
1
+ <template>
2
+ <ap-container>
3
+ <ap-header margin="1111">
4
+ <el-form ref="searchForm" :model="searchForm" :rules="searchFormRules"
5
+ :inline="true" class="layout-header-form">
6
+ <el-form-item label="搜索:" class="layout-header-form-item" prop="likeStr">
7
+ <el-input v-model="searchForm.likeStr" placeholder="表名/表描述"></el-input>
8
+ </el-form-item>
9
+ <el-form-item label="模块:" class="layout-header-form-item" prop="moduleName">
10
+ <el-select v-model="searchForm.moduleName" style="width: 110px;">
11
+ <el-option key="" label="全部" value=""></el-option>
12
+ <el-option key="MM" label="MM" value="MM"></el-option>
13
+ <el-option key="SD" label="SD" value="SD"></el-option>
14
+ <el-option key="PP" label="PP" value="PP"></el-option>
15
+ <el-option key="FICO" label="FICO" value="FICO"></el-option>
16
+ </el-select>
17
+ </el-form-item>
18
+ <el-form-item label="是否配置:" class="layout-header-form-item" prop="configFlag">
19
+ <el-select v-model="searchForm.configFlag" style="width: 110px;">
20
+ <el-option key="" label="全部" value=""></el-option>
21
+ <el-option key="已配置" label="已配置" value="已配置"></el-option>
22
+ <el-option key="未配置" label="未配置" value="未配置"></el-option>
23
+ </el-select>
24
+ </el-form-item>
25
+ </el-form>
26
+ <el-button type="primary" @click="searchEvent">查询</el-button>
27
+ </ap-header>
28
+ <ap-main margin="0111">
29
+ <ap-table ref="tAbapSqlRef" :options.sync="tableOpt"></ap-table>
30
+ </ap-main>
31
+ </ap-container>
32
+ </template>
33
+
34
+ <script>
35
+ export default {
36
+ name: 'AbapCustomTable',
37
+ data() {
38
+ let columns = [
39
+ {
40
+ prop: 'moduleName',
41
+ label: '模块',
42
+ type: 'input',
43
+ align:"center",
44
+ width: '100',
45
+ sortable: 'local',
46
+ }, {
47
+ prop: 'tableName',
48
+ label: 'SAP-表名',
49
+ type: 'input',
50
+ minWidth: '100',
51
+ sortable: 'local',
52
+ }, {
53
+ prop: 'tableText',
54
+ label: 'SAP-表描述',
55
+ type: 'input',
56
+ minWidth: '150',
57
+ }, {
58
+ prop: 'fdDesc',
59
+ label: '自定义-表描述',
60
+ type: 'input',
61
+ sortable: 'local',
62
+ minWidth: '250',
63
+ }, {
64
+ prop: 'fdDesc',
65
+ label: '是否配置',
66
+ type: 'input',
67
+ align:"center",
68
+ width: '100',
69
+ sortable: 'local',
70
+ html: (val) => {
71
+ if (val == null || val == '') {
72
+ return '<div class="ap-tag-danger">未配置</div>'
73
+ }
74
+ return '<div class="ap-tag-success">已配置</div>';
75
+ }
76
+ },
77
+ ];
78
+ let tableOpt = {
79
+ title: "SAP自建表列表",
80
+ columns: columns,
81
+ dataUrl: "/apd/abap/AbapTable/getSapCustomTableGridData",
82
+ toolbarBtn: ["refresh"],
83
+ initData: true, // 默认false
84
+ pagination: {pageSizes: [1000], pageSize: 1000},
85
+ params: () => {
86
+ return {
87
+ likeStr: this.searchForm.likeStr,
88
+ moduleName: this.searchForm.moduleName,
89
+ configFlag: this.searchForm.configFlag,
90
+ }
91
+ }
92
+ };
93
+ return {
94
+ tableOpt: tableOpt,
95
+ searchForm: {
96
+ likeStr: "",
97
+ moduleName: "",
98
+ configFlag: ""
99
+ },
100
+ searchFormRules: {
101
+ likeStr: [{min: 1, max: 10, message: '长度在 1 到 10 个字符', trigger: 'blur'}]
102
+ }
103
+ }
104
+ },
105
+ methods: {
106
+ // 查询
107
+ searchEvent() {
108
+ // 表单rules认证
109
+ this.$refs.searchForm.validate((valid) => {
110
+ if (!valid) {
111
+ this.$message.error('搜索条件格式不正确!');
112
+ return false;
113
+ }
114
+ this.$refs.tAbapSqlRef.refresh();
115
+ });
116
+ }
117
+ }
118
+ }
119
+ </script>
120
+
121
+ <style scoped>
122
+ </style>
@@ -1,145 +1,145 @@
1
- <template>
2
- <ap-container>
3
- <ap-header margin="1111">
4
- <el-form ref="searchForm" :model="searchForm" :rules="searchFormRules"
5
- :inline="true" class="layout-header-form">
6
- <el-form-item label="搜索:" class="layout-header-form-item" prop="likeStr">
7
- <el-input v-model="searchForm.likeStr" placeholder="名称"></el-input>
8
- </el-form-item>
9
- </el-form>
10
- <el-button type="primary" @click="searchEvent">查询</el-button>
11
- </ap-header>
12
- <ap-main margin="0111">
13
- <ap-table ref="tDocHistoryRef" :options.sync="docHistoryOpt">
14
- <template #operate="slotProps">
15
- <div class="ap-tag" @click="showDetail(slotProps.rowData.fdId)">文档预览</div>
16
- </template>
17
- </ap-table>
18
- </ap-main>
19
- <el-dialog
20
- title="文档预览"
21
- :visible.sync="showDialog" style="height: 100%">
22
- <ap-doc v-model="docText" style="height: 400px;overflow: scroll;">
23
-
24
- </ap-doc>
25
- </el-dialog>
26
- </ap-container>
27
- </template>
28
-
29
- <script>
30
- export default {
31
- name: 'AbapDocHistory',
32
- data() {
33
- let columns = [
34
- {
35
- prop: 'fdTypeId',
36
- label: '文档类型Id',
37
- type: 'input',
38
- width: '250px'
39
- } , {
40
- prop: 'fdName',
41
- label: '文档名称',
42
- type: 'input'
43
- }, {
44
- prop: 'fdDate',
45
- label: '文档更新时间',
46
- type: 'datePicker',
47
- align:"center",
48
- datePickerFormat: 'yyyy-MM-dd HH:mm',
49
- width: '130px'
50
- }, {
51
- prop: 'fdBackupDate',
52
- label: '备份时间',
53
- type: 'datePicker',
54
- datePickerFormat: 'yyyy-MM-dd HH:mm',
55
- align:"center",
56
- width: '130px'
57
- } , {
58
- prop: 'fdName',
59
- label: '检查信息',
60
- type: 'input',
61
- html: (value, row) => {
62
- if (row.currentName == null) {
63
- return `<div class="ap-color-red">当前文档已删除</div>`;
64
- }
65
- if (row.currentName != row.fdName) {
66
- return `<div class="ap-color-red">最新文档名称:${row.currentName}</div>`;
67
- }
68
- return `<div class="ap-color-green">正常</div>`;
69
- }
70
- }, {
71
- prop: 'operate',
72
- label: '操作',
73
- type: 'slot',
74
- slot: "operate",
75
- align:"center",
76
- width: '120px',
77
- }
78
- ];
79
- let tableOpt = {
80
- title: "SAP文档历史表",
81
- columns: columns,
82
- dataUrl: "/apd/abap/TAbapDocHistory/getTAbapDocHistoryGridList",
83
- toolbarBtn: [{btnType: "primary", text: "备份文档", icon: "el-icon-transfer", onClick: this.backupDoc}, "refresh"],
84
- initData: true, // 默认false
85
- showSelection: false,
86
- params: () => {
87
- return {
88
- likeStr: this.searchForm.likeStr
89
- }
90
- }
91
- };
92
- return {
93
- docHistoryOpt: tableOpt,
94
- searchForm: {
95
- likeStr: ""
96
- },
97
- searchFormRules: {
98
- likeStr: [{min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur'}]
99
- },
100
- showDialog: false,
101
- docText: ""
102
- }
103
- },
104
- methods: {
105
- // 查询
106
- searchEvent() {
107
- // 表单rules认证
108
- this.$refs.searchForm.validate((valid) => {
109
- if (!valid) {
110
- this.$message.error('搜索条件格式不正确!');
111
- return false;
112
- }
113
- this.$refs.tDocHistoryRef.refresh();
114
- });
115
- },
116
- backupDoc() {
117
- this.$message.warning("开始备份...");
118
- this.$request({
119
- url: "/apd/abap/TAbapDocHistory/backupAbapDoc",
120
- method: 'post',
121
- data: {}
122
- }).then(response => {
123
- this.$message.success(response.data);
124
- this.$refs.tDocHistoryRef.refresh();
125
- })
126
- },
127
- showDetail(id) {
128
- this.showDialog = true;
129
- this.docText = "...";
130
- this.$request({
131
- url: "/apd/abap/TAbapDocHistory/getTAbapDocHistoryByFdId",
132
- method: 'post',
133
- data: {
134
- fdId: id
135
- }
136
- }).then(response => {
137
- this.docText = response.data.fdText;
138
- })
139
- }
140
- }
141
- }
142
- </script>
143
-
144
- <style scoped>
145
- </style>
1
+ <template>
2
+ <ap-container>
3
+ <ap-header margin="1111">
4
+ <el-form ref="searchForm" :model="searchForm" :rules="searchFormRules"
5
+ :inline="true" class="layout-header-form">
6
+ <el-form-item label="搜索:" class="layout-header-form-item" prop="likeStr">
7
+ <el-input v-model="searchForm.likeStr" placeholder="名称"></el-input>
8
+ </el-form-item>
9
+ </el-form>
10
+ <el-button type="primary" @click="searchEvent">查询</el-button>
11
+ </ap-header>
12
+ <ap-main margin="0111">
13
+ <ap-table ref="tDocHistoryRef" :options.sync="docHistoryOpt">
14
+ <template #operate="slotProps">
15
+ <div class="ap-tag" @click="showDetail(slotProps.rowData.fdId)">文档预览</div>
16
+ </template>
17
+ </ap-table>
18
+ </ap-main>
19
+ <el-dialog
20
+ title="文档预览"
21
+ :visible.sync="showDialog" style="height: 100%">
22
+ <ap-doc v-model="docText" style="height: 400px;overflow: scroll;">
23
+
24
+ </ap-doc>
25
+ </el-dialog>
26
+ </ap-container>
27
+ </template>
28
+
29
+ <script>
30
+ export default {
31
+ name: 'AbapDocHistory',
32
+ data() {
33
+ let columns = [
34
+ {
35
+ prop: 'fdTypeId',
36
+ label: '文档类型Id',
37
+ type: 'input',
38
+ width: '250px'
39
+ } , {
40
+ prop: 'fdName',
41
+ label: '文档名称',
42
+ type: 'input'
43
+ }, {
44
+ prop: 'fdDate',
45
+ label: '文档更新时间',
46
+ type: 'datePicker',
47
+ align:"center",
48
+ datePickerFormat: 'yyyy-MM-dd HH:mm',
49
+ width: '130px'
50
+ }, {
51
+ prop: 'fdBackupDate',
52
+ label: '备份时间',
53
+ type: 'datePicker',
54
+ datePickerFormat: 'yyyy-MM-dd HH:mm',
55
+ align:"center",
56
+ width: '130px'
57
+ } , {
58
+ prop: 'fdName',
59
+ label: '检查信息',
60
+ type: 'input',
61
+ html: (value, row) => {
62
+ if (row.currentName == null) {
63
+ return `<div class="ap-color-red">当前文档已删除</div>`;
64
+ }
65
+ if (row.currentName != row.fdName) {
66
+ return `<div class="ap-color-red">最新文档名称:${row.currentName}</div>`;
67
+ }
68
+ return `<div class="ap-color-green">正常</div>`;
69
+ }
70
+ }, {
71
+ prop: 'operate',
72
+ label: '操作',
73
+ type: 'slot',
74
+ slot: "operate",
75
+ align:"center",
76
+ width: '120px',
77
+ }
78
+ ];
79
+ let tableOpt = {
80
+ title: "SAP文档历史表",
81
+ columns: columns,
82
+ dataUrl: "/apd/abap/TAbapDocHistory/getTAbapDocHistoryGridList",
83
+ toolbarBtn: [{btnType: "primary", text: "备份文档", icon: "el-icon-transfer", onClick: this.backupDoc}, "refresh"],
84
+ initData: true, // 默认false
85
+ showSelection: false,
86
+ params: () => {
87
+ return {
88
+ likeStr: this.searchForm.likeStr
89
+ }
90
+ }
91
+ };
92
+ return {
93
+ docHistoryOpt: tableOpt,
94
+ searchForm: {
95
+ likeStr: ""
96
+ },
97
+ searchFormRules: {
98
+ likeStr: [{min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur'}]
99
+ },
100
+ showDialog: false,
101
+ docText: ""
102
+ }
103
+ },
104
+ methods: {
105
+ // 查询
106
+ searchEvent() {
107
+ // 表单rules认证
108
+ this.$refs.searchForm.validate((valid) => {
109
+ if (!valid) {
110
+ this.$message.error('搜索条件格式不正确!');
111
+ return false;
112
+ }
113
+ this.$refs.tDocHistoryRef.refresh();
114
+ });
115
+ },
116
+ backupDoc() {
117
+ this.$message.warning("开始备份...");
118
+ this.$request({
119
+ url: "/apd/abap/TAbapDocHistory/backupAbapDoc",
120
+ method: 'post',
121
+ data: {}
122
+ }).then(response => {
123
+ this.$message.success(response.data);
124
+ this.$refs.tDocHistoryRef.refresh();
125
+ })
126
+ },
127
+ showDetail(id) {
128
+ this.showDialog = true;
129
+ this.docText = "...";
130
+ this.$request({
131
+ url: "/apd/abap/TAbapDocHistory/getTAbapDocHistoryByFdId",
132
+ method: 'post',
133
+ data: {
134
+ fdId: id
135
+ }
136
+ }).then(response => {
137
+ this.docText = response.data.fdText;
138
+ })
139
+ }
140
+ }
141
+ }
142
+ </script>
143
+
144
+ <style scoped>
145
+ </style>