large-model-component 1.0.0

package/src/main.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import App from './App.vue'
+import ElementUI from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
+import 'highlight.js/styles/github.css'
+import store from './store'
+import router from './router'
+Vue.config.productionTip = false
+import '@/assets/css/base.css'
+Vue.use(ElementUI);
+new Vue({
+  store,
+  router,
+  render: h => h(App),
+}).$mount('#app')

package/src/router/index.js

@@ -0,0 +1,20 @@
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+
+Vue.use(VueRouter);
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('@/App.vue')
+  }
+];
+
+const router = new VueRouter({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes
+});
+
+export default router;

package/src/store/index.js

@@ -0,0 +1,26 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+  state: {
+    userInfo: null,
+    siteConfig: {
+      aiUrl: '',
+      loginUrl: ''
+    }
+  },
+  getters: {
+    'industrial-access-token': () => localStorage.getItem('Industrial-Access-Token')
+  },
+  mutations: {
+    SET_USER_INFO(state, userInfo) {
+      state.userInfo = userInfo;
+    },
+    SET_SITE_CONFIG(state, config) {
+      state.siteConfig = config;
+    }
+  },
+  actions: {}
+});

package/src/utils/auth.js

@@ -0,0 +1,48 @@
+import utils from '@/utils/utils';
+import Cookies from 'js-cookie';
+export function setToken(value) {
+  Cookies.set('industrial-access-token', value);
+}
+export function getToken() {
+  return Cookies.get('industrial-access-token');
+}
+export function removeToken() {
+  Cookies.remove('industrial-access-token');
+}
+// 公共存储方法
+export function setByLocalStorage(key, value) {
+  localStorage.setItem(key, value);
+}
+export function getByLocalStorage(key) {
+  return localStorage.getItem(key);
+}
+export function removeByLocalStorage(key) {
+  return localStorage.removeItem(key);
+}
+export function removeAllByLocalStorage() {
+  localStorage.clear();
+}
+export function cleanCode(func, route) {
+  setTimeout(() => {
+    // const newUrl = window.location.origin;
+    const newUrl = utils.dealPath(process.env.VUE_APP_DEFAULT_REDIRECTURL_URL);
+    window.history.replaceState({ path: newUrl }, '', newUrl);
+    console.log('----newUrl------', newUrl);
+    func(route);
+  });
+}
+export function pathHandle(data) {
+  let path = process.env[data];
+  if (process.env.NODE_ENV != 'development') {
+    path = window.location.origin + path;
+  }
+  return path;
+}
+
+export function routerParams(params) {
+  let data = [];
+  for (let i in params) {
+    data.push(i + '=' + params[i]);
+  }
+  return data.length > 0 ? '?' + data.join('&') : '';
+}

package/src/utils/index.js

@@ -0,0 +1,111 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0 || !time) {
+    return null;
+  }
+  const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
+  let date;
+  if (typeof time === "object") {
+    date = time;
+  } else {
+    if (typeof time === "string") {
+      if (/^[0-9]+$/.test(time)) {
+        // support "1548221490638"
+        time = parseInt(time);
+      } else {
+        // support safari
+        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+        time = time.replace(new RegExp(/-/gm), "/");
+      }
+    }
+
+    if (typeof time === "number" && time.toString().length === 10) {
+      time *= 1000;
+    }
+    date = new Date(time);
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay(),
+  };
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key];
+    // Note: getDay() returns 0 on Sunday
+    if (key === "a") {
+      return ["日", "一", "二", "三", "四", "五", "六"][value];
+    }
+    return value.toString().padStart(2, "0");
+  });
+  return time_str;
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (`${time}`.length === 10) {
+    time = parseInt(time) * 1000;
+  } else {
+    time = +time;
+  }
+  const d = new Date(time);
+  const now = Date.now();
+
+  const diff = (now - d) / 1000;
+
+  if (diff < 30) {
+    return "刚刚";
+  } else if (diff < 3600) {
+    // less 1 hour
+    return `${Math.ceil(diff / 60)}分钟前`;
+  } else if (diff < 3600 * 24) {
+    return `${Math.ceil(diff / 3600)}小时前`;
+  } else if (diff < 3600 * 24 * 2) {
+    return "1天前";
+  }
+  if (option) {
+    return parseTime(time, option);
+  } else {
+    return `${
+      d.getMonth() + 1
+    }月${d.getDate()}日${d.getHours()}时${d.getMinutes()}分`;
+  }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+  const search = decodeURIComponent(url.split("?")[1]).replace(/\+/g, " ");
+  if (!search) {
+    return {};
+  }
+  const obj = {};
+  const searchArr = search.split("&");
+  searchArr.forEach((v) => {
+    const index = v.indexOf("=");
+    if (index !== -1) {
+      const name = v.substring(0, index);
+      const val = v.substring(index + 1, v.length);
+      obj[name] = val;
+    }
+  });
+  return obj;
+}

package/src/utils/request.js

@@ -0,0 +1,103 @@
+import axios from 'axios';
+import router from '@/router';
+import { Message } from 'element-ui';
+import store from '@/store';
+import utils from '@/utils/utils';
+import { getToken } from '@/utils/auth';
+
+const codeMsg = {
+  200: '请求成功',
+  400: '错误请求(400)',
+  401: '未授权，请重新登录(401)',
+  403: '拒绝访问(403)',
+  404: '未找到资源(404)',
+  500: '服务器错误(500)',
+  5001: '当前域暂未开通，请联系管理员',
+};
+// create an axios instance
+const service = axios.create({
+  baseURL: utils.dealPath(process.env.VUE_APP_BASE_API), // url = base url + request url
+  timeout: process.env.VUE_APP_TIME_OUT || 5000, // 超时时间
+});
+
+// 接口请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    /*if (store.getters['industrial-access-token']) {
+      config.headers.Authorization = getToken() ? `bearer ${getToken()}` : '';
+    }*/
+    // config.headers.Authorization = 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6Ijc4NjE0ZjIwLWQ4M2ItNDFhMy1hYTBjLWVjYjU5YTZiMTFmYSJ9.nkxUa_MB4G8NGdeQtpGFTdSnvuK1jUCO4dfKUMHi10VxgEjXU-BkyHG_-eEUOod1lPoBLvIWxDPtoX-P4l52mw';
+    config.headers = {
+      ...config.headers,
+      "Industrial-Access-Token": localStorage.getItem('Industrial-Access-Token'),
+    }
+    // console.log('config.headers==>',config.headers)
+    return config;
+  },
+  (error) => {
+    console.log(error);
+    return Promise.reject(error);
+  },
+);
+
+// 接口响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    const { code, msg, success } = response.data;
+
+    if (code === 200 || code === 20000 || code === 20001 || msg === '处理成功' || success === 'success') {
+      // 请求成功是根据原来接口判断的，后期会改
+      return response;
+    } else if (code === 400 || code === 404 || code === 500) {
+      Message({
+        message: msg || codeMsg[code],
+        type: 'error',
+        duration: 5 * 1000,
+      });
+      return Promise.reject(new Error(msg || 'Error'));
+    } else if (code === 401) {
+      Message({
+        message: msg || codeMsg[code],
+        type: 'error',
+        duration: 5 * 1000,
+      });
+      // 走退出逻辑---> 重新登陆
+    } else if (code === 40004) {
+      return response;
+    } else if (code === 5001) {
+      Message({
+        message: msg || codeMsg[code],
+        type: 'error',
+        duration: 5 * 1000,
+      });
+      router.push('/default');
+    } else if (code === 403) {
+      Message({
+        message: msg || codeMsg[code],
+        type: 'error',
+        duration: 5 * 1000,
+      });
+      router.push('/refuse');
+    } else {
+      Message({
+        message: '链接错误',
+        type: 'error',
+        duration: 5 * 1000,
+      });
+      return response;
+    }
+  },
+  (error) => {
+    console.log(`err${error}`); // for debug
+    Message({
+      message: error.msg,
+      type: 'error',
+      duration: 5 * 1000,
+    });
+    localStorage.removeItem('Industrial-Access-Token');
+    // router.push('/login');
+    return Promise.reject(error);
+  },
+);
+
+export default service;

package/src/utils/spceialistConfig.js

@@ -0,0 +1,44 @@
+export default{
+
+    sexList: [
+        {label:'男', value:'1'},
+        {label:'女', value:'2'},
+    ],
+    degreeList: [
+        {label:'大学本科', value:'1'},
+        {label:'硕士研究生', value:'2'},
+        {label:'博士研究生', value:'3'}
+    ],
+    titleList: [
+        {label:'初级', value:'1'},
+        {label:'中级', value:'2'},
+        {label:'副高级', value:'3'},
+        {label:'正高级', value:'4'}
+    ],
+    areaList: [
+        {label:'运维服务', value:'1'},
+        {label:'节能减排', value:'2'},
+        {label:'安全生产', value:'3'},
+        {label:'仓储物流', value:'4'},
+        {label:'运营管理', value:'5'},
+        {label:'质量管控', value:'6'},
+        {label:'生产制造', value:'7'},
+        {label:'供应链管理', value:'8'},
+        {label:'研发设计', value:'9'},
+      ],
+    serviceList: [
+        {label:'政策咨询', value:'1'},
+        {label:'市场营销', value:'2'},
+        {label:'技术创新', value:'3'},
+        {label:'经营管理', value:'4'},
+        {label:'财务税务', value:'5'},
+        {label:'投资融资', value:'6'},
+        {label:'法律服务', value:'7'},
+        {label:'人才服务', value:'8'},
+      ],
+    industryList: [
+        {label:'食品', value:'1'},
+        {label:'机械', value:'2'},
+        {label:'电子', value:'3'},
+    ]
+}

package/src/utils/tool.js

@@ -0,0 +1,4 @@
+export function uuid() {
+  const uuid = new Date().getTime() + Math.random().toString(36).substring(2)
+  return uuid
+}

package/src/utils/utils.js

@@ -0,0 +1,56 @@
+import Vue from 'vue';
+const instance = new Vue();
+export default {
+  // 认证状态字典值
+  authStatusDicts: [
+    { label: '认证失败', value: '0', color: 'white', bgColor: '#F53F3F', type: 'danger' }, // 红色
+    { label: '认证待审核', value: '1', color: '#757F92', bgColor: '#F2F3F5', type: '' }, // 灰色
+    { label: '认证成功', value: '2', color: '#00b42a', bgColor: '#e8ffea', type: 'success' }, // 绿色
+  ],
+  // 审核状态
+  approveDicts: [
+    { label: '通过', value: '2' },
+    { label: '驳回', value: '0' },
+  ],
+  dealPath(baseUrl) {
+    // 本地开发环境不用修改
+    if (process.env.NODE_ENV === 'development') {
+      return baseUrl;
+    } else {
+      const origin = window.location.origin;
+      return origin + baseUrl;
+    }
+  },
+  // 统一处理接口返回
+  resCallback(res, sCallback, eCallback) {
+    if (res.data.code === 200) {
+      sCallback(res.data.data);
+    } else {
+      eCallback(res.data.msg);
+      console.log(res.data.msg);
+    }
+  },
+  // 信息提示
+  handlePrompt(msg, callback) {
+    instance
+      .$confirm(msg, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        callback: () => {},
+        beforeClose: async (action, ctx, close) => {
+          if (action !== 'confirm') {
+            close();
+            return;
+          }
+          ctx.confirmButtonLoading = true;
+          try {
+            await callback();
+            close();
+          } catch (error) {}
+          ctx.confirmButtonLoading = false;
+        },
+      })
+      .finally(() => {});
+  },
+};

package/src/utils/validate.js

@@ -0,0 +1,20 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+  return /^(https?:|mailto:|tel:)/.test(path);
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+  const valid_map = ["admin", "editor"];
+  return valid_map.indexOf(str.trim()) >= 0;
+}

package/vue.config.js

@@ -0,0 +1,42 @@
+const path = require('path');
+const NODE_ENV = 'development'; // 开发环境 打包doc
+// const NODE_ENV = 'lib' // 组件库 上传npm
+
+const devConfig = {
+  lintOnSave: false,
+  // 扩展webpack配置，使packages加入编译
+  // 高版本js语法转为低版本
+  chainWebpack: (config) => {
+    config.module
+      .rule('js')
+      .include.add(path.resolve(__dirname, 'packages'))
+      .end()
+      .use('babel')
+      .loader('babel-loader')
+      .tap((options) => {
+        return options;
+      });
+  },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        '@pack': path.resolve(__dirname, 'packages'),
+      },
+    },
+  },
+};
+
+const buildConfig = {
+  configureWebpack: {
+    entry: 'packages/index.js',
+    output: {
+      filename: '[name].js',
+      libraryTarget: 'commonjs2',
+    },
+  },
+  outputDir: 'lib',
+  productionSourceMap: false,
+  ...devConfig,
+};
+
+module.exports = NODE_ENV === 'development' ? devConfig : buildConfig;