syntec3-0-ui-components-test 1.0.0

package/src/index.js

@@ -0,0 +1,115 @@
+// 组件库入口文件
+// 导入样式文件
+import './scss/base/index.scss';
+import './style.css';
+
+// 导出国际化配置
+export * from './utils/i18n';
+
+import SynColumnConfigNext from './components/columnConfigNext.vue';
+import SynDialog from './components/dialog.vue';
+import SynPageContent from './components/pageContent.vue';
+import SynPagination from './components/Pagination.vue';
+import SynPopover from './components/popover.vue';
+import SynCustomFilter from './components/customFilter/customFilter.vue';
+import SynFilterCriteria from './components/customFilter/filterCriteria.vue';
+import SynFullPageGlobal from './components/Layout/modules/fullPageGlobal.vue';
+import SynGlobalDialog from './components/Layout/tools/GlobalDialog.vue';
+import SynCreateView from './components/Layout/modules/viewFile/createView.vue';
+import SynViewList from './components/Layout/modules/viewFile/viewList.vue';
+import SynViewRecord from './components/Layout/modules/viewFile/viewRecord.vue';
+import SynViewTabs from './components/Layout/modules/viewFile/viewTabs.vue';
+import SynViewFileFilterCriteria from './components/Layout/modules/viewFile/filterCriteria.vue';
+import SynMainPageContent from './components/customTable/index.vue';
+import SynTheWholeViewContent from './components/customTable/components/headerTabs/index.vue';
+import SynRightButtonBlockContent from './components/customTable/components/headerOperation/index.vue';
+import SynTableContent from './components/customTable/components/tableContent/index.vue';
+
+// 所有组件列表
+const components = [
+  SynColumnConfigNext,
+  SynDialog,
+  SynPageContent,
+  SynPagination,
+  SynPopover,
+  SynCustomFilter,
+  SynFilterCriteria,
+  SynFullPageGlobal,
+  SynGlobalDialog,
+  SynCreateView,
+  SynViewList,
+  SynViewRecord,
+  SynViewTabs,
+  SynViewFileFilterCriteria,
+  SynMainPageContent,
+  SynTheWholeViewContent,
+  SynRightButtonBlockContent,
+  SynTableContent,
+];
+
+// 组件名称列表（与 components 数组顺序对应）
+const componentNames = [
+  'SynColumnConfigNext',
+  'SynDialog',
+  'SynPageContent',
+  'SynPagination',
+  'SynPopover',
+  'SynCustomFilter',
+  'SynFilterCriteria',
+  'SynFullPageGlobal',
+  'SynGlobalDialog',
+  'SynCreateView',
+  'SynViewList',
+  'SynViewRecord',
+  'SynViewTabs',
+  'SynViewFileFilterCriteria',
+  'SynMainPageContent',
+  'SynTheWholeViewContent',
+  'SynRightButtonBlockContent',
+  'SynTableContent',
+];
+
+// 定义 install 方法，用于 Vue.use() 安装
+const install = (app) => {
+  components.forEach((component, index) => {
+    const componentName = componentNames[index];
+    // 尝试多种方式获取组件名，优先使用组件自身的 name
+    const name = component.name || component.__name || componentName;
+    if (name) {
+      app.component(name, component);
+    }
+  });
+};
+
+// 如果通过 script 标签引入，自动安装
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+// 导出所有组件和 install 方法
+export {
+  SynColumnConfigNext,
+  SynDialog,
+  SynPageContent,
+  SynPagination,
+  SynPopover,
+  SynCustomFilter,
+  SynFilterCriteria,
+  SynFullPageGlobal,
+  SynGlobalDialog,
+  SynCreateView,
+  SynViewList,
+  SynViewRecord,
+  SynViewTabs,
+  SynViewFileFilterCriteria,
+  SynMainPageContent,
+  SynTheWholeViewContent,
+  SynRightButtonBlockContent,
+  SynTableContent,
+  install,
+};
+
+// 默认导出，支持 Vue.use()
+export default {
+  install,
+};

package/src/main.js

@@ -0,0 +1,51 @@
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+import i18n from './utils/i18n.js';
+import ElementPlus from 'element-plus';
+import 'element-plus/dist/index.css';
+import * as ElementPlusIconsVue from '@element-plus/icons-vue';
+import { renderWithQiankun, qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
+import '@/scss/base/index.scss';
+import '@mdi/font/css/materialdesignicons.css';
+import { vShiftSelect  } from '@/utils/shiftSelect';
+
+let app = null;
+
+const render = (container) => {
+  app = createApp(App);
+  app.use(i18n);
+  app.use(router);
+  app.component('v-icon', 'mdi');
+  app.use(ElementPlus);
+  app.use(store);
+  app.directive('shift-select', vShiftSelect);
+  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component);
+  }
+  app.mount(container ? container.querySelector('#S3_0UC_app') : '#S3_0UC_app');
+};
+
+const initQianKun = () => {
+  renderWithQiankun({
+    mount(props) {
+      const { container, actions } = props;
+      store.dispatch('setLangInfo');
+      actions.onGlobalStateChange((state) => {
+        store.dispatch('setLangInfo');
+        i18n.global.locale = state.locale;
+        // 在这里处理全局状态的变化，比如更新子应用的状态或重新渲染组件
+      });
+      render(container);
+    },
+    bootstrap() {
+      return;
+    },
+    unmount() {
+      app.unmount();
+    },
+  });
+};
+qiankunWindow.__POWERED_BY_QIANKUN__ ? initQianKun() : render();

package/src/plugins/excel.js

@@ -0,0 +1,88 @@
+import { utils } from 'xlsx';
+import * as XLSX from 'xlsx';
+
+const EXCEL = {
+  // 輸出excel表單
+  exportFromArray(option) {
+    const config = { name: 'demo', suffix: 'xml', ...option };
+    const {
+      title, body, name, suffix, wscols,
+    } = config;
+    const array = [...title, ...body];
+    const workBook = utils.book_new();
+    const workSheet = utils.aoa_to_sheet(array, { raw: true });
+    // 欄位寬度設定
+    workSheet['!cols'] = wscols;
+    const fileName = `${name}.${suffix}`;
+    utils.book_append_sheet(workBook, workSheet, name);
+    XLSX.writeFile(workBook, fileName, { bookType: suffix, type: 'buffer', writeFile: true });
+  },
+  // 輸出批量excel表單
+  async exportBatchFromArray(arr, fileName) {
+    const workBook = utils.book_new();
+    for (let i = 0; i < arr.length; i += 1) {
+      const config = { ...arr[i] };
+      const {
+        title, body, name, wscols, wsmerges, wsrow,
+      } = config;
+      const array = [...title, ...body];
+      const workSheet = utils.aoa_to_sheet(array, { raw: true });
+      // 欄位寬度設定
+      workSheet['!cols'] = wscols;
+      workSheet['!rows'] = wsrow;
+      workSheet['!merges'] = wsmerges;
+      // eslint-disable-next-line no-await-in-loop
+      await utils.book_append_sheet(workBook, workSheet, name);
+    }
+    // eslint-disable-next-line max-len
+    XLSX.writeFile(workBook, `${fileName}.xlsx`, { bookType: 'xlsx', type: 'buffer', writeFile: true });
+  },
+  // 解析表格數據，返回表格内容，目前不支援導入有單元格合併的表格，data.title為表头、data.body為表格數據
+  async importFromLocal(file) {
+    const workBook = await this.readerWorkBookFromLocal(file);
+    const workSheet = workBook.Sheets[workBook.SheetNames[0]];
+    const content = utils.sheet_to_json(workSheet, { defval: '' });
+    const contentSort = utils.sheet_to_json(workSheet, { header: 1 });
+    if (content.length === 0) {
+      return content;
+    }
+    const data = {};
+    data.title = Object.keys(content[0]);
+    data.body = content;
+    data.titleSort = [...contentSort[0]]; // 记录Excel中的顺序，不会因为数字而导致顺序错乱
+    return data;
+  },
+  // 解析表格數據(第二张Sheet表数据)，返回表格内容，目前不支援導入有單元格合併的表格，data.title為表头、data.body為表格數據
+  async importInstructionsFromLocal(file) {
+    const workBook = await this.readerWorkBookFromLocal(file);
+    const workSheet = workBook.Sheets[workBook.SheetNames[1]];
+    const content = utils.sheet_to_json(workSheet, { defval: '' });
+    const contentSort = utils.sheet_to_json(workSheet, { header: 1 });
+    if (content.length === 0) {
+      return content;
+    }
+    const data = {};
+    data.title = Object.keys(content[0]);
+    data.body = content;
+    data.titleSort = [...contentSort[0]]; // 记录Excel中的顺序，不会因为数字而导致顺序错乱
+    return data;
+  },
+  // 讀取文件的方法，file為文件Data
+  readerWorkBookFromLocal(file) {
+    const reader = new FileReader();
+    reader.readAsBinaryString(file);
+    return new Promise(((resolve, reject) => {
+      reader.onload = function (e) {
+        const fileData = e.target.result;
+        if (reader.readyState === 2) {
+          const workBook = XLSX.read(fileData, { type: 'binary' });
+          resolve(workBook);
+        } else {
+          reject(new Error('讀取文件失敗'));
+        }
+      };
+    }));
+  },
+};
+
+export default EXCEL;

package/src/router/index.js

@@ -0,0 +1,41 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import i18n from '../utils/i18n.js';
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
+
+const routes = [
+  {
+    path: '/',
+    redirect: '/review_record',
+  },
+  {
+    path: '/productionWorkOrder',
+    name: 'productionWorkOrder',
+    component: () => import('../views/productionWorkOrder/index.vue'),
+  },
+  // 生产工单
+  {
+    path: '/production_work_order',
+    name: 'production_work_order',
+    component: () => import('../views/production_work_order/index.vue'),
+  },
+  // 报工审核
+  {
+    path: '/review_record',
+    name: 'review_record',
+    component: () => import('../views/review_record/index.vue'),
+  },
+];
+const router = createRouter({
+  history: createWebHistory(
+    process.env.NODE_ENV === 'production' && qiankunWindow.__POWERED_BY_QIANKUN__ ? '/BASE/syntec3-0-ui-components/' : '/syntec3-0-ui-components',
+  ),
+  routes,
+});
+
+router.beforeEach((to, from, next) => {
+  const lang = localStorage.getItem('lang');
+  i18n.global.locale = lang || 'zh-cn';
+  next();
+});
+
+export default router;

package/src/scriptFiles/apiConfig/baseApis.js

@@ -0,0 +1,10 @@
+import axios from 'axios';
+import serviceRoute from './serviceRoute';
+
+const originPath = serviceRoute('API/V1', 'baseApi_SynComponent/API/V1');
+
+const getBaseApi = axios.create({
+  baseURL: originPath,
+});
+
+export default getBaseApi;

package/src/scriptFiles/apiConfig/mesApis.js

@@ -0,0 +1,10 @@
+import axios from 'axios';
+import serviceRoute from './serviceRoute';
+
+const originPath = serviceRoute('MES/API/V1', 'mesApi_SynComponent/MES/API/V1');
+
+const getBaseApi = axios.create({
+  baseURL: originPath,
+});
+
+export default getBaseApi;

package/src/scriptFiles/apiConfig/mmsApis.js

@@ -0,0 +1,10 @@
+import axios from 'axios';
+import serviceRoute from './serviceRoute';
+
+const originPath = serviceRoute('MMS/API/V1', 'mmsApi_SynComponent/MMS/API/V1');
+
+const getBaseApi = axios.create({
+  baseURL: originPath,
+});
+
+export default getBaseApi;

package/src/scriptFiles/apiConfig/privateCloudCoreApis.js

@@ -0,0 +1,13 @@
+import axios from 'axios';
+import serviceRoute from './serviceRoute';
+
+const originPath = serviceRoute(
+	'PrivateCloudCore/API/V1',
+	'PrivateCloudCoreApi_SynComponent/PrivateCloudCore/API/V1',
+);
+
+const getBaseApi = axios.create({
+	baseURL: originPath,
+});
+
+export default getBaseApi;

package/src/scriptFiles/apiConfig/serviceRoute.js

@@ -0,0 +1,23 @@
+const BUILD_TYPE = process.env.NODE_ENV;
+
+function serviceRoute(productionRoute, devRoute = '') {
+  let localDevRoute = devRoute;
+  if (localDevRoute.length === 0) {
+    localDevRoute = productionRoute;
+  }
+  let originPath = '';
+  if (BUILD_TYPE === 'production') {
+    // 放上研發測試環境或是整合測試環境(連自己同源的API)
+    const { protocol } = window.location;
+    const { hostname } = window.location;
+    const { port } = window.location;
+    originPath = `${protocol}//${hostname}:${port}/${productionRoute}`;
+  } else if (BUILD_TYPE === 'development') {
+    // 在本地端開發連研發測試環境(讓devServer代理到API專案)
+    originPath = `/${localDevRoute}`;
+  }
+
+  return originPath;
+}
+
+export default serviceRoute;

package/src/scriptFiles/apis/baseApiFunction.js

@@ -0,0 +1,63 @@
+import baseApi from '../apiConfig/baseApis';
+import baseApiList from '@/configFiles/apiFile/baseApiList';
+
+export default {
+  // 文件上传
+  docCustomUpload(data) {
+    const config = {
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+    };
+    return baseApi.post(`${baseApiList.docCustomUpload}/${data.DocCode}/${data.DocCustomId}`, data.file, config);
+  },
+  // 查询单据自定义栏位
+  querySetting(data) {
+    const config = {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    };
+    return baseApi.post(baseApiList.querySetting, data, config);
+  },
+  // 单据自定义附件下载
+  docDownloadFile(data) {
+    const config = {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      responseType: 'blob',
+    };
+    return baseApi.post(baseApiList.docDownloadFile, data, config);
+  },
+  // 更新列配置数据（最新版）
+  updateColumnSettingNext(data) {
+    const config = {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    };
+    return baseApi.put(baseApiList.updateColumnSettingNext, data, config);
+  },
+  // 查询列配置数据（最新版）
+  queryColumnSettingNext(data) {
+    const config = {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    };
+    return baseApi.post(baseApiList.queryColumnSettingNext, data, config);
+  },
+  // 新增或更新筛选条件
+  insertOrUpdateFilterCondition(data) {
+    return baseApi.post(baseApiList.insertOrUpdateFilterCondition, data);
+  },
+  // 查询筛选条件
+  queryFilterCondition(data) {
+    return baseApi.post(baseApiList.queryFilterCondition, data);
+  },
+  // 获取自定义筛选字段内容
+  getFieldSetting(permissionCode) {
+    return baseApi.get(`${baseApiList.getFieldSetting}?permissionCode=${permissionCode}`);
+  },
+};

package/src/scriptFiles/apis/mesApiFunction.js

@@ -0,0 +1,15 @@
+import mesApiList from '@/configFiles/apiFile/mesApiList.json';
+import mesApi from '../apiConfig/mesApis';
+
+export default {
+  // 生产工单页查询接口
+  planFormulationQuery(data) {
+    const returnObject = mesApi.post(mesApiList.planFormulationQuery, data);
+    return returnObject;
+  },
+  // 报工审核查询接口
+  GetReviewRecord(data) {
+    const returnObject = mesApi.post(mesApiList.GetReviewRecord, data);
+    return returnObject;
+  },
+};

package/src/scriptFiles/apis/mmsApiFunction.js

@@ -0,0 +1,9 @@
+import mmsApiList from '@/configFiles/apiFile/mmsApiList.json';
+import mmsApi from '../apiConfig/mmsApis';
+
+export default {
+  // 获取物料类别末级数据
+  materialCategoryLastLevel() {
+    return mmsApi.get(mmsApiList.materialCategoryLastLevel);
+  },
+};

package/src/scriptFiles/apis/privateCloudCoreApiFunction.js

@@ -0,0 +1,101 @@
+import coreApiList from '@/configFiles/apiFile/coreApiList.json';
+import getCoreBaseApi from '../apiConfig/privateCloudCoreApis';
+
+export default {
+  refreshToken(data) {
+    const config = {
+      headers: {
+        'Content-Type': 'application/json',
+        token: 'store.state.login.token',
+      },
+    };
+    const returnObject = getCoreBaseApi.post(coreApiList.refreshToken, data, config);
+    return returnObject;
+  },
+  logins(data) {
+    return getCoreBaseApi.post(coreApiList.logins, data);
+  },
+  logout() {
+    localStorage.removeItem('synFactoryUserID');
+    localStorage.removeItem('synFactoryUserName');
+    localStorage.removeItem('synFactoryPermission');
+    localStorage.removeItem('synFactoryEmpID');
+    const returnObject = getCoreBaseApi.get(coreApiList.logout);
+    return returnObject;
+  },
+  //获取全部人员接口
+  getEmployeeList(params) {
+    return getCoreBaseApi.post(coreApiList.employeeList, params);
+  },
+  QueryMyPermission(params) {
+    return getCoreBaseApi.get(coreApiList.QueryMyPermission, {
+      params,
+    });
+  },
+  // 查询分页配置API
+  queryPageSetting(data) {
+    return getCoreBaseApi.get(
+      `${coreApiList.queryPageSetting}?permissionCode=${data.permissionCode}&pageType=${data.pageType}`,
+    );
+  },
+  // 更新分页配置API
+  updatePageSetting(data) {
+    return getCoreBaseApi.post(coreApiList.updatePageSetting, data);
+  },
+  queryDeptAssigneeInfoList(data) {
+    return getCoreBaseApi.post(coreApiList.queryDeptAssigneeInfoList, data);
+  },
+  //查询视图只读列表
+  getViewOnlyReadList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewOnlyReadList, data);
+  },
+  //获取视图操作记录
+  getViewOpLogList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewLogList, data);
+  },
+  //获取视图操作人员列表
+  getViewEmployeeList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewOptEmployeeList, data);
+  },
+  
+  //获取视图列表
+  getViewList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewList, data);
+  },
+  //新增视图
+  addView(data) {
+    return getCoreBaseApi.post(coreApiList.addView, data);
+  },
+  //视图名称重复校验
+  checkViewName(data) {
+    return getCoreBaseApi.post(coreApiList.IsExistViewName, data);
+  },
+  //编辑视图
+  editView(data) {
+    return getCoreBaseApi.post(coreApiList.modifyView, data);
+  },
+  //删除视图
+  deleteView(id) {
+    return getCoreBaseApi.get(`${coreApiList.deleteView}?id=${id}`);
+  },
+  //获取视图详情
+  getViewDetail(id, type) {
+    return getCoreBaseApi.get(`${coreApiList.getViewTabDetail}?id=${id}&isCopy=${type}`);
+  },
+  //获取筛选字段
+  getViewFilterList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewFieldList, data);
+  },
+  //视图排序
+  viewSortList(data) {
+    return getCoreBaseApi.post(coreApiList.upadateViewOrder, data);
+  },
+  //获取查阅权限人员列表
+  getViewReadEmployeeList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewPermissionEmployeeList, data);
+  },
+  //查询人元列表
+  getViewPersionList(data) {
+    return getCoreBaseApi.post(coreApiList.getViewpersionList, data);
+  },
+};

package/src/scriptFiles/backendApiFunction.js

@@ -0,0 +1,11 @@
+import privateCloudCoreApiFunction from './apis/privateCloudCoreApiFunction';
+import baseApiFun from './apis/baseApiFunction';
+import mesApiFun from './apis/mesApiFunction';
+import mmsApiFun from './apis/mmsApiFunction';
+
+export default {
+  ...privateCloudCoreApiFunction,
+  ...baseApiFun,
+  ...mesApiFun,
+  ...mmsApiFun,
+};