@ebiz/designer-components 0.0.58 → 0.0.59
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.
- package/README.md +29 -29
- package/dist/designer-components.css +1 -1
- package/dist/index.mjs +4822 -4822
- package/package.json +1 -1
- package/src/App.vue +26 -26
- package/src/apiService/SIMPLE_DATA_SERVICE.md +284 -284
- package/src/apiService/mockDataService.js +115 -115
- package/src/apiService/simpleDataService.js +297 -297
- package/src/assets/base.css +86 -86
- package/src/assets/logo.svg +1 -1
- package/src/components/Button.vue +149 -149
- package/src/components/DataContainer.vue +40 -40
- package/src/components/EbizApproval.vue +332 -338
- package/src/components/EbizAutoForm.vue +596 -596
- package/src/components/EbizAvatar.vue +115 -115
- package/src/components/EbizCheckbox.vue +93 -93
- package/src/components/EbizCheckboxGroup.vue +69 -69
- package/src/components/EbizDepartmentSelector.vue +144 -144
- package/src/components/EbizDescriptions.vue +340 -340
- package/src/components/EbizDescriptionsItem.vue +47 -47
- package/src/components/EbizDetailBlock.vue +81 -81
- package/src/components/EbizDialog.vue +260 -260
- package/src/components/EbizDiv.vue +32 -32
- package/src/components/EbizDivider.vue +96 -96
- package/src/components/EbizEmployeeInfo.vue +138 -138
- package/src/components/EbizEmployeeSelector.vue +1093 -1086
- package/src/components/EbizFileUpload.vue +238 -238
- package/src/components/EbizMap.vue +541 -541
- package/src/components/EbizOkrTree.vue +99 -99
- package/src/components/EbizPageHeader.vue +95 -95
- package/src/components/EbizPagination.vue +162 -162
- package/src/components/EbizPopconfirm.vue +47 -47
- package/src/components/EbizRadio.vue +86 -86
- package/src/components/EbizRadioGroup.vue +83 -83
- package/src/components/EbizRemoteSelect.vue +232 -232
- package/src/components/EbizRouteBreadcrumb.vue +46 -46
- package/src/components/EbizSelect.vue +85 -85
- package/src/components/EbizSpace.vue +100 -100
- package/src/components/EbizStatistic.vue +149 -149
- package/src/components/EbizStatsCard.vue +113 -113
- package/src/components/EbizSwiper.vue +113 -113
- package/src/components/EbizSwiperItem.vue +13 -13
- package/src/components/EbizSwitch.vue +85 -85
- package/src/components/EbizTabHeader.vue +132 -132
- package/src/components/EbizTabPanel.vue +22 -22
- package/src/components/EbizTable.vue +469 -469
- package/src/components/EbizTableColumn.vue +116 -116
- package/src/components/EbizTableSort.vue +179 -179
- package/src/components/EbizTabs.vue +142 -142
- package/src/components/EbizTdesignButtonDialog.vue +332 -332
- package/src/components/EbizTdesignLoading.vue +107 -107
- package/src/components/EbizTimePicker.vue +143 -143
- package/src/components/EbizTitle.vue +91 -91
- package/src/components/EbizTree.vue +152 -152
- package/src/components/EbizTreeMergeTable.vue +1414 -1414
- package/src/components/EbizTreeSelector.vue +418 -418
- package/src/components/EbizVxeTable.vue +290 -290
- package/src/components/Form.vue +28 -28
- package/src/components/Home.vue +7 -7
- package/src/components/MyComponent.vue +39 -39
- package/src/components/Table.vue +45 -45
- package/src/components/TdesignAlert.vue +115 -115
- package/src/components/TdesignButton.vue +135 -135
- package/src/components/TdesignCalendar/index.vue +145 -145
- package/src/components/TdesignCard.vue +195 -195
- package/src/components/TdesignCol.vue +101 -101
- package/src/components/TdesignCollapse.vue +142 -142
- package/src/components/TdesignCollapsePanel.vue +79 -79
- package/src/components/TdesignDatePicker.vue +124 -124
- package/src/components/TdesignDescriptions.vue +74 -74
- package/src/components/TdesignDescriptionsItem.vue +50 -50
- package/src/components/TdesignDialog.vue +225 -225
- package/src/components/TdesignForm.vue +138 -138
- package/src/components/TdesignFormItem.vue +105 -105
- package/src/components/TdesignGrid.vue +55 -55
- package/src/components/TdesignIcon.vue +67 -67
- package/src/components/TdesignImage.vue +162 -162
- package/src/components/TdesignImageViewer.vue +200 -200
- package/src/components/TdesignInput.vue +242 -242
- package/src/components/TdesignSelect.vue +444 -444
- package/src/components/TdesignTag.vue +117 -117
- package/src/components/TdesignTextarea.vue +142 -142
- package/src/components/TdesignTimeline.vue +58 -58
- package/src/components/TdesignTimelineItem.vue +71 -71
- package/src/components/TdesignUpload.vue +388 -388
- package/src/components/TdesignWatermark.vue +107 -107
- package/src/components/ebiz-form/components/cascader.vue +61 -61
- package/src/components/ebiz-form/components/checkbox.vue +37 -37
- package/src/components/ebiz-form/components/city.vue +137 -137
- package/src/components/ebiz-form/components/date-panel.vue +52 -52
- package/src/components/ebiz-form/components/date-range-panel.vue +52 -52
- package/src/components/ebiz-form/components/date-range.vue +56 -56
- package/src/components/ebiz-form/components/date.vue +52 -52
- package/src/components/ebiz-form/components/editor-multi-language.vue +47 -47
- package/src/components/ebiz-form/components/editor.vue +78 -78
- package/src/components/ebiz-form/components/file-multi-language.vue +52 -52
- package/src/components/ebiz-form/components/file.vue +149 -149
- package/src/components/ebiz-form/components/images-multi-language.vue +52 -52
- package/src/components/ebiz-form/components/images.vue +129 -129
- package/src/components/ebiz-form/components/img-multi-language.vue +51 -51
- package/src/components/ebiz-form/components/img.vue +129 -129
- package/src/components/ebiz-form/components/number.vue +50 -50
- package/src/components/ebiz-form/components/radio.vue +28 -28
- package/src/components/ebiz-form/components/select.vue +119 -119
- package/src/components/ebiz-form/components/switch.vue +23 -23
- package/src/components/ebiz-form/components/text-multi-language.vue +47 -47
- package/src/components/ebiz-form/components/text.vue +52 -52
- package/src/components/ebiz-form/components/textarea-multi-language.vue +48 -48
- package/src/components/ebiz-form/components/textarea.vue +29 -29
- package/src/components/ebiz-form/components/video-multi-language.vue +51 -51
- package/src/components/ebiz-form/components/video.vue +97 -97
- package/src/components/ebiz-form/index.vue +157 -157
- package/src/components/examples/PopconfirmExample.vue +149 -149
- package/src/components/icons/IconCommunity.vue +7 -7
- package/src/components/icons/IconDocumentation.vue +7 -7
- package/src/components/icons/IconEcosystem.vue +7 -7
- package/src/components/icons/IconSupport.vue +7 -7
- package/src/components/icons/IconTooling.vue +19 -19
- package/src/components/senior/EbizSData/index.vue +260 -260
- package/src/components/senior/EbizSDialog/index.vue +713 -713
- package/src/components/senior/EbizSForm/README.md +157 -157
- package/src/components/senior/EbizSForm/index.vue +668 -668
- package/src/components/senior/EbizSForm/item.vue +522 -522
- package/src/components/senior/EbizSForm/mItems/DateTimePicker.vue +51 -51
- package/src/components/senior/EbizSForm/mItems/Picker.vue +63 -63
- package/src/index.js +218 -218
- package/src/main.js +55 -55
- package/src/router/index.js +374 -374
- package/src/utils/formatCode.js +24 -24
- package/src/utils/generateImportStatement.js +52 -52
- package/src/utils/hasJsx.js +25 -25
- package/src/utils/index.js +166 -166
- package/src/utils/mergeOptions.js +29 -29
- package/src/utils/parseRequiredBlocks.js +18 -18
- package/src/utils/upload.ts +126 -126
- package/src/utils/vue-sfc-validator.js +155 -155
- package/src/views/Button.vue +23 -23
- package/src/views/CheckboxDemo.vue +104 -104
- package/src/views/DataContainer.vue +19 -19
- package/src/views/DialogDemo.vue +125 -125
- package/src/views/EbizApprovalDemo.vue +76 -76
- package/src/views/EbizAutoFormDemo.vue +129 -129
- package/src/views/EbizAvatar.vue +223 -223
- package/src/views/EbizDepartmentSelectorDemo.vue +169 -169
- package/src/views/EbizDetailBlockDemo.vue +30 -30
- package/src/views/EbizEmployeeInfo.vue +249 -249
- package/src/views/EbizEmployeeSelector.vue +83 -83
- package/src/views/EbizMap.vue +201 -201
- package/src/views/EbizRadioDemo.vue +151 -151
- package/src/views/EbizSDataDemo.vue +136 -136
- package/src/views/EbizSDialogDemo.vue +301 -301
- package/src/views/EbizSForm/index.vue +359 -359
- package/src/views/EbizSFormDemo.vue +420 -420
- package/src/views/EbizSpace.vue +185 -185
- package/src/views/EbizSwiper.vue +157 -157
- package/src/views/EbizTdesignButtonDialogExample.vue +437 -437
- package/src/views/Form.vue +19 -19
- package/src/views/GridDemo.vue +238 -238
- package/src/views/Home.vue +146 -146
- package/src/views/Mindmap.vue +17 -17
- package/src/views/MyComponent.vue +19 -19
- package/src/views/OkrTree.vue +19 -19
- package/src/views/PageHeaderDemo.vue +104 -104
- package/src/views/PaginationDemo.vue +96 -96
- package/src/views/PermissionBoxDemo.vue +85 -85
- package/src/views/PopconfirmDemo.vue +80 -80
- package/src/views/RemoteSelect.vue +350 -350
- package/src/views/StatisticDemo.vue +190 -190
- package/src/views/SwitchDemo.vue +79 -79
- package/src/views/Table.vue +19 -19
- package/src/views/TableDemo.vue +334 -334
- package/src/views/TableSortDemo.vue +143 -143
- package/src/views/TableView.vue +68 -68
- package/src/views/TabsDemo.vue +282 -282
- package/src/views/TagDemo.vue +101 -101
- package/src/views/TdesignAlert.vue +98 -98
- package/src/views/TdesignButton.vue +190 -190
- package/src/views/TdesignCalendar.vue +94 -94
- package/src/views/TdesignCard.vue +296 -296
- package/src/views/TdesignCollapse.vue +293 -293
- package/src/views/TdesignDatePicker.vue +187 -187
- package/src/views/TdesignDescriptions.vue +101 -101
- package/src/views/TdesignForm.vue +248 -248
- package/src/views/TdesignIcon.vue +203 -203
- package/src/views/TdesignImage.vue +215 -215
- package/src/views/TdesignImageViewer.vue +198 -198
- package/src/views/TdesignInput.vue +252 -252
- package/src/views/TdesignSelect.vue +473 -473
- package/src/views/TdesignSwiper.vue +157 -157
- package/src/views/TextareaDemo.vue +93 -93
- package/src/views/TimePickerDemo.vue +146 -146
- package/src/views/TimelineDemo.vue +160 -160
- package/src/views/Title.vue +19 -19
- package/src/views/TreeDemo.vue +254 -254
- package/src/views/TreeMergeTableDemo.vue +239 -239
- package/src/views/TreeSelectorDemo.vue +245 -245
- package/src/views/UploadDemo.vue +121 -121
- package/src/views/VxeTableDemo.vue +279 -279
- package/src/views/WatermarkDemo.vue +85 -85
@@ -1,297 +1,297 @@
|
|
1
|
-
/**
|
2
|
-
* 简洁数据服务
|
3
|
-
* 提供基本的数据操作方法,包含列表查询、详情查询、数据写入、数据修改、数据删除
|
4
|
-
* 所有接口均使用POST方法提交
|
5
|
-
*/
|
6
|
-
|
7
|
-
import axios from 'axios'
|
8
|
-
// import { TinyNotify } from '@opentiny/vue'
|
9
|
-
// 从环境变量获取API基础URL
|
10
|
-
const API_BASE_URL = window.location.origin + '/api'
|
11
|
-
|
12
|
-
/**
|
13
|
-
* 创建axios实例
|
14
|
-
*/
|
15
|
-
const axiosInstance = axios.create({
|
16
|
-
baseURL: API_BASE_URL,
|
17
|
-
timeout: 30000,
|
18
|
-
headers: {
|
19
|
-
'Content-Type': 'application/json',
|
20
|
-
Accept: 'application/json'
|
21
|
-
}
|
22
|
-
})
|
23
|
-
|
24
|
-
/**
|
25
|
-
* 请求拦截器
|
26
|
-
*/
|
27
|
-
axiosInstance.interceptors.request.use(
|
28
|
-
(config) => {
|
29
|
-
// 添加认证信息
|
30
|
-
const token = localStorage.getItem('token')
|
31
|
-
if (token) {
|
32
|
-
config.headers['AppDataAuthorization'] = `Bearer ${token}`
|
33
|
-
}
|
34
|
-
|
35
|
-
// 如果是FormData格式,不设置Content-Type,让浏览器自动设置
|
36
|
-
if (config.data instanceof FormData) {
|
37
|
-
config.headers['Content-Type'] = undefined
|
38
|
-
}
|
39
|
-
|
40
|
-
return config
|
41
|
-
},
|
42
|
-
(error) => {
|
43
|
-
return Promise.reject(error)
|
44
|
-
}
|
45
|
-
)
|
46
|
-
|
47
|
-
/**
|
48
|
-
* 响应拦截器
|
49
|
-
*/
|
50
|
-
axiosInstance.interceptors.response.use(
|
51
|
-
(response) => {
|
52
|
-
const { data } = response
|
53
|
-
|
54
|
-
// 根据后端API的响应格式进行调整
|
55
|
-
if (data.code === 0) {
|
56
|
-
return data.data
|
57
|
-
} else {
|
58
|
-
// message.error(data.message || '请求失败');
|
59
|
-
return Promise.reject({
|
60
|
-
code: data.code,
|
61
|
-
message: data.message || data.msg || '请求失败'
|
62
|
-
})
|
63
|
-
}
|
64
|
-
},
|
65
|
-
(error) => {
|
66
|
-
// 错误处理
|
67
|
-
if (error.response) {
|
68
|
-
const { status } = error.response
|
69
|
-
|
70
|
-
switch (status) {
|
71
|
-
case 401:
|
72
|
-
// TinyNotify({
|
73
|
-
// type: 'warning',
|
74
|
-
// title: '未授权',
|
75
|
-
// message: '您无权限访问,请授权后重试',
|
76
|
-
// position: 'top-right',
|
77
|
-
// duration: 2000
|
78
|
-
// })
|
79
|
-
break
|
80
|
-
case 403:
|
81
|
-
// TinyNotify({
|
82
|
-
// type: 'warning',
|
83
|
-
// title: '权限不足',
|
84
|
-
// message: '禁止访问,权限不足',
|
85
|
-
// position: 'top-right',
|
86
|
-
// duration: 2000
|
87
|
-
// })
|
88
|
-
break
|
89
|
-
case 404:
|
90
|
-
// TinyNotify({
|
91
|
-
// type: 'warning',
|
92
|
-
// title: '404',
|
93
|
-
// message: '请求的资源不存在',
|
94
|
-
// position: 'top-right',
|
95
|
-
// duration: 2000
|
96
|
-
// })
|
97
|
-
break
|
98
|
-
case 500:
|
99
|
-
// TinyNotify({
|
100
|
-
// type: 'warning',
|
101
|
-
// title: '错误',
|
102
|
-
// message: '服务器内部错误',
|
103
|
-
// position: 'top-right',
|
104
|
-
// duration: 2000
|
105
|
-
// })
|
106
|
-
break
|
107
|
-
default:
|
108
|
-
// TinyNotify({
|
109
|
-
// type: 'warning',
|
110
|
-
// title: '请求失败',
|
111
|
-
// message: error.message,
|
112
|
-
// position: 'top-right',
|
113
|
-
// duration: 2000
|
114
|
-
// })
|
115
|
-
}
|
116
|
-
} else {
|
117
|
-
// TinyNotify({
|
118
|
-
// type: 'error',
|
119
|
-
// title: '网络错误',
|
120
|
-
// message: error.message,
|
121
|
-
// position: 'top-right',
|
122
|
-
// duration: 2000
|
123
|
-
// })
|
124
|
-
// message.error('网络错误,请检查您的网络连接');
|
125
|
-
}
|
126
|
-
|
127
|
-
return Promise.reject(error)
|
128
|
-
}
|
129
|
-
)
|
130
|
-
|
131
|
-
let apiMap = {
|
132
|
-
"0": '/appdata/select',
|
133
|
-
"1": '/appdata/detailData',
|
134
|
-
"2": '/appdata/plugin',
|
135
|
-
"3": '/appdata/addData',
|
136
|
-
"4": '/appdata/addDatas',
|
137
|
-
"5": '/appdata/updateData',
|
138
|
-
"6": '/appdata/updateDatas',
|
139
|
-
"7": '/appdata/delData',
|
140
|
-
"8": '/appdata/delDatas',
|
141
|
-
"9": '/api/appdata/link/select',
|
142
|
-
"10": '/api/file/upload', // 文件上传API
|
143
|
-
|
144
|
-
MULTIPLE_DATA_SEARCH: '/appdata/select',
|
145
|
-
DETAILS_DATA: '/appdata/detailData',
|
146
|
-
INTERFACE_PLUGIN: '/appdata/plugin',
|
147
|
-
DATA_INSERT: '/appdata/addData',
|
148
|
-
BATCH_DATA_INSERT: '/appdata/addDatas',
|
149
|
-
DATA_MODIFY: '/appdata/updateData',
|
150
|
-
BATCH_DATA_MODIFY: '/appdata/updateDatas',
|
151
|
-
DEL_DATA: '/appdata/delData',
|
152
|
-
BATCH_DEL_DATA: '/appdata/delDatas',
|
153
|
-
MULTIPLE_DATA_LINK_SEARCH: '/api/appdata/link/select',
|
154
|
-
FILE_UPLOAD: '/api/file/upload', // 文件上传API
|
155
|
-
PROCESS: '/appdata/process'
|
156
|
-
}
|
157
|
-
|
158
|
-
/**
|
159
|
-
* 数据服务
|
160
|
-
*/
|
161
|
-
const dataService = {
|
162
|
-
/**
|
163
|
-
* 请求数据 (POST方法)
|
164
|
-
* @param {string} url - 请求URL
|
165
|
-
* @param {Object} [params] - 查询参数
|
166
|
-
* @param {Object} [apiConfig] - API配置
|
167
|
-
* @param {string} [apiConfig.apiId] - API标识
|
168
|
-
* @param {string} [apiConfig.apiType] - API类型
|
169
|
-
* @returns {Promise<any>} 响应数据
|
170
|
-
* @example
|
171
|
-
*/
|
172
|
-
fetch: (params = {}, apiConfig = {}, url = '') => {
|
173
|
-
if (!url) {
|
174
|
-
url = apiMap[apiConfig.apiType+'']
|
175
|
-
if (!url) {
|
176
|
-
url = apiMap.PROCESS
|
177
|
-
}
|
178
|
-
url += '?key=' + apiConfig.key
|
179
|
-
}
|
180
|
-
|
181
|
-
const { apiId = '', ...restConfig } = apiConfig
|
182
|
-
|
183
|
-
const defaultConfig = {
|
184
|
-
// 默认列表查询配置
|
185
|
-
headers: {
|
186
|
-
'X-List-Query': 'true'
|
187
|
-
},
|
188
|
-
timeout: 20000
|
189
|
-
}
|
190
|
-
if (!params) {
|
191
|
-
params = {}
|
192
|
-
}
|
193
|
-
params.apiId = apiConfig.apiId
|
194
|
-
if (apiConfig.key) {
|
195
|
-
params.apiKey = apiConfig.key
|
196
|
-
}
|
197
|
-
|
198
|
-
const config = { ...defaultConfig, ...restConfig }
|
199
|
-
return axiosInstance.post(url, params, config)
|
200
|
-
},
|
201
|
-
|
202
|
-
/**
|
203
|
-
* 文件上传
|
204
|
-
* @param {string} url - 上传URL,默认使用apiMap中的FILE_UPLOAD
|
205
|
-
* @param {FormData} formData - 包含文件和其他数据的FormData
|
206
|
-
* @param {Function} onProgress - 上传进度回调函数,参数为0-100的进度百分比
|
207
|
-
* @returns {Promise<any>} 上传响应数据
|
208
|
-
*/
|
209
|
-
upload: (url = '', formData, onProgress = () => {}) => {
|
210
|
-
// 如果没有指定URL,使用默认的文件上传URL
|
211
|
-
if (!url) {
|
212
|
-
url = apiMap.FILE_UPLOAD
|
213
|
-
}
|
214
|
-
|
215
|
-
// 确保FormData中的文件字段名是'file'
|
216
|
-
let fixedFormData = new FormData()
|
217
|
-
let fileFound = false
|
218
|
-
|
219
|
-
// 检查并修复FormData
|
220
|
-
if (formData instanceof FormData) {
|
221
|
-
// 由于FormData不能直接检查内容,我们使用迭代器
|
222
|
-
try {
|
223
|
-
// 在某些旧浏览器中可能不支持entries()
|
224
|
-
if (typeof formData.entries === 'function') {
|
225
|
-
for (let pair of formData.entries()) {
|
226
|
-
const [key, value] = pair
|
227
|
-
|
228
|
-
if (value instanceof File || value instanceof Blob) {
|
229
|
-
// 找到文件,使用正确的字段名
|
230
|
-
console.log(`Found file in field ${key}, adding as 'file'`)
|
231
|
-
fixedFormData.append('file', value)
|
232
|
-
fileFound = true
|
233
|
-
} else {
|
234
|
-
// 保留其他字段
|
235
|
-
fixedFormData.append(key, value)
|
236
|
-
}
|
237
|
-
}
|
238
|
-
} else {
|
239
|
-
// 如果不支持entries(),假设formData已经是正确的,直接使用
|
240
|
-
console.log('FormData.entries() not supported, using original FormData')
|
241
|
-
fixedFormData = formData
|
242
|
-
fileFound = true
|
243
|
-
}
|
244
|
-
} catch (e) {
|
245
|
-
console.error('Error processing FormData:', e)
|
246
|
-
// 出错时使用原始FormData
|
247
|
-
fixedFormData = formData
|
248
|
-
}
|
249
|
-
} else {
|
250
|
-
console.error('Invalid FormData:', formData)
|
251
|
-
return Promise.reject(new Error('FormData is required for file upload'))
|
252
|
-
}
|
253
|
-
|
254
|
-
// 如果没有找到文件,返回错误
|
255
|
-
if (!fileFound && typeof formData.entries === 'function') {
|
256
|
-
console.error('No file found in FormData')
|
257
|
-
return Promise.reject(new Error('No file found in FormData'))
|
258
|
-
}
|
259
|
-
|
260
|
-
// 上传配置
|
261
|
-
const config = {
|
262
|
-
timeout: 60000, // 上传超时时间加长
|
263
|
-
headers: {
|
264
|
-
// 让浏览器自动设置Content-Type和boundary
|
265
|
-
'Content-Type': undefined
|
266
|
-
},
|
267
|
-
onUploadProgress: (progressEvent) => {
|
268
|
-
// 计算上传进度百分比
|
269
|
-
const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
|
270
|
-
onProgress(percentCompleted)
|
271
|
-
}
|
272
|
-
}
|
273
|
-
|
274
|
-
// 发起上传请求
|
275
|
-
console.log('Sending file upload request to:', url)
|
276
|
-
return axiosInstance.post(url, fixedFormData, config).then((response) => {
|
277
|
-
console.log('Upload server response:', response)
|
278
|
-
|
279
|
-
// 处理文件路径
|
280
|
-
// 如果返回的是相对路径,转换为完整URL
|
281
|
-
if (typeof response === 'string' && !response.startsWith('http')) {
|
282
|
-
// 判断路径是否以斜杠开头
|
283
|
-
const baseUrl = API_BASE_URL.endsWith('/') ? API_BASE_URL.slice(0, -1) : API_BASE_URL
|
284
|
-
const filePath = response.startsWith('/') ? response : `/${response}`
|
285
|
-
|
286
|
-
// 构建完整URL
|
287
|
-
const fullUrl = `${baseUrl}/files${filePath}`
|
288
|
-
console.log('Converted file path to full URL:', fullUrl)
|
289
|
-
return fullUrl
|
290
|
-
}
|
291
|
-
|
292
|
-
return response
|
293
|
-
})
|
294
|
-
}
|
295
|
-
}
|
296
|
-
|
297
|
-
export default dataService
|
1
|
+
/**
|
2
|
+
* 简洁数据服务
|
3
|
+
* 提供基本的数据操作方法,包含列表查询、详情查询、数据写入、数据修改、数据删除
|
4
|
+
* 所有接口均使用POST方法提交
|
5
|
+
*/
|
6
|
+
|
7
|
+
import axios from 'axios'
|
8
|
+
// import { TinyNotify } from '@opentiny/vue'
|
9
|
+
// 从环境变量获取API基础URL
|
10
|
+
const API_BASE_URL = window.location.origin + '/api'
|
11
|
+
|
12
|
+
/**
|
13
|
+
* 创建axios实例
|
14
|
+
*/
|
15
|
+
const axiosInstance = axios.create({
|
16
|
+
baseURL: API_BASE_URL,
|
17
|
+
timeout: 30000,
|
18
|
+
headers: {
|
19
|
+
'Content-Type': 'application/json',
|
20
|
+
Accept: 'application/json'
|
21
|
+
}
|
22
|
+
})
|
23
|
+
|
24
|
+
/**
|
25
|
+
* 请求拦截器
|
26
|
+
*/
|
27
|
+
axiosInstance.interceptors.request.use(
|
28
|
+
(config) => {
|
29
|
+
// 添加认证信息
|
30
|
+
const token = localStorage.getItem('token')
|
31
|
+
if (token) {
|
32
|
+
config.headers['AppDataAuthorization'] = `Bearer ${token}`
|
33
|
+
}
|
34
|
+
|
35
|
+
// 如果是FormData格式,不设置Content-Type,让浏览器自动设置
|
36
|
+
if (config.data instanceof FormData) {
|
37
|
+
config.headers['Content-Type'] = undefined
|
38
|
+
}
|
39
|
+
|
40
|
+
return config
|
41
|
+
},
|
42
|
+
(error) => {
|
43
|
+
return Promise.reject(error)
|
44
|
+
}
|
45
|
+
)
|
46
|
+
|
47
|
+
/**
|
48
|
+
* 响应拦截器
|
49
|
+
*/
|
50
|
+
axiosInstance.interceptors.response.use(
|
51
|
+
(response) => {
|
52
|
+
const { data } = response
|
53
|
+
|
54
|
+
// 根据后端API的响应格式进行调整
|
55
|
+
if (data.code === 0) {
|
56
|
+
return data.data
|
57
|
+
} else {
|
58
|
+
// message.error(data.message || '请求失败');
|
59
|
+
return Promise.reject({
|
60
|
+
code: data.code,
|
61
|
+
message: data.message || data.msg || '请求失败'
|
62
|
+
})
|
63
|
+
}
|
64
|
+
},
|
65
|
+
(error) => {
|
66
|
+
// 错误处理
|
67
|
+
if (error.response) {
|
68
|
+
const { status } = error.response
|
69
|
+
|
70
|
+
switch (status) {
|
71
|
+
case 401:
|
72
|
+
// TinyNotify({
|
73
|
+
// type: 'warning',
|
74
|
+
// title: '未授权',
|
75
|
+
// message: '您无权限访问,请授权后重试',
|
76
|
+
// position: 'top-right',
|
77
|
+
// duration: 2000
|
78
|
+
// })
|
79
|
+
break
|
80
|
+
case 403:
|
81
|
+
// TinyNotify({
|
82
|
+
// type: 'warning',
|
83
|
+
// title: '权限不足',
|
84
|
+
// message: '禁止访问,权限不足',
|
85
|
+
// position: 'top-right',
|
86
|
+
// duration: 2000
|
87
|
+
// })
|
88
|
+
break
|
89
|
+
case 404:
|
90
|
+
// TinyNotify({
|
91
|
+
// type: 'warning',
|
92
|
+
// title: '404',
|
93
|
+
// message: '请求的资源不存在',
|
94
|
+
// position: 'top-right',
|
95
|
+
// duration: 2000
|
96
|
+
// })
|
97
|
+
break
|
98
|
+
case 500:
|
99
|
+
// TinyNotify({
|
100
|
+
// type: 'warning',
|
101
|
+
// title: '错误',
|
102
|
+
// message: '服务器内部错误',
|
103
|
+
// position: 'top-right',
|
104
|
+
// duration: 2000
|
105
|
+
// })
|
106
|
+
break
|
107
|
+
default:
|
108
|
+
// TinyNotify({
|
109
|
+
// type: 'warning',
|
110
|
+
// title: '请求失败',
|
111
|
+
// message: error.message,
|
112
|
+
// position: 'top-right',
|
113
|
+
// duration: 2000
|
114
|
+
// })
|
115
|
+
}
|
116
|
+
} else {
|
117
|
+
// TinyNotify({
|
118
|
+
// type: 'error',
|
119
|
+
// title: '网络错误',
|
120
|
+
// message: error.message,
|
121
|
+
// position: 'top-right',
|
122
|
+
// duration: 2000
|
123
|
+
// })
|
124
|
+
// message.error('网络错误,请检查您的网络连接');
|
125
|
+
}
|
126
|
+
|
127
|
+
return Promise.reject(error)
|
128
|
+
}
|
129
|
+
)
|
130
|
+
|
131
|
+
let apiMap = {
|
132
|
+
"0": '/appdata/select',
|
133
|
+
"1": '/appdata/detailData',
|
134
|
+
"2": '/appdata/plugin',
|
135
|
+
"3": '/appdata/addData',
|
136
|
+
"4": '/appdata/addDatas',
|
137
|
+
"5": '/appdata/updateData',
|
138
|
+
"6": '/appdata/updateDatas',
|
139
|
+
"7": '/appdata/delData',
|
140
|
+
"8": '/appdata/delDatas',
|
141
|
+
"9": '/api/appdata/link/select',
|
142
|
+
"10": '/api/file/upload', // 文件上传API
|
143
|
+
|
144
|
+
MULTIPLE_DATA_SEARCH: '/appdata/select',
|
145
|
+
DETAILS_DATA: '/appdata/detailData',
|
146
|
+
INTERFACE_PLUGIN: '/appdata/plugin',
|
147
|
+
DATA_INSERT: '/appdata/addData',
|
148
|
+
BATCH_DATA_INSERT: '/appdata/addDatas',
|
149
|
+
DATA_MODIFY: '/appdata/updateData',
|
150
|
+
BATCH_DATA_MODIFY: '/appdata/updateDatas',
|
151
|
+
DEL_DATA: '/appdata/delData',
|
152
|
+
BATCH_DEL_DATA: '/appdata/delDatas',
|
153
|
+
MULTIPLE_DATA_LINK_SEARCH: '/api/appdata/link/select',
|
154
|
+
FILE_UPLOAD: '/api/file/upload', // 文件上传API
|
155
|
+
PROCESS: '/appdata/process'
|
156
|
+
}
|
157
|
+
|
158
|
+
/**
|
159
|
+
* 数据服务
|
160
|
+
*/
|
161
|
+
const dataService = {
|
162
|
+
/**
|
163
|
+
* 请求数据 (POST方法)
|
164
|
+
* @param {string} url - 请求URL
|
165
|
+
* @param {Object} [params] - 查询参数
|
166
|
+
* @param {Object} [apiConfig] - API配置
|
167
|
+
* @param {string} [apiConfig.apiId] - API标识
|
168
|
+
* @param {string} [apiConfig.apiType] - API类型
|
169
|
+
* @returns {Promise<any>} 响应数据
|
170
|
+
* @example
|
171
|
+
*/
|
172
|
+
fetch: (params = {}, apiConfig = {}, url = '') => {
|
173
|
+
if (!url) {
|
174
|
+
url = apiMap[apiConfig.apiType+'']
|
175
|
+
if (!url) {
|
176
|
+
url = apiMap.PROCESS
|
177
|
+
}
|
178
|
+
url += '?key=' + apiConfig.key
|
179
|
+
}
|
180
|
+
|
181
|
+
const { apiId = '', ...restConfig } = apiConfig
|
182
|
+
|
183
|
+
const defaultConfig = {
|
184
|
+
// 默认列表查询配置
|
185
|
+
headers: {
|
186
|
+
'X-List-Query': 'true'
|
187
|
+
},
|
188
|
+
timeout: 20000
|
189
|
+
}
|
190
|
+
if (!params) {
|
191
|
+
params = {}
|
192
|
+
}
|
193
|
+
params.apiId = apiConfig.apiId
|
194
|
+
if (apiConfig.key) {
|
195
|
+
params.apiKey = apiConfig.key
|
196
|
+
}
|
197
|
+
|
198
|
+
const config = { ...defaultConfig, ...restConfig }
|
199
|
+
return axiosInstance.post(url, params, config)
|
200
|
+
},
|
201
|
+
|
202
|
+
/**
|
203
|
+
* 文件上传
|
204
|
+
* @param {string} url - 上传URL,默认使用apiMap中的FILE_UPLOAD
|
205
|
+
* @param {FormData} formData - 包含文件和其他数据的FormData
|
206
|
+
* @param {Function} onProgress - 上传进度回调函数,参数为0-100的进度百分比
|
207
|
+
* @returns {Promise<any>} 上传响应数据
|
208
|
+
*/
|
209
|
+
upload: (url = '', formData, onProgress = () => {}) => {
|
210
|
+
// 如果没有指定URL,使用默认的文件上传URL
|
211
|
+
if (!url) {
|
212
|
+
url = apiMap.FILE_UPLOAD
|
213
|
+
}
|
214
|
+
|
215
|
+
// 确保FormData中的文件字段名是'file'
|
216
|
+
let fixedFormData = new FormData()
|
217
|
+
let fileFound = false
|
218
|
+
|
219
|
+
// 检查并修复FormData
|
220
|
+
if (formData instanceof FormData) {
|
221
|
+
// 由于FormData不能直接检查内容,我们使用迭代器
|
222
|
+
try {
|
223
|
+
// 在某些旧浏览器中可能不支持entries()
|
224
|
+
if (typeof formData.entries === 'function') {
|
225
|
+
for (let pair of formData.entries()) {
|
226
|
+
const [key, value] = pair
|
227
|
+
|
228
|
+
if (value instanceof File || value instanceof Blob) {
|
229
|
+
// 找到文件,使用正确的字段名
|
230
|
+
console.log(`Found file in field ${key}, adding as 'file'`)
|
231
|
+
fixedFormData.append('file', value)
|
232
|
+
fileFound = true
|
233
|
+
} else {
|
234
|
+
// 保留其他字段
|
235
|
+
fixedFormData.append(key, value)
|
236
|
+
}
|
237
|
+
}
|
238
|
+
} else {
|
239
|
+
// 如果不支持entries(),假设formData已经是正确的,直接使用
|
240
|
+
console.log('FormData.entries() not supported, using original FormData')
|
241
|
+
fixedFormData = formData
|
242
|
+
fileFound = true
|
243
|
+
}
|
244
|
+
} catch (e) {
|
245
|
+
console.error('Error processing FormData:', e)
|
246
|
+
// 出错时使用原始FormData
|
247
|
+
fixedFormData = formData
|
248
|
+
}
|
249
|
+
} else {
|
250
|
+
console.error('Invalid FormData:', formData)
|
251
|
+
return Promise.reject(new Error('FormData is required for file upload'))
|
252
|
+
}
|
253
|
+
|
254
|
+
// 如果没有找到文件,返回错误
|
255
|
+
if (!fileFound && typeof formData.entries === 'function') {
|
256
|
+
console.error('No file found in FormData')
|
257
|
+
return Promise.reject(new Error('No file found in FormData'))
|
258
|
+
}
|
259
|
+
|
260
|
+
// 上传配置
|
261
|
+
const config = {
|
262
|
+
timeout: 60000, // 上传超时时间加长
|
263
|
+
headers: {
|
264
|
+
// 让浏览器自动设置Content-Type和boundary
|
265
|
+
'Content-Type': undefined
|
266
|
+
},
|
267
|
+
onUploadProgress: (progressEvent) => {
|
268
|
+
// 计算上传进度百分比
|
269
|
+
const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
|
270
|
+
onProgress(percentCompleted)
|
271
|
+
}
|
272
|
+
}
|
273
|
+
|
274
|
+
// 发起上传请求
|
275
|
+
console.log('Sending file upload request to:', url)
|
276
|
+
return axiosInstance.post(url, fixedFormData, config).then((response) => {
|
277
|
+
console.log('Upload server response:', response)
|
278
|
+
|
279
|
+
// 处理文件路径
|
280
|
+
// 如果返回的是相对路径,转换为完整URL
|
281
|
+
if (typeof response === 'string' && !response.startsWith('http')) {
|
282
|
+
// 判断路径是否以斜杠开头
|
283
|
+
const baseUrl = API_BASE_URL.endsWith('/') ? API_BASE_URL.slice(0, -1) : API_BASE_URL
|
284
|
+
const filePath = response.startsWith('/') ? response : `/${response}`
|
285
|
+
|
286
|
+
// 构建完整URL
|
287
|
+
const fullUrl = `${baseUrl}/files${filePath}`
|
288
|
+
console.log('Converted file path to full URL:', fullUrl)
|
289
|
+
return fullUrl
|
290
|
+
}
|
291
|
+
|
292
|
+
return response
|
293
|
+
})
|
294
|
+
}
|
295
|
+
}
|
296
|
+
|
297
|
+
export default dataService
|