ap-dev 1.2.24 → 1.2.26

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 (100) 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/BackgroundPanel/index.vue +19 -0
  27. package/dev/ComponentsPanel/items/ApDevItemBase.vue +1 -1
  28. package/dev/ComponentsPanel/items/ApDevItemButton.vue +1 -1
  29. package/dev/ComponentsPanel/items/ApDevItemChartBar.vue +1 -1
  30. package/dev/ComponentsPanel/items/ApDevItemChartGauge.vue +1 -1
  31. package/dev/ComponentsPanel/items/ApDevItemChartLine.vue +1 -1
  32. package/dev/ComponentsPanel/items/ApDevItemChartPie.vue +1 -1
  33. package/dev/ComponentsPanel/items/ApDevItemChartRadar.vue +1 -1
  34. package/dev/ComponentsPanel/items/ApDevItemCheckbox.vue +1 -1
  35. package/dev/ComponentsPanel/items/ApDevItemDateTime.vue +1 -1
  36. package/dev/ComponentsPanel/items/ApDevItemForm.vue +1 -1
  37. package/dev/ComponentsPanel/items/ApDevItemInput.vue +1 -1
  38. package/dev/ComponentsPanel/items/ApDevItemInputNumber.vue +1 -1
  39. package/dev/ComponentsPanel/items/ApDevItemLoading.vue +1 -1
  40. package/dev/ComponentsPanel/items/ApDevItemRadio.vue +1 -1
  41. package/dev/ComponentsPanel/items/ApDevItemSelect.vue +1 -1
  42. package/dev/ComponentsPanel/items/ApDevItemSwitch.vue +1 -1
  43. package/dev/ComponentsPanel/items/ApDevItemTooltip.vue +1 -1
  44. package/dev/ComponentsPanel/items/ApDevItemTree.vue +1 -1
  45. package/dev/ComponentsPanel/items/ApDevItemUpload.vue +1 -1
  46. package/dev/ComponentsPanel/items/test.vue +1 -1
  47. package/dev/ConfigPanel/DevCpt.vue +1036 -1036
  48. package/dev/ConfigPanel/DevCptBase.vue +210 -210
  49. package/dev/ConfigPanel/DevDbSource.vue +108 -108
  50. package/dev/ConfigPanel/DevDbUserSource.vue +117 -117
  51. package/dev/ConfigPanel/DevDocHistory.vue +145 -145
  52. package/dev/ConfigPanel/DevMyConfig.vue +205 -205
  53. package/dev/ConfigPanel/index.vue +0 -1
  54. package/dev/CustomPanel/CustomComponents.vue +10 -10
  55. package/dev/CustomPanel/CustomDataTree.vue +1 -1
  56. package/dev/CustomPanel/CustomTools.vue +1 -1
  57. package/dev/CustomPanel/index.vue +1 -1
  58. package/dev/CustomPanel/items/ApDevCheckbox.vue +7 -7
  59. package/dev/CustomPanel/items/ApDevCheckboxProp.vue +1 -1
  60. package/dev/CustomPanel/items/ApDevContainerRow.vue +155 -155
  61. package/dev/CustomPanel/items/ApDevContainerRowProp.vue +39 -39
  62. package/dev/CustomPanel/items/ApDevDateTime.vue +5 -5
  63. package/dev/CustomPanel/items/ApDevDateTimeProp.vue +1 -1
  64. package/dev/CustomPanel/items/ApDevDefaultProp.vue +20 -20
  65. package/dev/CustomPanel/items/ApDevInput.vue +49 -49
  66. package/dev/CustomPanel/items/ApDevInputNumber.vue +57 -57
  67. package/dev/CustomPanel/items/ApDevInputNumberProp.vue +96 -96
  68. package/dev/CustomPanel/items/ApDevInputProp.vue +85 -85
  69. package/dev/CustomPanel/items/ApDevRadio.vue +7 -7
  70. package/dev/CustomPanel/items/ApDevRadioProp.vue +1 -1
  71. package/dev/CustomPanel/items/ApDevSelect.vue +314 -314
  72. package/dev/CustomPanel/items/ApDevSelectProp.vue +83 -83
  73. package/dev/CustomPanel/items/ApDevTree.vue +5 -5
  74. package/dev/CustomPanel/items/ApDevTreeProp.vue +1 -1
  75. package/dev/CustomPanel/items/ApDevUpload.vue +6 -6
  76. package/dev/CustomPanel/items/ApDevUploadProp.vue +1 -1
  77. package/dev/CustomPanel/items/base/ApDevBase.vue +1 -1
  78. package/dev/CustomPanel/items/base/ApDevItemBase.vue +2 -2
  79. package/dev/CustomPanel/items/base/ApDevPropBase.vue +1 -1
  80. package/dev/CustomPanel/items/base/ApDevPropStyle.vue +93 -93
  81. package/dev/DbDesignPanel/DevDbField.vue +333 -611
  82. package/dev/DbDesignPanel/DevDbSync.vue +437 -613
  83. package/dev/DbDesignPanel/DevDbTable.vue +6 -6
  84. package/dev/DbDesignPanel/DevDbTableDialog.vue +284 -216
  85. package/dev/DbDesignPanel/index.vue +41 -24
  86. package/dev/OperatePanel/index.vue +0 -1
  87. package/dev/dev/DevUtil.js +31 -31
  88. package/dev/dev/devConfig.js +99 -99
  89. package/dev/dev/devStore.js +368 -368
  90. package/dev/dev/index.vue +85 -85
  91. package/ops/ApiPanel/components/ApiContent.vue +1 -1
  92. package/ops/ApiPanel/components/ApiTable.vue +1 -1
  93. package/ops/ApiPanel/components/ApiTittle1.vue +1 -1
  94. package/ops/ApiPanel/components/ApiTittle2.vue +1 -1
  95. package/ops/ApiPanel/components/index.js +1 -1
  96. package/ops/ConfigPanel/OpsDocHistory.vue +145 -145
  97. package/ops/OperatePanel/index.vue +0 -1
  98. package/ops/ops/index.vue +60 -60
  99. package/ops/ops/opsStore.js +27 -27
  100. package/package.json +1 -1
package/dev/dev/index.vue CHANGED
@@ -1,86 +1,86 @@
1
- <template>
2
- <div class="flex flex-pack-center flex-direction-column" v-loading="ctnLoading"
3
- style="height: 100%;background-color: #E9ECF1;">
4
- <div class="dev-header flex flex-pack-justify flex-align-center">
5
- <operate-panel/>
6
- </div>
7
- <keep-alive>
8
- <component :is="currentDesignPanel" class="flex-1 dev-main"/>
9
- </keep-alive>
10
- </div>
11
- </template>
12
-
13
- <script>
14
- // import ComponentsPanel from './../ComponentsPanel'
15
- import ComponentsPanel from '@/components/ComponentsPanel'
16
- import CustomPanel from './../CustomPanel'
17
- import BackgroundPanel from './../BackgroundPanel'
18
- import OperatePanel from './../OperatePanel'
19
- import TemplatePanel from './../TemplatePanel'
20
- import ApiPanel from './../ApiPanel'
21
- import DbDesignPanel from './../DbDesignPanel'
22
- import ConfigPanel from './../ConfigPanel'
23
- import OnlineCodePanel from './../OnlineCodePanel'
24
- import DevDoc from './../DevDoc'
25
- import apDevStore from './devStore'
26
- import {setLocalData} from './DevUtil'
27
-
28
- export default {
29
- name: 'Dev',
30
- components: {
31
- CustomPanel,
32
- BackgroundPanel,
33
- OperatePanel,
34
- TemplatePanel,
35
- ComponentsPanel,
36
- ApiPanel,
37
- DbDesignPanel,
38
- ConfigPanel,
39
- OnlineCodePanel,
40
- DevDoc,
41
- },
42
- store: apDevStore,
43
- data() {
44
- return {
45
- ctnLoading: true
46
- }
47
- },
48
- created() {
49
- this.initUserConfig();
50
- },
51
- computed: {
52
- // store数据修改,itemObj对应修改
53
- currentComps() {
54
- return this.$store.state.currentComps
55
- },
56
- currentDesignPanel() {
57
- return this.$store.state.tempData.currentDesignPanel
58
- }
59
- },
60
- methods: {
61
- initUserConfig() {
62
- this.$request({
63
- url: '/apd/config/TDevUserConfig/getTDevUserConfig',
64
- method: 'post',
65
- data: {}
66
- }).then(response => {
67
- setLocalData("userConfig", response.data);
68
- this.ctnLoading = false;
69
- });
70
- }
71
- }
72
- }
73
- </script>
74
-
75
-
76
- <style scoped>
77
- .dev-header {
78
- height: 40px;
79
- background-color: #3D76D3;
80
- color: white;
81
- }
82
-
83
- .dev-main {
84
- overflow: auto;
85
- }
1
+ <template>
2
+ <div class="flex flex-pack-center flex-direction-column" v-loading="ctnLoading"
3
+ style="height: 100%;background-color: #E9ECF1;">
4
+ <div class="dev-header flex flex-pack-justify flex-align-center">
5
+ <operate-panel/>
6
+ </div>
7
+ <keep-alive>
8
+ <component :is="currentDesignPanel" class="flex-1 dev-main"/>
9
+ </keep-alive>
10
+ </div>
11
+ </template>
12
+
13
+ <script>
14
+ // import ComponentsPanel from './../ComponentsPanel'
15
+ import ComponentsPanel from '@/components/ComponentsPanel'
16
+ import CustomPanel from './../CustomPanel'
17
+ import BackgroundPanel from './../BackgroundPanel'
18
+ import OperatePanel from './../OperatePanel'
19
+ import TemplatePanel from './../TemplatePanel'
20
+ import ApiPanel from './../ApiPanel'
21
+ import DbDesignPanel from './../DbDesignPanel'
22
+ import ConfigPanel from './../ConfigPanel'
23
+ import OnlineCodePanel from './../OnlineCodePanel'
24
+ import DevDoc from './../DevDoc'
25
+ import apDevStore from './devStore'
26
+ import {setLocalData} from './DevUtil'
27
+
28
+ export default {
29
+ name: 'Dev',
30
+ components: {
31
+ CustomPanel,
32
+ BackgroundPanel,
33
+ OperatePanel,
34
+ TemplatePanel,
35
+ ComponentsPanel,
36
+ ApiPanel,
37
+ DbDesignPanel,
38
+ ConfigPanel,
39
+ OnlineCodePanel,
40
+ DevDoc,
41
+ },
42
+ store: apDevStore,
43
+ data() {
44
+ return {
45
+ ctnLoading: true
46
+ }
47
+ },
48
+ created() {
49
+ this.initUserConfig();
50
+ },
51
+ computed: {
52
+ // store数据修改,itemObj对应修改
53
+ currentComps() {
54
+ return this.$store.state.currentComps
55
+ },
56
+ currentDesignPanel() {
57
+ return this.$store.state.tempData.currentDesignPanel
58
+ }
59
+ },
60
+ methods: {
61
+ initUserConfig() {
62
+ this.$request({
63
+ url: '/apd/config/TDevUserConfig/getTDevUserConfig',
64
+ method: 'post',
65
+ data: {}
66
+ }).then(response => {
67
+ setLocalData("userConfig", response.data);
68
+ this.ctnLoading = false;
69
+ });
70
+ }
71
+ }
72
+ }
73
+ </script>
74
+
75
+
76
+ <style scoped>
77
+ .dev-header {
78
+ height: 40px;
79
+ background-color: #3D76D3;
80
+ color: white;
81
+ }
82
+
83
+ .dev-main {
84
+ overflow: auto;
85
+ }
86
86
  </style>
@@ -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,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: 'OpsDocHistory',
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: "文档历史表",
81
- columns: columns,
82
- dataUrl: "/apd/ops/TOpsDocHistory/getTOpsDocHistoryGridList",
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/ops/TOpsDocHistory/backupOpsDoc",
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/ops/TOpsDocHistory/getTOpsDocHistoryByFdId",
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: 'OpsDocHistory',
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: "文档历史表",
81
+ columns: columns,
82
+ dataUrl: "/apd/ops/TOpsDocHistory/getTOpsDocHistoryGridList",
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/ops/TOpsDocHistory/backupOpsDoc",
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/ops/TOpsDocHistory/getTOpsDocHistoryByFdId",
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>
@@ -39,7 +39,6 @@ export default {
39
39
  },
40
40
  methods: {
41
41
  currentDesignPanel(type, event) {
42
- console.log(event);
43
42
  let items = document.getElementsByClassName("ap-dev-tool-item-active");
44
43
  for (let i = 0; i < items.length; i++) {
45
44
  removeClass(items[i],"ap-dev-tool-item-active")
package/ops/ops/index.vue CHANGED
@@ -1,61 +1,61 @@
1
- <template>
2
- <div class="flex flex-pack-center flex-direction-column"
3
- style="height: 100%;background-color: #E9ECF1;">
4
- <div class="dev-header flex flex-pack-justify flex-align-center">
5
- <operate-panel/>
6
- </div>
7
- <keep-alive>
8
- <component :is="currentDesignPanel" class="flex-1 dev-main"/>
9
- </keep-alive>
10
- </div>
11
- </template>
12
-
13
- <script>
14
- import OperatePanel from './../OperatePanel'
15
- import ApiPanel from './../ApiPanel'
16
- import ConfigPanel from './../ConfigPanel'
17
- import OpsDoc from './../OpsDoc'
18
- import opsStore from './opsStore'
19
-
20
- export default {
21
- name: 'Ops',
22
- components: {
23
- OperatePanel,
24
- ApiPanel,
25
- ConfigPanel,
26
- OpsDoc,
27
- },
28
- store: opsStore,
29
- data() {
30
- return {
31
- ctnLoading: true
32
- }
33
- },
34
- created() {
35
- },
36
- computed: {
37
- // store数据修改,itemObj对应修改
38
- currentComps() {
39
- return this.$store.state.currentComps
40
- },
41
- currentDesignPanel() {
42
- return this.$store.state.tempData.currentDesignPanel
43
- }
44
- },
45
- methods: {
46
- }
47
- }
48
- </script>
49
-
50
-
51
- <style scoped>
52
- .dev-header {
53
- height: 40px;
54
- background-color: #3D76D3;
55
- color: white;
56
- }
57
-
58
- .dev-main {
59
- overflow: auto;
60
- }
1
+ <template>
2
+ <div class="flex flex-pack-center flex-direction-column"
3
+ style="height: 100%;background-color: #E9ECF1;">
4
+ <div class="dev-header flex flex-pack-justify flex-align-center">
5
+ <operate-panel/>
6
+ </div>
7
+ <keep-alive>
8
+ <component :is="currentDesignPanel" class="flex-1 dev-main"/>
9
+ </keep-alive>
10
+ </div>
11
+ </template>
12
+
13
+ <script>
14
+ import OperatePanel from './../OperatePanel'
15
+ import ApiPanel from './../ApiPanel'
16
+ import ConfigPanel from './../ConfigPanel'
17
+ import OpsDoc from './../OpsDoc'
18
+ import opsStore from './opsStore'
19
+
20
+ export default {
21
+ name: 'Ops',
22
+ components: {
23
+ OperatePanel,
24
+ ApiPanel,
25
+ ConfigPanel,
26
+ OpsDoc,
27
+ },
28
+ store: opsStore,
29
+ data() {
30
+ return {
31
+ ctnLoading: true
32
+ }
33
+ },
34
+ created() {
35
+ },
36
+ computed: {
37
+ // store数据修改,itemObj对应修改
38
+ currentComps() {
39
+ return this.$store.state.currentComps
40
+ },
41
+ currentDesignPanel() {
42
+ return this.$store.state.tempData.currentDesignPanel
43
+ }
44
+ },
45
+ methods: {
46
+ }
47
+ }
48
+ </script>
49
+
50
+
51
+ <style scoped>
52
+ .dev-header {
53
+ height: 40px;
54
+ background-color: #3D76D3;
55
+ color: white;
56
+ }
57
+
58
+ .dev-main {
59
+ overflow: auto;
60
+ }
61
61
  </style>