meixioacomponent 0.3.25 → 0.3.28

package/src/component/testSelectStore.js

@@ -0,0 +1,43 @@
+import meixioacomponent from "../../packages/components/index";
+// 示例
+let testRequest = () => {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve([
+        {
+          value: 1,
+          label: "黄金糕",
+        },
+        {
+          value: 2,
+          label: "双皮奶",
+        },
+        {
+          value: 3,
+          label: "蚵仔煎",
+        },
+        {
+          value: 4,
+          label: "龙须面",
+        },
+        {
+          value: 5,
+          label: "北京烤鸭",
+        },
+      ]);
+    }, 5000);
+  });
+};
+
+class TestSelectStore extends meixioacomponent.SelectStore {
+  constructor(params) {
+    super(params);
+  }
+}
+
+let testSelectStore = new TestSelectStore({
+  name: "testSelectStore",
+  request: testRequest,
+});
+
+export default testSelectStore;

package/src/config/request.js

@@ -0,0 +1,66 @@
+import axios from "axios";
+// 创建 axios 实例
+const instance = axios.create({
+  // API 请求的默认前缀
+  baseURL: "/api",
+  timeout: 10000, // 请求超时时间
+  withCredentials: true, // 携带cookie
+});
+
+// 异常拦截处理器
+const errorHandler = (error) => {
+  // responceError(error);
+};
+
+// 响应异常拦截处理器
+const resErrorHandler = (error) => {
+  console.log(error);
+  return errorHandler(error);
+};
+
+// request interceptor
+instance.interceptors.request.use(async (config) => {
+  // 设置接口auth权限配置
+  if (config.headers.auth) {
+    tokenSecurity(config, true);
+  }
+
+  return config;
+}, errorHandler);
+
+const responseHandle = async (response) => {
+  //console.log(response)
+  if (response.status === 200) {
+    let data = response.data;
+    if (data.code == 200) {
+      if (data.data) return data.data;
+      return data;
+    } else {
+      errorHandler(data);
+      throw data;
+    }
+  }
+};
+
+// response interceptor
+instance.interceptors.response.use(responseHandle, resErrorHandler);
+
+export default (params, _auth = true, _otherUrl = false) => {
+  params.headers = {
+    auth: _auth,
+    otherUrl: _otherUrl,
+  };
+  return instance(params);
+};
+
+// 配置token
+const tokenSecurity = (config, auth) => {
+  // 设置接口auth权限配置
+  if (auth) {
+    const token = window.localStorage.getItem("token") || "";
+    config.headers["Authorization"] = `${token}`;
+
+    config.headers.timestamp = time;
+    config.headers.signstr = keys;
+  }
+};

package/src/config/testApi.js

@@ -0,0 +1,12 @@
+import request from "./request";
+
+export const tableApi = (params) => {
+  return request(
+    {
+      url: "/personnel/entry/list",
+      method: "get",
+      params: params,
+    },
+    true
+  );
+};

package/src/main.js

@@ -0,0 +1,27 @@
+import Vue from "vue";
+import App from "./App.vue";
+import store from "./store";
+import router from "./router";
+import ElementUI from "element-ui";
+import meixioacomponent from "../packages/components/index";
+import testSelectStore from "./component/testSelectStore";
+import "../packages/components/style/index.less";
+meixioacomponent.componentConfig.initConfig(store, router);
+meixioacomponent.componentConfig.setUploadPrefix(
+  "http://192.168.31.156:9999/files/files"
+);
+
+Vue.use(ElementUI);
+Vue.use(meixioacomponent);
+
+meixioacomponent.componentConfig.selectStore.registerStore({
+  name: "testSelectStore",
+  class: testSelectStore,
+});
+
+Vue.config.productionTip = false;
+new Vue({
+  router,
+  store,
+  render: (h) => h(App),
+}).$mount("#app");

package/src/router/index.js

@@ -0,0 +1,14 @@
+import Vue from "vue";
+import VueRouter from "vue-router";
+
+Vue.use(VueRouter);
+
+const routes = [];
+
+const router = new VueRouter({
+  mode: "history",
+  base: process.env.BASE_URL,
+  routes,
+});
+
+export default router;

package/src/store/index.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})