axwen-test31 2.0.0

package/src/styles/el-custom.less

@@ -0,0 +1,106 @@
+.el-tabs {
+    .el-tabs__header {
+        .el-tabs__nav-wrap {
+            padding: 0 16px;
+            &::after {
+                height: 1px;
+            }
+            .el-tabs__active-bar {
+                height: 1px;
+            }
+            .el-tabs__item {
+                font-size: 12px;
+                line-height: 36px;
+                height: 36px;
+            }
+        }
+    }
+}
+.el-table__fixed-right-patch {
+    z-index: 4;
+    background: rgb(243, 245, 247);
+}
+
+// tree 节点激活
+.el-tree-node.is-current > .el-tree-node__content {
+    background-color: #EFF3FF;
+    color: #1664FF;
+}
+// 节点默认样式及hover
+ .el-tree-node__content{
+    height: 32px;
+    color: #333;
+    &:hover{
+        background-color: #EFF3FF;
+        color: #1664FF;
+    }
+}
+
+.el-dialog__title{
+    font-size: 16px !important;
+    font-weight: 600;
+    // font-weight: bold;
+}
+.el-dialog__body {
+    // padding: 16px 24px 24px!important;
+    padding: 16px !important;
+    padding-left: 24px !important;
+}
+
+.el-form-item__content{
+    height: 100%;
+    font-size: 12px !important;
+    
+}
+.el-dropdown-menu__item{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.el-dropdown-menu--small .el-dropdown-menu__item {
+    font-size: 12px;
+}
+.el-cascader-node__label{
+    max-width: 200px;
+}
+.el-image__error{
+    font-size: 12px !important;
+}
+.el-step__title {
+    font-size: 12px!important;
+}
+.el-checkbox__label{
+    font-size: 12px!important;
+}
+
+.el-pagination{
+    font-weight: normal;
+}
+
+.el-table {
+    .el-table__cell{
+        &.is-sortable{
+            .cell{
+                display:flex;
+                .caret-wrapper{
+                    height: 20px !important;
+                    line-height: 20px !important;
+                    .sort-caret.ascending{
+                        top: 0px;
+                    }
+                    .sort-caret.descending{
+                        bottom: -2px;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.el-table .el-table__column-filter-trigger{
+    line-height: 20px;
+}
+.el-select__tags-text{
+    max-width: 70px;
+}
+

package/src/styles/index.less

@@ -0,0 +1,4 @@
+@import './tailwind';
+@import './common';
+@import './el-custom';
+@import './yt-custom';

package/src/styles/tailwind.less

@@ -0,0 +1,34 @@
+@tailwind base;
+@layer base {
+    body {
+        height: 100%;
+        font-size: 12px;
+    }
+    svg,img {
+        display: inline;
+    }
+    // 滚动条样式
+    ::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+
+    // 滚动条里面小方块
+    ::-webkit-scrollbar-thumb {
+        border-radius: 6px;
+        background: rgba(0, 0, 0, 0.2);
+
+        &:hover {
+            background: rgba(0, 0, 0, 0.4);
+        }
+    }
+
+    // 滚动条里面轨道
+    ::-webkit-scrollbar-track {
+        border-radius: 0;
+        background: rgba(0, 0, 0, 0);
+    }
+}
+
+@tailwind components;
+@tailwind utilities;

package/src/styles/yt-custom.less

@@ -0,0 +1,31 @@
+
+.yt-table{
+    .yt-table-footer{
+        .yt-pagination{
+            .el-select{
+                .el-input__suffix{
+                    .el-input__validateIcon{
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+    .yt-delete-button {
+        margin-right: 0px !important;
+    }
+}
+.yt-form.is-text-form {
+    .el-form-item {
+        margin-bottom: 4px;
+    }
+}
+
+
+// yt-search-table
+.yt-search-table {
+    height: 100%;
+    .yt-delete-button {
+        margin-right: 0px !important;
+    }
+}

package/src/utils/ajax.js

@@ -0,0 +1,377 @@
+import axios from 'axios'
+import store from '@/store'
+import { Message } from 'element-ui'
+import router from '@/router'
+import { formatFullDateTime, copy } from '@/utils'
+import { ajaxFlowBreakFlag } from "@/utils/monitor";
+import { encrypt, decrypt } from './encrypt'
+import { debounce } from 'lodash'
+
+
+
+const normalAjaxBreakEvent = response => {
+    if (response) console.error(response.status, response.config?.url)
+    return new Error(ajaxFlowBreakFlag)
+}
+
+const ajax = axios.create({
+    timeout: 30000 // 请求超时时间
+})
+
+const noAuth = debounce(() => {
+    Message({
+        showClose: true,
+        message: '登录验证失效，请重新登录',
+        type: 'error',
+    })
+    if (window.__MICRO_APP_BASE_ROUTE__) {
+        store.dispatch('cleanStorage')
+        window.microApp.dispatch({ type: 'logout' })
+    }
+    else {
+        store.dispatch('logout')
+        router.push('/login')
+    }
+}, 200)
+export const preAjax = axios.create()
+// 请求拦截处理up
+preAjax.interceptors.request.use(config => {
+    transformPost(config)
+    transformURL(config)
+    return config
+}, error => Promise.reject(error))
+
+const cancelToken = {}
+const prefix = process.env.NODE_ENV === 'development' ? '/api' : '' // 请求前缀
+
+const transformURL = (config) => {
+    config.url = prefix + config.url
+    return config
+}
+const transformPost = (config) => {
+    if (config.data && config.data.transform) {
+        delete config.data.transform
+        config.transformRequest = [
+            function (data) {
+                let ret = ''
+                for (const it in data) {
+                    if (data.hasOwnProperty(it)) {
+                        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+                    }
+                }
+                ret = ret.slice(0, ret.length - 1)
+                return ret
+            }
+        ]
+    }
+    return config
+}
+
+function addEncrypt(config) {
+    if (config.encrypt && config.data) {
+        const { data, keyHex } = encrypt(config.data)
+        config.data = data
+        config.headers = config.headers || {}
+        Object.assign(config.headers, { "content-type": "application/json" })
+        config._keyHex = keyHex
+    }
+    return config
+}
+
+const addToken = (config) => {
+    // whiteList 不加入 token
+    const whiteList = [
+        '/j_spring_security_check',
+        '/v1/users/_login'
+    ]
+    if (whiteList.some(url => config.url.includes(url))) {
+        return config
+    }
+
+    // 添加 token
+    const token = store.state.token
+    const appId = store.state.appId
+    const ext = store.state.ext
+    if (token && !config.headers['ipub-client-user-token']) {
+        config.headers['ipub-client-user-token'] = token
+        config.headers['ipub-client-user-token-app-id'] = appId
+        config.headers['ipub-client-user-token-ext'] = ext
+    }
+
+    if (token && !config.headers['user-token']) {
+        config.headers['user-token'] = token
+        config.headers['user-token-app-id'] = appId
+        config.headers['user-token-ext'] = ext
+    }
+
+    // 取消请求
+    const source = axios.CancelToken.source()
+    config.cancelToken = source.token
+
+    const fullPath = router.currentRoute.fullPath
+    // 把token存入到对象里面
+    if (!cancelToken[fullPath]) {
+        cancelToken[fullPath] = []
+    }
+
+    // 页面跳转是否自动取消请求
+    if (!config.isAutoCancel) {
+        cancelToken[fullPath].push(source)
+    }
+    return config
+}
+
+const logResponse = (res) => {
+    console.groupCollapsed(`%c ${res.config.method} ${res.config.url}`, res.status === 200 ? 'color: mediumseagreen;' : 'color: #f06;')
+    try {
+    } catch (e) {
+    }
+    console.groupEnd()
+}
+
+// 请求拦截处理
+ajax.interceptors.request.use(config => {
+    transformPost(config)
+    transformURL(config)
+    addToken(config)
+    addEncrypt(config)
+    return config
+}, error => Promise.reject(error))
+
+// 不提示错误信息
+const whiteList = [
+    '/sysParam/tree',
+    '/oauth/token',
+    '/explore/log',
+    '/actMarketingBase/findPositionList',
+    '/_login',
+    '/_check-exist'
+]
+
+// 响应拦截处理
+ajax.interceptors.response.use(response => {
+    logResponse(response)
+    const contentType = response.headers['content-type']
+    if (contentType) {
+        if (contentType.includes('image')) {
+            return 'data:image/png;base64,' + btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))
+        } else if (
+            [
+                'multipart/octet-stream',
+                'multipart/octet-stream;charset=UTF-8',
+                'multipart/form-data',
+                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8',
+                'text/plain;charset=UTF-8'
+            ].includes(contentType) || contentType.includes('officedocument')
+        ) {
+            return response
+        }
+    }
+    let { data, config } = response
+    // console.warn('-----------response', response)
+    if (config.encrypt) {
+        data = decrypt(data, config._keyHex)
+    }
+    if (data.errorCode === '005003') {
+        noAuth()
+        // return Promise.reject(new Error('登录验证失效，请重新登录'))
+        // console.log('登录验证失效，请重新登录')
+        return Promise.reject(normalAjaxBreakEvent(response))
+    }
+    if (!['000000', '030010', '010110', '801', '080000'].includes(data.errorCode)) {
+        // console.warn('errorCode:', data.errorCode, data, typeof data)
+        if (!whiteList.some(url => config.url.includes(url))) {
+            Message({
+                showClose: true,
+                message: data.msg || data.errorMsg,
+                type: 'error'
+            })
+        }
+        return Promise.reject(data)
+        // return Promise.reject(data.errorMsg)
+    }
+    return data
+}, error => {
+    if ((error.code === 'ECONNABORTED' && !error.response)) {
+        Message({
+            showClose: true,
+            message: '请求超时',
+            type: 'error'
+        })
+        return Promise.reject()
+    }
+    const status = error.response.status
+    const msg = error.response.data.errorMsg || error.response.data.data
+    if (!window.loginTip) {
+        return Promise.reject(msg)
+    }
+    if (whiteList.some(url => error.config.url.includes(url))) {
+        return Promise.reject(msg)
+    }
+    if (status === 404) {
+        Message({
+            showClose: true,
+            message: '访问资源不存在',
+            type: 'error'
+        })
+        return Promise.reject(new Error('访问资源不存在'))
+    } else if (status === 403) {
+        Message({
+            showClose: true,
+            message: msg || '授权失败，禁止访问',
+            type: 'error'
+        })
+        return Promise.reject(new Error('授权失败，禁止访问'))
+    } else if (status === 504) {
+        Message({
+            showClose: true,
+            message: msg || '请求超时',
+            type: 'error'
+        })
+        return Promise.reject(new Error('请求超时'))
+    } else if (status === 401) {
+        noAuth()
+        return Promise.reject(normalAjaxBreakEvent(error?.response))
+    } else if (error.config.url.includes('actDefCstUpload/uploadCstExcel')) {
+        return {
+            success: true,
+            msg: '',
+            obj: {}
+        }
+    } else {
+        Message({
+            showClose: true,
+            dangerouslyUseHTMLString: true,
+            message: msg || '服务器请求错误',
+            type: 'error'
+        })
+    }
+    return Promise.reject(msg)
+})
+
+ajax.uploadFile = (url, file, data = {}, config) => {
+    const formData = new FormData()
+    formData.append('file', file, file.filename)
+    for (const key in data) {
+        if (data.hasOwnProperty(key)) {
+            formData.append(key, data[key])
+        }
+    }
+    if (!config) {
+        config = { headers: { 'Content-Type': 'multipart/form-data' }, timeout: 1000 * 60 * 60 * 2 }
+    }
+    const uploadAjax = ajax.post(url, formData, config)
+    return uploadAjax
+}
+
+ajax.downloadFile = (url, params, method = 'get', name) => {
+    return ajax({
+        method,
+        url,
+        data: params,
+        headers: {
+            'X-Requested-With': 'XMLHttpRequest'
+        },
+        responseType: 'blob'
+    }).then(res => {
+        let fileName = res.headers['content-disposition']?.split('filename=')[1] || name
+        fileName = decodeURI(fileName)
+        const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
+
+        if ('download' in document.createElement('a')) {
+            const elink = document.createElement('a')
+            const href = URL.createObjectURL(blob)
+            elink.download = fileName
+            elink.style.display = 'none'
+            elink.href = href
+            document.body.appendChild(elink)
+            elink.click()
+            URL.revokeObjectURL(href)
+            document.body.removeChild(elink)
+        } else {
+            navigator.msSaveBlob(blob, fileName)
+        }
+    }).catch(error => {
+        return Promise.reject(error)
+    })
+}
+
+ajax.downloadFilePost = (url, params, method = 'post', diyFileName) => {
+    return ajax({
+        method,
+        url,
+        data: params,
+        headers: {
+            'X-Requested-With': 'XMLHttpRequest'
+        },
+        responseType: 'blob'
+    }).then(res => {
+        let fileName = res.headers['content-disposition'].split('filename=')[1]
+        fileName = decodeURI(fileName || diyFileName)
+        let blob = null
+        blob = params.type === 'xlsx' ? new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }) :
+            params.type === 'txt' ? new Blob([res.data], { type: 'text/plain;charset=utf-8' }) : new Blob([res.data], { type: 'application/x-rar-compressed;charset=utf-8' })
+        if ('download' in document.createElement('a')) {
+            const elink = document.createElement('a')
+            const href = URL.createObjectURL(blob)
+            elink.download = fileName
+            elink.style.display = 'none'
+            elink.href = href
+            document.body.appendChild(elink)
+            elink.click()
+            URL.revokeObjectURL(href)
+            document.body.removeChild(elink)
+        } else {
+            navigator.msSaveBlob(blob, fileName)
+        }
+    }).catch(error => {
+        return Promise.reject(error)
+    })
+}
+
+ajax.postWithFile = (url, params) => {
+    const formData = new FormData()
+    appendParamsToFormData(formData, params) // 对象递归判断转平级
+    const config = { headers: { 'Content-Type': 'multipart/form-data' } }
+    return ajax.post(url, formData, config)
+}
+
+const appendParamsToFormData = (formData, params) => {
+    for (const key in params) {
+        if (params.hasOwnProperty(key)) {
+            const value = params[key]
+            const prototypeStr = Object.prototype.toString.call(value)
+            if (prototypeStr === '[object File]') {
+                formData.append(key, value, value.filename)
+            } else if (prototypeStr === '[object Object]') {
+                appendParamsToFormData(formData, value)
+            } else {
+                formData.append(key, value)
+            }
+        }
+    }
+}
+
+export const clearAllAjax = () => {
+    for (const key in cancelToken) {
+        if (cancelToken[key].length) {
+            cancelToken[key].forEach(item => item.cancel())
+            cancelToken[key] = []
+        }
+    }
+}
+
+function genAjaxEn(ajax) {
+    const ajaxEn = {}
+    const actionList = ['put', 'get', 'post', 'delete']
+    actionList.forEach(action => {
+        ajaxEn[action] = (url, params, config = {}) => {
+            return ajax[action](url, params, { ...config, encrypt: true })
+        }
+    })
+    return ajaxEn
+}
+
+export const ajaxEn = genAjaxEn(ajax)
+
+export default ajax

package/src/utils/auth.js

@@ -0,0 +1,18 @@
+import Cookies from 'js-cookie'
+import Config from '@/settings'
+
+const TokenKey = Config.TokenKey
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token, rememberMe) {
+  if (rememberMe) {
+    return Cookies.set(TokenKey, token, { expires: Config.tokenCookieExpires })
+  } else return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}