syntec3-0-ui-components-test 1.0.0

package/src/scriptFiles/checkApiErrorMechanism.js

@@ -0,0 +1,137 @@
+import errorCode from '@/configFiles/errorCode.json';
+import apiFunction from './backendApiFunction.js';
+import { ElMessage } from 'element-plus';
+import i18n from '@/utils/i18n.js';
+
+const delay = (times) =>
+	new Promise((resolve) => {
+		setTimeout(() => {
+			const timeAddTime = times + 1;
+			resolve(timeAddTime);
+			return timeAddTime;
+		}, 3000);
+	});
+const JumpLogin = () => {
+  const BUILD_TYPE = process.env.NODE_ENV;
+  if (BUILD_TYPE === 'production') {
+    // 生产环境
+    const { protocol } = window.location;
+    const { hostname } = window.location;
+    const { port } = window.location;
+    window.location.href = `${protocol}//${hostname}:${port}/BASE/login`;
+  } else if (BUILD_TYPE === 'development') {
+    // 本地研发环境
+    window.location.href = '/login';
+  }
+};
+const callRefreshAPI = async (action, prop, times) => {
+	let apiResult = {};
+	await apiFunction
+		.refreshToken({
+			account: localStorage.synFactoryUserID,
+		})
+		.then(async (response) => {
+			switch (response.data.code) {
+				case errorCode.Success: {
+					await action(...prop)
+						.then((res) => {
+							apiResult = res;
+						})
+						.catch((err) => {
+							apiResult = err;
+						});
+					break;
+				}
+				// case errorCode.Token_Expired:
+				// case errorCode.Cookie_Error:
+				// case errorCode.Verify_Fail: {
+				// 	apiFunction
+				// 		.logout()
+				// 		.then(() => {
+				// 			JumpLogin();
+				// 		})
+				// 		.catch((err) => {
+				// 			console.log(err);
+				// 		});
+				// 	apiResult = {};
+				// 	break;
+				// }
+				default: {
+					apiFunction
+						.logout()
+						.then(() => {
+							JumpLogin();
+						})
+						.catch((err) => {
+							console.log(err);
+						});
+					apiResult = {};
+					ElMessage.error('Refresh Token Api Error!');
+				}
+			}
+		})
+		.catch(async (err) => {
+			apiResult = err;
+			const timeAdd = await delay(times);
+			if (timeAdd > 1) {
+				ElMessage.error(i18n.global.t('canNotGetToken'));
+				return apiResult;
+			}
+			return await callRefreshAPI(action, prop, timeAdd);
+		});
+	return apiResult;
+};
+
+const retryExecute = async (action, parameter, times, shouldAlert) => {
+	try {
+		const result = await action(...parameter);
+		if (result.data.code === errorCode.Verify_Fail || result.data.code === errorCode.Cookie_Error || result.data.code === errorCode.UserID_UnExist) {
+			apiFunction
+				.logout()
+				.then(() => {
+					JumpLogin();
+				})
+				.catch((err) => {
+					console.log(err);
+				});
+			return result;
+		}
+		if (result.data.code === errorCode.Token_Expired) {
+			return await callRefreshAPI(action, parameter, 0);
+		}
+		return result;
+	} catch (error) {
+		const timeAdd = await delay(times);
+		if (timeAdd > 1) {
+			if (shouldAlert) {
+				// ElMessage.error(i18n.global.t('apiError'));
+				return error;
+			}
+			throw error;
+		}
+		return await retryExecute(action, parameter, times + 1, shouldAlert);
+	}
+};
+
+/**
+ *
+ * @param {object} apis  apiFunction
+ * @param {boolean}shouldAlert  should alert when error
+ * @returns {Object} proxy object
+ */
+function createApiProxy(apis, shouldAlert = false) {
+	return new Proxy(apis, {
+		get(...args) {
+			const allFunction = Reflect.get(...args);
+			return async function thisFun(...param) {
+				return retryExecute(allFunction, param, 0, shouldAlert);
+			};
+		},
+	});
+}
+
+const nonAlertProxy = createApiProxy(apiFunction);
+const proxyObj = createApiProxy(apiFunction, true);
+
+export default proxyObj;
+export { nonAlertProxy };

package/src/scriptFiles/common/objectDataProcessing.js

@@ -0,0 +1,65 @@
+/**
+ * 物件轉excel header
+ * @param {*} object 物件
+ * @returns {Array} 回傳excel header
+ */
+export function objectToExcelTitle(object) {
+  const title = [];
+  const titleList = [];
+  object.forEach((ele) => {
+    titleList.push(ele.text);
+  });
+  title.push(titleList);
+  return title;
+}
+
+/**
+ * 物件轉excel body
+ * @param {Array} table excel資料
+ * @param {Array} header excel header
+ * @param {string} stringReplaced 被替換字串
+ * @param {string} replaceTo 替換字串
+ * @returns {Array} 回傳excel body
+ */
+export function objectToExcelBodyWithoutMap(table, header, stringReplaced, replaceTo) {
+  const bodyTemp = [];
+  table.forEach((ele) => {
+    const sortedObject = {};
+    header.forEach((head) => {
+      Object.entries(ele).forEach((key) => {
+        if (key[0] === head.value.replace(stringReplaced, replaceTo)) {
+          const value = key[1];
+          sortedObject[key[0]] = value;
+        }
+      });
+    });
+    bodyTemp.push(sortedObject);
+  });
+  return bodyTemp;
+}
+
+/**
+ * 物件轉下拉選單array
+ * @param {object} object 物件
+ * @returns {Array} 回傳下拉選單array
+ */
+export function objectToSelectList(object) {
+  const list = [];
+  Object.entries(object).forEach((key) => {
+    list.push({
+      text: key[0],
+      value: parseInt(key[1], 10),
+    });
+  });
+  return list;
+}
+
+/**
+ * 取得物件特定key值
+ * @param {object} obj 物件
+ * @param {number} value 特定key的value
+ * @returns {string} 回傳特定key
+ */
+export function getObjKeys(obj, value) {
+  return Object.keys(obj).find((key) => obj[key] === value);
+}