@kyfe/ks-query-table 0.0.21 → 0.0.22

package/src/web.js

@@ -0,0 +1,99 @@
+import { http } from '@/common/http'
+
+window.__ERPHOSTMAP__ = {
+  'erp-kuasheng-h5-dev.kye-erp.com': 'https://cas-dev.baoguozs.com',
+  'erp-kuasheng-h5-stg.kye-erp.com': 'https://cas-stg.baoguozs.com',
+  'erp-kuasheng-h5-uat.kye-erp.com': 'https://cas-uat.baoguozs.com',
+  'erp-kuasheng-h5-uat-cdn.kye-erp.com': 'https://cas-uat.baoguozs.com',
+}
+
+// npm run dev 默认走 uat cas
+// 指定环境用: npm run serve:uat 或 npm run serve:stg
+// const casUrl = 'https://cas-dev.baoguozs.com'
+const casUrl = window.__ERPHOSTMAP__[location.host] || process.env.VUE_APP_CAS || 'https://cas-uat.baoguozs.com'
+const isProd = process.env.VUE_APP_CAS === 'https://www.ycfm-erp.com'
+
+async function initToken () {
+  return new Promise(async (resolve, reject) => {
+    const match = location.href.match(/ticket=(.*)[&]*/)
+    const ticket = match ? match[1] : ''
+    if (ticket) {
+      try {
+        const response =  await fetch(`${casUrl}/cas_server/partner/v1/service/validate?ticket=${ticket}&service=${location.href}`)
+        const json = await response.json()
+        /** console.log('json', json) */
+        if (json.code === 0) {
+          window.sessionStorage.setItem('ks_token', json.data.access_token)
+          resolve(json.data.access_token)
+        }
+        if (json.code === 100252) {
+          location = location.origin
+        }
+      } catch (e) {
+        /** console.error('cas登录失败: ', e) */
+        reject()
+      }
+    } else {
+      location = `${casUrl}?logintype=kyeweb&service=${location.href}`
+    }
+  })
+}
+
+export default async function initWeb(cb = () => {}) {
+  window.ksui.bus.$on('httpEnd', function(res) {
+    if (['100201','100202'].includes(res.data.code)) {
+      window.sessionStorage.removeItem('ks_token')
+      location.reload()
+    }
+  })
+  const token = window.sessionStorage.getItem('ks_token')
+
+  // 代理生产，后端生产做了域名校验，需提示用户复制token到 sessionStorage
+  if (isProd) {
+    if (!token) {
+      let _token = prompt('当前代理了生产环境，请复制生产环境跨声TOKEN', '')
+      if (!_token) {
+        window.sessionStorage.setItem('ks_token', '')
+        return
+      }
+      window.sessionStorage.setItem('ks_token', _token)
+    }
+    return
+  }
+
+  if (token) {
+    await initUser()
+  } else {
+    await initToken()
+    await replaceKsToken()
+    await initUser()
+  }
+  cb()
+}
+
+async function initUser() {
+  const user = await getUser()
+  window.ksui.user = user
+  window.ksui.watermark(user.employeeNumber)
+}
+
+function getUser() {
+  const headers = {
+    'X-menu-id': '2820215716730110'
+  }
+  return http('hr.external.employee.list', '61158', {loginUserFlag: 'Y'}, {headers})
+}
+
+// 单点登录替换跨声token
+async function replaceKsToken() {
+  try {
+    const data = await http('fmk.monitor.login', '55212', {
+      appIds: ['WYpeAOwQrfWnqzZZnAntSw==']
+    })
+    if (data && data.token) {
+      window.sessionStorage.setItem('ks_token', data.token)
+    }
+  } catch (error) {
+    /** console.log('replaceKsToken:', error) */
+  }
+}

package/vue.config.js

@@ -0,0 +1,131 @@
+const ReplaceInFileWebpackPlugin = require('replace-in-file-webpack-plugin')
+const { sentryWebpackPlugin } = require('@sentry/webpack-plugin')
+const path = require('path')
+const { name, version } = require('./package.json')
+const {getConfig} = require("./config")
+process.env.VUE_APP_VERSION = `${name}@${version}`
+
+// const resolve = dir => path.join(__dirname, dir)
+// const chiiWebpackPlugin = require('@ks-web/chii-webpack-html')
+const externals = {
+  vue: 'Vue',
+  vuex: 'Vuex',
+  'vue-router': 'VueRouter',
+  vant: 'vant',
+}
+const URL = process.env.API || 'http://api-dev.baoguozs.com'
+console.log(`请求代理到: ${URL}`)
+
+const config = getConfig(process.env.NODE_ENV === 'production')
+
+module.exports = {
+  productionSourceMap: true,
+  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
+  configureWebpack: {
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+        'common': path.resolve(__dirname, 'src/common')
+      }
+    },
+    externals: process.env.NODE_ENV === 'production' ? externals : [],
+    // devtool: process.env.NODE_ENV === 'production' ? false : 'source-map',
+    devtool: 'source-map',
+    plugins: [
+      // 替换构建后的产物中外链vant的css为内部cdn地址
+      ...[
+        process.env.NODE_ENV === 'production' &&
+          new ReplaceInFileWebpackPlugin([
+            {
+              dir: 'dist', // 构建产物输出目录
+              test: /\.js$/, // 匹配要替换的文件扩展名
+              rules: [
+                {
+                  search: /https:\/\/img\.yzcdn\.cn\/vant\//g,
+                  replace: 'https://erphostjs.kye-erp.com/kuasheng-h5/vant/font/',
+                },
+              ],
+            },
+          ]),
+        // sentry 平台收集source map, 定位日志具体位置
+        process.env.NODE_ENV === 'production' &&
+          sentryWebpackPlugin({
+            url: config.sentryUrl, // sentry url
+            org: 'sentry', // sentry organization name
+            project: config.sentryProjectName, // sentry project name
+            authToken: config.sentryWebpackToken, // sentry User Auth Tokens
+            release: {
+              name: process.env.VUE_APP_VERSION, // 推荐使用 git sha 或语义化版本
+              cleanArtifacts: true,
+              uploadLegacySourcemaps: {
+                paths: ['./dist'],
+                urlPrefix: '~/',
+                ext: ['js', 'map'],
+                rewrite: false,
+              }
+            },
+            // debug: true, // 可选，调试用
+          }),
+      ].filter(Boolean),
+    ],
+  },
+  // 解决svg图标打包问题
+  chainWebpack: config => {
+    config.module.rule('svg').uses.clear()
+    config.module
+      .rule('images')
+      .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)
+      .use('url-loader')
+      .loader('url-loader')
+      .tap(options => Object.assign(options, {
+        limit: 1024 * 1000
+      }))
+
+    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
+    types.forEach(type => {
+      config.module.rule('less')
+        .oneOf(type)
+        .use('style-resources-loader')
+        .loader('style-resources-loader')
+        .options({
+          patterns: [
+            path.resolve(__dirname, 'src/common/styles/variables.less')
+          ]
+        })
+    })
+    // config.resolve.alias
+    //   .set('@', resolve('src'))
+    // config.plugin('webpack-bundle-analyzer').use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
+    // if (process.env.NODE_ENV !== 'production' && process.argv.includes('--debug')) {
+    //   config.plugin('webpack-html-chii-plugin').use(chiiWebpackPlugin).tap(args => {
+    //     args[0] = '8077'
+    //     return args
+    //   })
+    // }
+  },
+  css: {
+    // 不提取 CSS 到单独文件
+    extract: false,
+    loaderOptions: {
+      postcss: {
+        plugins: [
+          // 去除rem转换 2025.6.26
+          // require('postcss-pxtorem')({
+          //   rootValue: 37.5, // 设计稿宽度除以10
+          //   propList: ['*'], // 需要转换的属性，这里选择转换所有属性
+          //   // selectorBlackList: ['van'], // 不转换的选择器
+          // }),
+        ],
+      },
+    },
+  },
+  devServer: {
+    host: '0.0.0.0',
+    proxy: {
+      '/router': {
+        target: URL,
+        changeOrigin: true,
+      },
+    },
+  },
+}