add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent eb9a5da commit 613c1e4458d86de49037dcc2cbf24b414d41081b caibinghong authored on 29 May 2021

Showing 100 changed files

Ignore Space Show notes View .env.development 0 → 100644
VITE_APP_BASE_API = 'http://192.168.1.183:5001/' VITE_APP_QUERYDATA = '/amrept-web/server/WebServiceWadl/[projectName]/cxfService/queryForm' VITE_APP_SAVEDATA = '/amrept-web/server/WebServiceWadl/[projectName]/cxfService/saveForm'

Ignore Space Show notes View .env.production 0 → 100644
VITE_APP_BASE_API = '/' VITE_APP_QUERYDATA = '/amrept-web/[projectName]/data/query.do' VITE_APP_SAVEDATA = '/amrept-web/[projectName]/data/save.do'

Ignore Space Show notes View admin/App.vue 0 → 100644
<template> <div class="app"> <transition> <router-view v-if="$store.state.appStatus=='success'" /> </transition> <transition> <div v-if="$store.state.appStatus!='success'" class="loader" > <div class="pl-logo-lg fadeInUp animated"> <img src="@admin/assets/logo_max.png" v-if="logoSrc==''" > <img :src="logoSrc" v-if="logoSrc!=''" > </div> <span class="txt"> <span v-for="str in loadTexts">{{str}}</span> <span v-if="$store.state.appStatus=='loading'">{{$lang('sysLoading')\|\|'系统加载中...'}}</span> <span v-if="$store.state.appStatus!='loading'" style="color:red" @click="handleReload" >{{$lang('loadedFailClickRefresh')\|\|'加载失败,点我重试!'}}</span> </span> </div> </transition> </div> </template> <script> export default { data() { let cfg = this.$store.state.app.config \|\| {}; let loadText = (cfg.sysLoadLogo && cfg.sysLoadLogo.title) \|\| ""; let logoSrc = (cfg.sysLoadLogo && cfg.sysLoadLogo.src) \|\| ""; return { loadTexts: loadText.split(""), logoSrc: logoSrc }; }, methods: { handleReload() { window.location.reload(); }, detectZoom (){ var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI; } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth; } if (ratio){ ratio = Math.round(ratio * 100); } return ratio; }, checkZoom(){ let ratio = this.detectZoom(); if(ratio!=100){ // this.$message.error('警告，浏览器没有按正常比例显示会影响部份功能！') } } }, mounted() { // this.checkZoom(); // window.addEventListener('resize',()=>{ // this.checkZoom(); // }); } }; </script> <style scoped> .app { height: 100%; background: linear-gradient( rgb(255, 255, 255) 0px, rgb(243, 248, 253) 50%, rgb(229, 240, 250) ); } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .loader { position: absolute; top: 50%; left: 50%; margin-top: -50px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -mos-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .loader .txt { display: inline-block; word-break: normal; white-space: nowrap; margin: auto; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1), 0 20px 20px rgba(0, 0, 0, 0.15); } .loader .txt span { display: inline-block; font-size: 68px !important; padding: 0 5px; -webkit-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -ms-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -o-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; color: #0066cc; } .loader .txt span:nth-child(1) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -ms-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .loader .txt span:nth-child(2) { -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -ms-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms; } .loader .txt span:nth-child(3) { -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -ms-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms; } .loader .txt span:nth-child(4) { -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; -ms-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms; } .loader .txt span:nth-child(5) { -webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; -ms-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms; } .loader .txt span:nth-child(6) { -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -ms-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms; } .loader .txt span:nth-child(7) { -webkit-animation-delay: 600ms; -moz-animation-delay: 600ms; -ms-animation-delay: 600ms; -o-animation-delay: 600ms; animation-delay: 600ms; } .loader .txt span:nth-child(8) { -webkit-animation-delay: 700ms; -moz-animation-delay: 700ms; -ms-animation-delay: 700ms; -o-animation-delay: 700ms; animation-delay: 700ms; } .loader .txt span:nth-child(9) { -webkit-animation-delay: 800ms; -moz-animation-delay: 800ms; -ms-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms; } .loader .txt span:nth-child(10) { -webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; -ms-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms; } .loader .txt span:last-child { display: block; padding-top: 15px; font-size: 16px !important; text-shadow: none; color: #0272bd; text-shadow: none; animation: none; -webkit-animation: none; } @-webkit-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-moz-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-mos-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-o-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } </style>

Ignore Space Show notes View

admin/App.vue 0 → 100644

<div
                v-if="$store.state.appStatus!='success'"
                class="loader"
            >
                <div class="pl-logo-lg fadeInUp animated">
                    <img
                        src="@admin/assets/logo_max.png"
                        v-if="logoSrc==''"
                    >
                    <img
                        :src="logoSrc"
                        v-if="logoSrc!=''"
                    >
                </div>
                <span class="txt">
                    <span v-for="str in loadTexts">{{str}}</span>
                    <span v-if="$store.state.appStatus=='loading'">{{$lang('sysLoading')||'系统加载中...'}}</span>
                    <span
                        v-if="$store.state.appStatus!='loading'"
                        style="color:red"
                        @click="handleReload"
                    >{{$lang('loadedFailClickRefresh')||'加载失败,点我重试!'}}</span>
                </span>
            </div>
        </transition>
    </div>
</template>
<script>
export default {
    data() {
        let cfg = this.$store.state.app.config || {};
        let loadText =
            (cfg.sysLoadLogo && cfg.sysLoadLogo.title) || "";
        let logoSrc = (cfg.sysLoadLogo && cfg.sysLoadLogo.src) || "";
        return {
            loadTexts: loadText.split(""),
            logoSrc: logoSrc
        };
    },
    methods: {
        handleReload() {
            window.location.reload();
        },        
        detectZoom (){
            var ratio = 0,
                screen = window.screen,
                ua = navigator.userAgent.toLowerCase();
            if (window.devicePixelRatio !== undefined) {
                ratio = window.devicePixelRatio;
            }
            else if (~ua.indexOf('msie')) {
                if (screen.deviceXDPI && screen.logicalXDPI) {
                ratio = screen.deviceXDPI / screen.logicalXDPI;
                }
            }
            else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
                ratio = window.outerWidth / window.innerWidth;
            }
            if (ratio){
                ratio = Math.round(ratio * 100);
            }
            return ratio;
        },
        checkZoom(){
            let ratio = this.detectZoom();
            if(ratio!=100){
                // this.$message.error('警告，浏览器没有按正常比例显示会影响部份功能！')
            }
        }
    },
    mounted() {
        // this.checkZoom();
        // window.addEventListener('resize',()=>{
        //     this.checkZoom();
        // });
    }
};
</script>
<style scoped>
.app {
    height: 100%;
    background: linear-gradient(
        rgb(255, 255, 255) 0px,
        rgb(243, 248, 253) 50%,
        rgb(229, 240, 250)
    );
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -mos-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.loader .txt {
    display: inline-block;
    word-break: normal;
    white-space: nowrap;
    margin: auto;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
        0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1),
        0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1),
        0 20px 20px rgba(0, 0, 0, 0.15);
}
.loader .txt span {
    display: inline-block;
    font-size: 68px !important;
    padding: 0 5px;
    -webkit-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -ms-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -o-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    color: #0066cc;
}
.loader .txt span:nth-child(1) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -ms-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
}
.loader .txt span:nth-child(2) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
}
.loader .txt span:nth-child(3) {
    -webkit-animation-delay: 200ms;
    -moz-animation-delay: 200ms;
    -ms-animation-delay: 200ms;
    -o-animation-delay: 200ms;
    animation-delay: 200ms;
}
.loader .txt span:nth-child(4) {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -ms-animation-delay: 300ms;
    -o-animation-delay: 300ms;
    animation-delay: 300ms;
}
.loader .txt span:nth-child(5) {
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    -ms-animation-delay: 400ms;
    -o-animation-delay: 400ms;
    animation-delay: 400ms;
}
.loader .txt span:nth-child(6) {
    -webkit-animation-delay: 500ms;
    -moz-animation-delay: 500ms;
    -ms-animation-delay: 500ms;
    -o-animation-delay: 500ms;
    animation-delay: 500ms;
}
.loader .txt span:nth-child(7) {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -ms-animation-delay: 600ms;
    -o-animation-delay: 600ms;
    animation-delay: 600ms;
}
.loader .txt span:nth-child(8) {
    -webkit-animation-delay: 700ms;
    -moz-animation-delay: 700ms;
    -ms-animation-delay: 700ms;
    -o-animation-delay: 700ms;
    animation-delay: 700ms;
}
.loader .txt span:nth-child(9) {
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    -ms-animation-delay: 800ms;
    -o-animation-delay: 800ms;
    animation-delay: 800ms;
}
.loader .txt span:nth-child(10) {
    -webkit-animation-delay: 900ms;
    -moz-animation-delay: 900ms;
    -ms-animation-delay: 900ms;
    -o-animation-delay: 900ms;
    animation-delay: 900ms;
}
.loader .txt span:last-child {
    display: block;
    padding-top: 15px;
    font-size: 16px !important;
    text-shadow: none;
    color: #0272bd;
    text-shadow: none;
    animation: none;
    -webkit-animation: none;
}
@-webkit-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@-moz-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@-mos-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@-o-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
</style>

Ignore Space Show notes View admin/api/api.txt 0 → 100644
/* 首页左侧菜单数据集： eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity 取数功能路径：/eaptpl/xtgl/xtfg/xtsy/funcdir/sygn.func 测试地址：http://192.168.1.183:5001/amrept-web/eaptpl/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func 菜单 http://eap2.fdauto.com/eap//system/gncd/qcdsj.flow?__operator=08335&__orgId=08335 */

Ignore Space Show notes View

admin/api/api.txt 0 → 100644

Ignore Space Show notes View admin/api/menu.js 0 → 100644
/** * 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity /amrept-web/hcm/xtgl/xtfg/xtsy/funcdir/sygn.func 首页左侧菜单数据集： eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity 取数功能路径：/eaptpl/xtgl/xtfg/xtsy/funcdir/sygn.func 测试地址：http://192.168.1.183:5001/amrept-web/eaptpl/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func cxf 跨域查询 url: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/query 方式：get 参数： "body":查询条件 "modelFilePath":数据集业务路径 "queryCdion": "pageSize":每页数据条数 "pageNum":页数 "treePath": "funcpath":功能路径 "queryCache":是否应用查询缓存跨域保存 URL: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/save 方式：get 参数：同上 */ import { projectName } from '@admin/config' import request from '@admin/utils/request' import qs from 'qs'; console.log(import.meta.env) const queryUrl = import.meta.env.VITE_APP_QUERYDATA.replace("[projectName]",projectName) export function getMenus() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [1,3,5], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } //首面左侧快速导航 export function getQuickNav() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [4,5], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } export function getPortalMenus() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [6], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } //最近使用 export function getLeastRecentlyUsed(username) { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "eq", "name": "FUSERNAME", "desc": "", "dataType": "dbString", "value": username, "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/zjyy.modeldir/datadir.datadir/zjyy.store/SqlEntity_DrYlHLl6.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: 1, pageSize: 10, __body:JSON.stringify(body) }) }) } //最近使用 export function getPermissions(username) { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "eq", "name": "userName", "desc": "", "dataType": "dbString", "value": username, "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/qxurllb.store/SqlEntity_nAIsAP3H.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) }

Ignore Space Show notes View

admin/api/menu.js 0 → 100644

/**
 * 
菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity
/amrept-web/hcm/xtgl/xtfg/xtsy/funcdir/sygn.func

首页左侧菜单数据集：
eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity
菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity
取数功能路径：/eaptpl/xtgl/xtfg/xtsy/funcdir/sygn.func
测试地址：http://192.168.1.183:5001/amrept-web/eaptpl/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func

cxf 跨域查询
	url: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/query
	方式：get
	参数：
	"body":查询条件
	"modelFilePath":数据集业务路径
	"queryCdion":
	"pageSize":每页数据条数
	"pageNum":页数
	"treePath":
	"funcpath":功能路径
	"queryCache":是否应用查询缓存

跨域保存
	URL: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/save
	方式：get
	参数：同上

*/
import { projectName } from '@admin/config'
import request from '@admin/utils/request'
import qs from 'qs';
console.log(import.meta.env)
const queryUrl = import.meta.env.VITE_APP_QUERYDATA.replace("[projectName]",projectName)
export function getMenus() {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "in",
					"name": "isShow",
					"desc": "",
					"dataType": "dbString",
					"value": [1,3,5],
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}
//首面左侧快速导航
export function getQuickNav() {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "in",
					"name": "isShow",
					"desc": "",
					"dataType": "dbString",
					"value": [4,5],
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}

export function getPortalMenus() {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "in",
					"name": "isShow",
					"desc": "",
					"dataType": "dbString",
					"value": [6],
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}
//最近使用
export function getLeastRecentlyUsed(username) {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "eq",
					"name": "FUSERNAME",
					"desc": "",
					"dataType": "dbString",
					"value": username,
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/zjyy.modeldir/datadir.datadir/zjyy.store/SqlEntity_DrYlHLl6.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: 1,
			pageSize: 10,
			__body:JSON.stringify(body)
		})
	})
}

//最近使用
export function getPermissions(username) {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "eq",
					"name": "userName",
					"desc": "",
					"dataType": "dbString",
					"value": username,
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/qxurllb.store/SqlEntity_nAIsAP3H.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}

Ignore Space Show notes View admin/api/portal.js 0 → 100644
import request from '@admin/utils/request' import { projectName } from '@admin/config' import qs from 'qs'; const saveUrl = import.meta.env.VITE_APP_SAVEDATA.replace("[projectName]",projectName) const queryUrl = import.meta.env.VITE_APP_QUERYDATA.replace("[projectName]",projectName) export function fetchList(query) { return request({ url: '/portal/list', method: 'get', params: query }) } export function fetchColumns(query) { return request({ url: '/portal/columns', method: 'get', params: query }) } export function getPortal() { return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/symksj.store/BizEntity_SBuu3vUc.entity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1 }) }) } //取系统门户 export function getSysPortal() { return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/symkglysjj.store/SqlEntity_fb3qb9Op.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1 }) }) } export function savePortal(insert, update, remove) { let body = [] if (insert) { for (let i = 0; i < insert.length; i++) { insert[i]["$state"] = "rsInsert" body.push(insert[i]) } } if (update) { for (let i = 0; i < update.length; i++) { update[i]["$state"] = "rsUpdate" body.push(update[i]) } } if (remove) { for (let i = 0; i < remove.length; i++) { remove[i]["$state"] = "rsDelete" body.push(remove[i]) } } body = [ { "datas": body, "dsName": "BizEntity_SBuu3vUc", "modelFilePath": `${projectName}.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/symksj.store/BizEntity_SBuu3vUc.entity`, }] return request({ url: saveUrl, method: 'post', data: qs.stringify({ __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, __body:JSON.stringify(body) }) }) } export function addPortal(insert) { let inserts = [] inserts.push(insert) return savePortal(inserts) } export function updatePortal(oldPack,updatePack) { let updates = [] updatePack["$old"] = oldPack updates.push(updatePack) return savePortal(null,updates) }

Ignore Space Show notes View

admin/api/portal.js 0 → 100644

import request from '@admin/utils/request'
import { projectName } from '@admin/config'
import qs from 'qs';
const saveUrl = import.meta.env.VITE_APP_SAVEDATA.replace("[projectName]",projectName)
const queryUrl = import.meta.env.VITE_APP_QUERYDATA.replace("[projectName]",projectName)

export function fetchList(query) {
  return request({
    url: '/portal/list',
    method: 'get',
    params: query
  })
}

export function fetchColumns(query) {
  return request({
    url: '/portal/columns',
    method: 'get',
    params: query
  })
}

export function getPortal() {
  return request({
    url: queryUrl,
    method: 'post',
    data: qs.stringify({
      modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/symksj.store/BizEntity_SBuu3vUc.entity`,
      __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
      pageNum: -1,
      pageSize: -1
    })
  })
}

//取系统门户
export function getSysPortal() {
  return request({
    url: queryUrl,
    method: 'post',
    data: qs.stringify({
      modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/symkglysjj.store/SqlEntity_fb3qb9Op.sqlentity`,
      __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
      pageNum: -1,
      pageSize: -1
    })
  })
}

export function savePortal(insert, update, remove) {
  let body = []

if (insert) {
    for (let i = 0; i < insert.length; i++) {
      insert[i]["$state"] = "rsInsert"
      body.push(insert[i])
    }

}

if (update) {
    for (let i = 0; i < update.length; i++) {
      update[i]["$state"] = "rsUpdate"
      body.push(update[i])
    }

}
  if (remove) {
    for (let i = 0; i < remove.length; i++) {
      remove[i]["$state"] = "rsDelete"
      body.push(remove[i])
    }
  }
  body = [
    {
      "datas": body,
      "dsName": "BizEntity_SBuu3vUc",
      "modelFilePath": `${projectName}.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/symksj.store/BizEntity_SBuu3vUc.entity`,
    }]
  return request({
    url: saveUrl,
    method: 'post',
    data: qs.stringify({
      __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
      __body:JSON.stringify(body)
    })
  })
}

export function addPortal(insert) {
    let inserts = []
    inserts.push(insert)
    return savePortal(inserts)
}
export function updatePortal(oldPack,updatePack) {
  let updates = []
  updatePack["$old"] = oldPack
  updates.push(updatePack)
  return savePortal(null,updates)
}

Ignore Space Show notes View admin/assets/base.less 0 → 100644
@import './var'; @import './mixin'; // html,body,div { // scrollbar-face-color:#FB4446; /滚动条3D表面（ThreedFace）的颜色/ // scrollbar-highlight-color:#fff; /滚动条3D界面的亮边（ThreedHighlight）颜色/ // scrollbar-shadow-color:#eeeeee; /滚动条3D界面的暗边（ThreedShadow）颜色/ // scrollbar-3dlight-color:#eeeeee; /滚动条亮边框颜色/ // scrollbar-arrow-color:#000; /滚动条方向箭头的颜色 / // scrollbar-track-color:#fff; /滚动条的拖动区域(TrackBar)颜色/ // scrollbar-darkshadow-color:#fff; /滚动条暗边框（ThreedDarkShadow）颜色/ // } /chrome下滚动条样式/ ::-webkit-scrollbar-track-piece { width: 8px; background-color: #f5f5f5; border-radius: 6px; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { height: 50px; background: #bec7d5; border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background: #91a0b5; } html,body{ display: block; height: 100%; font-size:14px; color:#333; } .@{css-prefix}-cl{ .clearfix(); } .@{css-prefix}-fl{ float: left; } .@{css-prefix}-fr{ float: right; } .@{css-prefix}-btn { background: #fff; border: 1px #ccc solid; padding: 8px 20px; display: inline-block; color:#666; cursor: pointer; +.p-btn{ margin-left:5px; } &:hover{ background:#efefef; } } .@{css-prefix}-btn-primary{ border-color:#0066cc; background-color:#0066cc; color:#fff; &:hover{ background:#1f85ec; } } .@{css-prefix}-btn-round{ border-radius: 500px; } .@{css-prefix}-field{ display: flex; >.@{css-prefix}-field-lb{ height: 35px; line-height: 35px; padding: 0 10px; } >.@{css-prefix}-field-val{ flex: 1; height: 35px; line-height: 35px; } } .@{css-prefix}-field-text{ display: block; border:1px #ddd solid; outline: 0; border-radius: 5px; height: 35px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.03); box-sizing: border-box; padding: 5px; width: 100%; } .v-enter, .v-leave-to{ opacity: 0; } .v-enter-active, .v-leave-active{ transition: all 0.4s ease; }

Ignore Space Show notes View

admin/assets/base.less 0 → 100644

@import './var';
@import './mixin';
// html,body,div {
    
//     scrollbar-face-color:#FB4446; /*滚动条3D表面（ThreedFace）的颜色*/
//     scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
//     scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
//     scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/
//     scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */
//     scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
//     scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/

// }
/*chrome下滚动条样式*/
::-webkit-scrollbar-track-piece { width: 8px; background-color: #f5f5f5; border-radius: 6px; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { height: 50px; background: #bec7d5; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #91a0b5; }
html,body{
    display: block;
    height: 100%;
    font-size:14px;
    color:#333;
}
.@{css-prefix}-cl{
    .clearfix();
}
.@{css-prefix}-fl{
    float: left;
}
.@{css-prefix}-fr{
    float: right;
}

.@{css-prefix}-btn {
    background: #fff;
    border: 1px #ccc solid;
    padding: 8px 20px;
    display: inline-block;
    color:#666;
    cursor: pointer;
    +.p-btn{
        margin-left:5px;
    }
    &:hover{
        background:#efefef;
    }
}
.@{css-prefix}-btn-primary{
    border-color:#0066cc;
    background-color:#0066cc;
    color:#fff;
    &:hover{
        background:#1f85ec;
    }
}
.@{css-prefix}-btn-round{
    border-radius: 500px;
}
.@{css-prefix}-field{
    display: flex;
    >.@{css-prefix}-field-lb{
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
    }
    >.@{css-prefix}-field-val{
        flex: 1;
        height: 35px;
        line-height: 35px;
    }
}
.@{css-prefix}-field-text{
    display: block;
    border:1px #ddd solid;
    outline: 0;
    border-radius: 5px;
    height: 35px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

.v-enter,
.v-leave-to{
    opacity: 0;
}
.v-enter-active,
.v-leave-active{
    transition: all 0.4s ease;
}

Ignore Space Show notes View admin/assets/def_Func.png 0 → 100644

Ignore Space Show notes View admin/assets/design.less 0 → 100644
/* 布局设计器 */ .@{css-prefix}-design{ height: 100%; >.@{css-prefix}-design-head { height: 70px; border-bottom:2px #0066cc solid; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f8fd 50%,#e5f0fa 100%); background: linear-gradient(to bottom, #ffffff 0%,#f3f8fd 50%,#e5f0fa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f0fa',GradientType=0 ); .clearfix(); >.tool{ padding:15px; } } >.@{css-prefix}-design-main{ position: absolute; left:0; right:231px; top:72px; bottom:0; background: #666; padding:20px; .@{css-prefix}-design-area{ height:100%; width:100%; padding:10px; box-sizing: border-box; overflow: auto; background: #fff; .@{css-prefix}-design-row{ padding:10px 0; } .@{css-prefix}-design-col{ border:1px #ddd dashed; padding: 8px; box-shadow: inset 0px 0px 20px 1px rgba(0, 0, 0, 0.05); >.@{css-prefix}-design-col-inner{ min-height: 46px; >.nullData{ line-height:36px;color:#ddd;text-align:center;position:absolute;width:100% } } } } } >.@{css-prefix}-design-aside{ border-left:1px #ccc solid; background:#f6f6f6; position: absolute; top:72px; right: 0; bottom:0; width:230px; >.@{css-prefix}-design-aside-head{ padding:10px; background: #fff; border-bottom: 1px solid #7ac4f4; color: #1E81E5; } .@{css-prefix}-design-aside-msg{ color:#1E81E5; padding:5px; } .@{css-prefix}-design-aside-tabs{ text-align: center; padding:10px; } .@{css-prefix}-design-layoutDemo{ padding: 5px 10px; >.preview{ cursor: move; .clearfix(); >.name{ float: left; width: 60px; padding:5px 0; } >.view{ margin-left:65px; margin-bottom: 10px; text-align: center; .@{css-prefix}-design-col{ border:1px #ddd dashed; background:#fff; padding:5px 0; } } input{ border:1px #ddd solid; width: 100%; line-height: 28px; height:28px; } } } } } .@{css-prefix}-design-portal{ border:1px #ddd solid; margin-bottom: 10px; background: #fff; >.@{css-prefix}-design-portal-head{ padding:10px; background:#f1f1f1; overflow: hidden; cursor: move; >.@{css-prefix}-design-portal-tool{ float: right; >.btn{ cursor: pointer; &:hover{ color:red } } } } >.@{css-prefix}-design-portal-body{ padding:0 10px; .@{css-prefix}-portal-panel{ margin-bottom: 10px; cursor: move; } .@{css-prefix}-design-portal-add{ padding:10px; text-align: center; background: #eff5fc; >.oper{ cursor: pointer; color:#666; line-height: 24px; display: inline-block; margin: auto; span{ display: inline-block; vertical-align: middle; } .iconfont{ font-size:24px; color:#0066cc; display: inline-block; vertical-align: middle; } } } } }

Ignore Space Show notes View

admin/assets/design.less 0 → 100644

/*
布局设计器
*/
.@{css-prefix}-design{
    height: 100%;
    >.@{css-prefix}-design-head {
        height: 70px;
        border-bottom:2px #0066cc solid;
        background: #ffffff;
        background: -moz-linear-gradient(top,  #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%);
        background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f8fd 50%,#e5f0fa 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#f3f8fd 50%,#e5f0fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f0fa',GradientType=0 );
        .clearfix();
        >.tool{
            padding:15px;
        }
    }
    >.@{css-prefix}-design-main{
        position: absolute;
        left:0;
        right:231px;
        top:72px;
        bottom:0;
        background: #666;
        padding:20px;
        .@{css-prefix}-design-area{
            height:100%;
            width:100%;
            padding:10px;
            box-sizing: border-box;
            overflow: auto;
            background: #fff;
            .@{css-prefix}-design-row{
                padding:10px 0;
            }
            .@{css-prefix}-design-col{
                border:1px #ddd dashed;
                padding: 8px;
                box-shadow: inset 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
                >.@{css-prefix}-design-col-inner{
                    min-height: 46px;
                    >.nullData{
                        line-height:36px;color:#ddd;text-align:center;position:absolute;width:100%
                    }
                }
            }
        }
    }
    >.@{css-prefix}-design-aside{
        border-left:1px #ccc solid;
        background:#f6f6f6;
        position: absolute;
        top:72px;
        right: 0;
        bottom:0;
        width:230px;
        >.@{css-prefix}-design-aside-head{
            padding:10px;
            background: #fff;
            border-bottom: 1px solid #7ac4f4;
            color: #1E81E5;
        }
        .@{css-prefix}-design-aside-msg{
            color:#1E81E5;
            padding:5px;
        }
        .@{css-prefix}-design-aside-tabs{
            text-align: center;
            padding:10px;
        }
        .@{css-prefix}-design-layoutDemo{
            padding: 5px 10px;
            >.preview{
                cursor: move;
                .clearfix();
                >.name{
                    float: left;
                    width: 60px;
                    padding:5px 0;
                }
                >.view{
                    margin-left:65px;
                    margin-bottom: 10px;
                    text-align: center;
                    .@{css-prefix}-design-col{
                        border:1px #ddd dashed;
                        background:#fff;
                        padding:5px 0;
                    }
                }
                input{
                    border:1px #ddd solid;
                    width: 100%;
                    line-height: 28px;
                    height:28px;
                }
            }
        }
        
    }
}

.@{css-prefix}-design-portal{
    border:1px #ddd solid;
    margin-bottom: 10px;
    background: #fff;
    >.@{css-prefix}-design-portal-head{
        padding:10px;
        background:#f1f1f1;
        overflow: hidden;
        cursor: move;
        >.@{css-prefix}-design-portal-tool{
            float: right;
            >.btn{
                cursor: pointer;
                &:hover{
                    color:red
                }
            }
        }
    }
    >.@{css-prefix}-design-portal-body{
        padding:0 10px;
        .@{css-prefix}-portal-panel{
            margin-bottom: 10px;
            cursor: move;
        }
        .@{css-prefix}-design-portal-add{
            padding:10px;
            text-align: center;
            background: #eff5fc;
            >.oper{
                cursor: pointer;
                color:#666;
                line-height: 24px;
                display: inline-block;
                margin: auto;
                span{
                    display: inline-block;
                    vertical-align: middle;
                }
                .iconfont{
                    font-size:24px;
                    color:#0066cc;
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }
    }
}

Ignore Space Show notes View admin/assets/grid.less 0 → 100644
@import './var'; @import './mixin'; // Grid system .@{css-prefix}-row { .make-row(); display: block; box-sizing: border-box; } .@{css-prefix}-row-flex { display: flex; flex-flow: row wrap; &:before, &:after { display: flex; } } // x轴原点 .@{css-prefix}-row-flex-start { justify-content: flex-start; } // x轴居中 .@{css-prefix}-row-flex-center { justify-content: center; } // x轴反方向 .@{css-prefix}-row-flex-end { justify-content: flex-end; } // x轴平分 .@{css-prefix}-row-flex-space-between { justify-content: space-between; } // x轴有间隔地平分 .@{css-prefix}-row-flex-space-around { justify-content: space-around; } // 顶部对齐 .@{css-prefix}-row-flex-top { align-items: flex-start; } // 居中对齐 .@{css-prefix}-row-flex-middle { align-items: center; } // 底部对齐 .@{css-prefix}-row-flex-bottom { align-items: flex-end; } .@{css-prefix}-col { position: relative; display: block; } .make-grid-columns(); .make-grid(); // Extra small grid // // Columns, offsets, pushes, and pulls for extra small devices like // smartphones. .make-grid(-xs); // Small grid // // Columns, offsets, pushes, and pulls for the small device range, from phones // to tablets. @media (min-width: @screen-sm-min) { .make-grid(-sm); } // Medium grid // // Columns, offsets, pushes, and pulls for the desktop device range. @media (min-width: @screen-md-min) { .make-grid(-md); } // Large grid // // Columns, offsets, pushes, and pulls for the large desktop device range. @media (min-width: @screen-lg-min) { .make-grid(-lg); } // Extra Large grid // // Columns, offsets, pushes, and pulls for the full hd device range. @media (min-width: @screen-xl-min) { .make-grid(-xl); } // Extra Extra Large grid // // Columns, offsets, pushes, and pulls for the full hd device range. @media (min-width: @screen-xxl-min) { .make-grid(-xxl); }

Ignore Space Show notes View

admin/assets/grid.less 0 → 100644

@import './var';
@import './mixin';
// Grid system
.@{css-prefix}-row {
    .make-row();
    display: block;
    box-sizing: border-box;
  }
  
  .@{css-prefix}-row-flex {
    display: flex;
    flex-flow: row wrap;
  
    &:before,
    &:after {
      display: flex;
    }
  }
  
  // x轴原点
  .@{css-prefix}-row-flex-start {
    justify-content: flex-start;
  }
  
  // x轴居中
  .@{css-prefix}-row-flex-center {
    justify-content: center;
  }
  
  // x轴反方向
  .@{css-prefix}-row-flex-end {
    justify-content: flex-end;
  }
  
  // x轴平分
  .@{css-prefix}-row-flex-space-between {
    justify-content: space-between;
  }
  
  // x轴有间隔地平分
  .@{css-prefix}-row-flex-space-around {
    justify-content: space-around;
  }
  
  // 顶部对齐
  .@{css-prefix}-row-flex-top {
    align-items: flex-start;
  }
  
  // 居中对齐
  .@{css-prefix}-row-flex-middle {
    align-items: center;
  }
  
  // 底部对齐
  .@{css-prefix}-row-flex-bottom {
    align-items: flex-end;
  }
  
  .@{css-prefix}-col {
    position: relative;
    display: block;
  }
  
  .make-grid-columns();
  .make-grid();
  
  // Extra small grid
  //
  // Columns, offsets, pushes, and pulls for extra small devices like
  // smartphones.
  
  .make-grid(-xs);
  
  // Small grid
  //
  // Columns, offsets, pushes, and pulls for the small device range, from phones
  // to tablets.
  
  @media (min-width: @screen-sm-min) {
    .make-grid(-sm);
  }
  
  // Medium grid
  //
  // Columns, offsets, pushes, and pulls for the desktop device range.
  
  @media (min-width: @screen-md-min) {
    .make-grid(-md);
  }
  
  // Large grid
  //
  // Columns, offsets, pushes, and pulls for the large desktop device range.
  
  @media (min-width: @screen-lg-min) {
    .make-grid(-lg);
  }
  
  // Extra Large grid
  //
  // Columns, offsets, pushes, and pulls for the full hd device range.
  
  @media (min-width: @screen-xl-min) {
    .make-grid(-xl);
  }
  
  // Extra Extra Large grid
  //
  // Columns, offsets, pushes, and pulls for the full hd device range.
  
  @media (min-width: @screen-xxl-min) {
    .make-grid(-xxl);
  }

Ignore Space Show notes View admin/assets/iconfonts/demo.css 0 → 100644
/* Logo 字体 / @font-face { font-family: "iconfont logo"; src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); } .logo { font-family: "iconfont logo"; font-size: 160px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } / tabs / .nav-tabs { position: relative; } .nav-tabs .nav-more { position: absolute; right: 0; bottom: 0; height: 42px; line-height: 42px; color: #666; } #tabs { border-bottom: 1px solid #eee; } #tabs li { cursor: pointer; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border-bottom: 2px solid transparent; position: relative; z-index: 1; margin-bottom: -1px; color: #666; } #tabs .active { border-bottom-color: #f00; color: #222; } .tab-container .content { display: none; } / 页面布局 / .main { padding: 30px 100px; width: 960px; margin: 0 auto; } .main .logo { color: #333; text-align: left; margin-bottom: 30px; line-height: 1; height: 110px; margin-top: -50px; overflow: hidden; zoom: 1; } .main .logo a { font-size: 160px; color: #333; } .helps { margin-top: 40px; } .helps pre { padding: 20px; margin: 10px 0; border: solid 1px #e7e1cd; background-color: #fffdef; overflow: auto; } .icon_lists { width: 100% !important; overflow: hidden; zoom: 1; } .icon_lists li { width: 100px; margin-bottom: 10px; margin-right: 20px; text-align: center; list-style: none !important; cursor: default; } .icon_lists li .code-name { line-height: 1.2; } .icon_lists .icon { display: block; height: 100px; line-height: 100px; font-size: 42px; margin: 10px auto; color: #333; -webkit-transition: font-size 0.25s linear, width 0.25s linear; -moz-transition: font-size 0.25s linear, width 0.25s linear; transition: font-size 0.25s linear, width 0.25s linear; } .icon_lists .icon:hover { font-size: 100px; } .icon_lists .svg-icon { / 通过设置 font-size 来改变图标大小 / width: 1em; / 图标和文字相邻时，垂直对齐 / vertical-align: -0.15em; / 通过设置 color 来改变 SVG 的颜色/fill / fill: currentColor; / path 和 stroke 溢出 viewBox 部分在 IE 下会显示 normalize.css 中也包含这行 / overflow: hidden; } .icon_lists li .name, .icon_lists li .code-name { color: #666; } / markdown 样式 / .markdown { color: #666; font-size: 14px; line-height: 1.8; } .highlight { line-height: 1.5; } .markdown img { vertical-align: middle; max-width: 100%; } .markdown h1 { color: #404040; font-weight: 500; line-height: 40px; margin-bottom: 24px; } .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 { color: #404040; margin: 1.6em 0 0.6em 0; font-weight: 500; clear: both; } .markdown h1 { font-size: 28px; } .markdown h2 { font-size: 22px; } .markdown h3 { font-size: 16px; } .markdown h4 { font-size: 14px; } .markdown h5 { font-size: 12px; } .markdown h6 { font-size: 12px; } .markdown hr { height: 1px; border: 0; background: #e9e9e9; margin: 16px 0; clear: both; } .markdown p { margin: 1em 0; } .markdown>p, .markdown>blockquote, .markdown>.highlight, .markdown>ol, .markdown>ul { width: 80%; } .markdown ul>li { list-style: circle; } .markdown>ul li, .markdown blockquote ul>li { margin-left: 20px; padding-left: 4px; } .markdown>ul li p, .markdown>ol li p { margin: 0.6em 0; } .markdown ol>li { list-style: decimal; } .markdown>ol li, .markdown blockquote ol>li { margin-left: 20px; padding-left: 4px; } .markdown code { margin: 0 3px; padding: 0 5px; background: #eee; border-radius: 3px; } .markdown strong, .markdown b { font-weight: 600; } .markdown>table { border-collapse: collapse; border-spacing: 0px; empty-cells: show; border: 1px solid #e9e9e9; width: 95%; margin-bottom: 24px; } .markdown>table th { white-space: nowrap; color: #333; font-weight: 600; } .markdown>table th, .markdown>table td { border: 1px solid #e9e9e9; padding: 8px 16px; text-align: left; } .markdown>table th { background: #F7F7F7; } .markdown blockquote { font-size: 90%; color: #999; border-left: 4px solid #e9e9e9; padding-left: 0.8em; margin: 1em 0; } .markdown blockquote p { margin: 0; } .markdown .anchor { opacity: 0; transition: opacity 0.3s ease; margin-left: 8px; } .markdown .waiting { color: #ccc; } .markdown h1:hover .anchor, .markdown h2:hover .anchor, .markdown h3:hover .anchor, .markdown h4:hover .anchor, .markdown h5:hover .anchor, .markdown h6:hover .anchor { opacity: 1; display: inline-block; } .markdown>br, .markdown>p>br { clear: both; } .hljs { display: block; background: white; padding: 0.5em; color: #333333; overflow-x: auto; } .hljs-comment, .hljs-meta { color: #969896; } .hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote { color: #df5000; } .hljs-keyword, .hljs-selector-tag, .hljs-type { color: #a71d5d; } .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute { color: #0086b3; } .hljs-section, .hljs-name { color: #63a35c; } .hljs-tag { color: #333333; } .hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { color: #795da3; } .hljs-addition { color: #55a532; background-color: #eaffea; } .hljs-deletion { color: #bd2c00; background-color: #ffecec; } .hljs-link { text-decoration: underline; } / 代码高亮 / / PrismJS 1.15.0 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript / /* * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou / code[class="language-"], pre[class="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class="language-"]::-moz-selection, pre[class="language-"] ::-moz-selection, code[class="language-"]::-moz-selection, code[class="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; } pre[class="language-"]::selection, pre[class="language-"] ::selection, code[class="language-"]::selection, code[class="language-"] ::selection { text-shadow: none; background: #b3d4fc; } @media print { code[class="language-"], pre[class="language-"] { text-shadow: none; } } / Code blocks / pre[class="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } :not(pre)>code[class="language-"], pre[class="language-"] { background: #f5f2f0; } /* Inline code / :not(pre)>code[class="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .namespace { opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #9a6e3a; background: hsla(0, 0%, 100%, .5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function, .token.class-name { color: #DD4A68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; }

Ignore Space Show notes View

admin/assets/iconfonts/demo.css 0 → 100644

/* Logo 字体 */
@font-face {
  font-family: "iconfont logo";
  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}

.logo {
  font-family: "iconfont logo";
  font-size: 160px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* tabs */
.nav-tabs {
  position: relative;
}

.nav-tabs .nav-more {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 42px;
  line-height: 42px;
  color: #666;
}

#tabs {
  border-bottom: 1px solid #eee;
}

#tabs li {
  cursor: pointer;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
  color: #666;
}

#tabs .active {
  border-bottom-color: #f00;
  color: #222;
}

.tab-container .content {
  display: none;
}

/* 页面布局 */
.main {
  padding: 30px 100px;
  width: 960px;
  margin: 0 auto;
}

.main .logo {
  color: #333;
  text-align: left;
  margin-bottom: 30px;
  line-height: 1;
  height: 110px;
  margin-top: -50px;
  overflow: hidden;
  *zoom: 1;
}

.main .logo a {
  font-size: 160px;
  color: #333;
}

.helps {
  margin-top: 40px;
}

.helps pre {
  padding: 20px;
  margin: 10px 0;
  border: solid 1px #e7e1cd;
  background-color: #fffdef;
  overflow: auto;
}

.icon_lists {
  width: 100% !important;
  overflow: hidden;
  *zoom: 1;
}

.icon_lists li {
  width: 100px;
  margin-bottom: 10px;
  margin-right: 20px;
  text-align: center;
  list-style: none !important;
  cursor: default;
}

.icon_lists li .code-name {
  line-height: 1.2;
}

.icon_lists .icon {
  display: block;
  height: 100px;
  line-height: 100px;
  font-size: 42px;
  margin: 10px auto;
  color: #333;
  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
  -moz-transition: font-size 0.25s linear, width 0.25s linear;
  transition: font-size 0.25s linear, width 0.25s linear;
}

.icon_lists .icon:hover {
  font-size: 100px;
}

.icon_lists .svg-icon {
  /* 通过设置 font-size 来改变图标大小 */
  width: 1em;
  /* 图标和文字相邻时，垂直对齐 */
  vertical-align: -0.15em;
  /* 通过设置 color 来改变 SVG 的颜色/fill */
  fill: currentColor;
  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
      normalize.css 中也包含这行 */
  overflow: hidden;
}

.icon_lists li .name,
.icon_lists li .code-name {
  color: #666;
}

/* markdown 样式 */
.markdown {
  color: #666;
  font-size: 14px;
  line-height: 1.8;
}

.highlight {
  line-height: 1.5;
}

.markdown img {
  vertical-align: middle;
  max-width: 100%;
}

.markdown h1 {
  color: #404040;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 24px;
}

.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  color: #404040;
  margin: 1.6em 0 0.6em 0;
  font-weight: 500;
  clear: both;
}

.markdown h1 {
  font-size: 28px;
}

.markdown h2 {
  font-size: 22px;
}

.markdown h3 {
  font-size: 16px;
}

.markdown h4 {
  font-size: 14px;
}

.markdown h5 {
  font-size: 12px;
}

.markdown h6 {
  font-size: 12px;
}

.markdown hr {
  height: 1px;
  border: 0;
  background: #e9e9e9;
  margin: 16px 0;
  clear: both;
}

.markdown p {
  margin: 1em 0;
}

.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
  width: 80%;
}

.markdown ul>li {
  list-style: circle;
}

.markdown>ul li,
.markdown blockquote ul>li {
  margin-left: 20px;
  padding-left: 4px;
}

.markdown>ul li p,
.markdown>ol li p {
  margin: 0.6em 0;
}

.markdown ol>li {
  list-style: decimal;
}

.markdown>ol li,
.markdown blockquote ol>li {
  margin-left: 20px;
  padding-left: 4px;
}

.markdown code {
  margin: 0 3px;
  padding: 0 5px;
  background: #eee;
  border-radius: 3px;
}

.markdown strong,
.markdown b {
  font-weight: 600;
}

.markdown>table {
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  border: 1px solid #e9e9e9;
  width: 95%;
  margin-bottom: 24px;
}

.markdown>table th {
  white-space: nowrap;
  color: #333;
  font-weight: 600;
}

.markdown>table th,
.markdown>table td {
  border: 1px solid #e9e9e9;
  padding: 8px 16px;
  text-align: left;
}

.markdown>table th {
  background: #F7F7F7;
}

.markdown blockquote {
  font-size: 90%;
  color: #999;
  border-left: 4px solid #e9e9e9;
  padding-left: 0.8em;
  margin: 1em 0;
}

.markdown blockquote p {
  margin: 0;
}

.markdown .anchor {
  opacity: 0;
  transition: opacity 0.3s ease;
  margin-left: 8px;
}

.markdown .waiting {
  color: #ccc;
}

.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
  opacity: 1;
  display: inline-block;
}

.markdown>br,
.markdown>p>br {
  clear: both;
}

.hljs {
  display: block;
  background: white;
  padding: 0.5em;
  color: #333333;
  overflow-x: auto;
}

.hljs-comment,
.hljs-meta {
  color: #969896;
}

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
  color: #df5000;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #a71d5d;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
  color: #0086b3;
}

.hljs-section,
.hljs-name {
  color: #63a35c;
}

.hljs-tag {
  color: #333333;
}

.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #795da3;
}

.hljs-addition {
  color: #55a532;
  background-color: #eaffea;
}

.hljs-deletion {
  color: #bd2c00;
  background-color: #ffecec;
}

.hljs-link {
  text-decoration: underline;
}

/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;

-moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

-webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {

code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}

/* Inline code */
:not(pre)>code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function,
.token.class-name {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

Ignore Space Show notes View admin/assets/iconfonts/demo_index.html 0 → 100644
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IconFont Demo</title> <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="iconfont.css"> <script src="iconfont.js"></script> <!-- jQuery --> <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script> <!-- 代码高亮 --> <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script> </head> <body> <div class="main"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"></a></h1> <div class="nav-tabs"> <ul id="tabs" class="dib-box"> <li class="dib active"><span>Unicode</span></li> <li class="dib"><span>Font class</span></li> <li class="dib"><span>Symbol</span></li> </ul> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1417123" target="_blank" class="nav-more">查看项目</a> </div> <div class="tab-container"> <div class="content unicode" style="display: block;"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon iconfont"></span> <div class="name">全屏</div> <div class="code-name">&#xeb11;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">权限</div> <div class="code-name">&#xe63f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">关闭其它</div> <div class="code-name">&#xe631;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">关闭</div> <div class="code-name">&#xe629;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">关闭所有</div> <div class="code-name">&#xe60f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">刷新</div> <div class="code-name">&#xe619;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">tree</div> <div class="code-name">&#xe6e8;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">退出</div> <div class="code-name">&#xe627;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">sort16</div> <div class="code-name">&#xe630;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">sort</div> <div class="code-name">&#xe93c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">-sort-2</div> <div class="code-name">&#xe73d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">edit</div> <div class="code-name">&#xe62f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">arrows down</div> <div class="code-name">&#xe623;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">arrows down</div> <div class="code-name">&#xe6fc;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">check-box-empty</div> <div class="code-name">&#xe625;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">check-box</div> <div class="code-name">&#xe626;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">add</div> <div class="code-name">&#xe6ee;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">delete</div> <div class="code-name">&#xe698;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">info</div> <div class="code-name">&#xe60a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">error</div> <div class="code-name">&#xe620;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">warn</div> <div class="code-name">&#xe601;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">close</div> <div class="code-name">&#xe607;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">set</div> <div class="code-name">&#xe61e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">设置</div> <div class="code-name">&#xe61d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">图表</div> <div class="code-name">&#xe632;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">cc-arrow-right-circle</div> <div class="code-name">&#xe6f8;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">arrow</div> <div class="code-name">&#xe6f6;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">arrow</div> <div class="code-name">&#xe6f7;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">cc-arrow-right-circle</div> <div class="code-name">&#xe6fa;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">cc-arrow-right-circle</div> <div class="code-name">&#xe6fb;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">search</div> <div class="code-name">&#xe621;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">clock</div> <div class="code-name">&#xe600;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">arrow</div> <div class="code-name">&#xe636;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">table</div> <div class="code-name">&#xe699;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">cc-arrow-right-circle</div> <div class="code-name">&#xe60d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">help</div> <div class="code-name">&#xe65d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">yxx_mark</div> <div class="code-name">&#xe63d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">钱</div> <div class="code-name">&#xe640;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">报表2</div> <div class="code-name">&#xe6d2;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">待办</div> <div class="code-name">&#xe64a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">切换</div> <div class="code-name">&#xe60e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">消息</div> <div class="code-name">&#xe6eb;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">time</div> <div class="code-name">&#xe64d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">画板主题</div> <div class="code-name">&#xe664;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">邮箱</div> <div class="code-name">&#xe6af;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">email</div> <div class="code-name">&#xe628;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">会议管理</div> <div class="code-name">&#xe612;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">今日收入</div> <div class="code-name">&#xe645;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">user</div> <div class="code-name">&#xe606;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">add</div> <div class="code-name">&#xe654;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">sun</div> <div class="code-name">&#xe6f5;</div> </li> </ul> <div class="article markdown"> <h2 id="unicode-">Unicode 引用</h2> <hr> <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p> <ul> <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li> <li>支持按字体的方式去动态调整图标大小，颜色等等。</li> <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li> </ul> <blockquote> <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p> </blockquote> <p>Unicode 使用步骤如下：</p> <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3> <pre><code class="language-css" >@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } </code></pre> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <pre><code class="language-css" >.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } </code></pre> <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3> <pre> <code class="language-html" ><span class="iconfont">&#x33;</span> </code></pre> <blockquote> <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> </blockquote> </div> </div> <div class="content font-class"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon iconfont icon-quanping"></span> <div class="name"> 全屏 </div> <div class="code-name">.icon-quanping </div> </li> <li class="dib"> <span class="icon iconfont icon-quanxian"></span> <div class="name"> 权限 </div> <div class="code-name">.icon-quanxian </div> </li> <li class="dib"> <span class="icon iconfont icon-closeOther"></span> <div class="name"> 关闭其它 </div> <div class="code-name">.icon-closeOther </div> </li> <li class="dib"> <span class="icon iconfont icon-close-circle"></span> <div class="name"> 关闭 </div> <div class="code-name">.icon-close-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-closeAll"></span> <div class="name"> 关闭所有 </div> <div class="code-name">.icon-closeAll </div> </li> <li class="dib"> <span class="icon iconfont icon-refresh"></span> <div class="name"> 刷新 </div> <div class="code-name">.icon-refresh </div> </li> <li class="dib"> <span class="icon iconfont icon-tree"></span> <div class="name"> tree </div> <div class="code-name">.icon-tree </div> </li> <li class="dib"> <span class="icon iconfont icon-tuichu"></span> <div class="name"> 退出 </div> <div class="code-name">.icon-tuichu </div> </li> <li class="dib"> <span class="icon iconfont icon-moveSort2"></span> <div class="name"> sort16 </div> <div class="code-name">.icon-moveSort2 </div> </li> <li class="dib"> <span class="icon iconfont icon-moveSort1"></span> <div class="name"> sort </div> <div class="code-name">.icon-moveSort1 </div> </li> <li class="dib"> <span class="icon iconfont icon-moveSort"></span> <div class="name"> -sort-2 </div> <div class="code-name">.icon-moveSort </div> </li> <li class="dib"> <span class="icon iconfont icon-edit"></span> <div class="name"> edit </div> <div class="code-name">.icon-edit </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-leftMore-circle"></span> <div class="name"> arrows down </div> <div class="code-name">.icon-arrow-leftMore-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-rightMore-circle"></span> <div class="name"> arrows down </div> <div class="code-name">.icon-arrow-rightMore-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-checkbox-empty"></span> <div class="name"> check-box-empty </div> <div class="code-name">.icon-checkbox-empty </div> </li> <li class="dib"> <span class="icon iconfont icon-checkbox"></span> <div class="name"> check-box </div> <div class="code-name">.icon-checkbox </div> </li> <li class="dib"> <span class="icon iconfont icon-add"></span> <div class="name"> add </div> <div class="code-name">.icon-add </div> </li> <li class="dib"> <span class="icon iconfont icon-delete"></span> <div class="name"> delete </div> <div class="code-name">.icon-delete </div> </li> <li class="dib"> <span class="icon iconfont icon-info"></span> <div class="name"> info </div> <div class="code-name">.icon-info </div> </li> <li class="dib"> <span class="icon iconfont icon-error"></span> <div class="name"> error </div> <div class="code-name">.icon-error </div> </li> <li class="dib"> <span class="icon iconfont icon-warn"></span> <div class="name"> warn </div> <div class="code-name">.icon-warn </div> </li> <li class="dib"> <span class="icon iconfont icon-close"></span> <div class="name"> close </div> <div class="code-name">.icon-close </div> </li> <li class="dib"> <span class="icon iconfont icon-set-fill"></span> <div class="name"> set </div> <div class="code-name">.icon-set-fill </div> </li> <li class="dib"> <span class="icon iconfont icon-set"></span> <div class="name"> 设置 </div> <div class="code-name">.icon-set </div> </li> <li class="dib"> <span class="icon iconfont icon-chart"></span> <div class="name"> 图表 </div> <div class="code-name">.icon-chart </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-down-circle"></span> <div class="name"> cc-arrow-right-circle </div> <div class="code-name">.icon-arrow-down-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-down"></span> <div class="name"> arrow </div> <div class="code-name">.icon-arrow-down </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-left"></span> <div class="name"> arrow </div> <div class="code-name">.icon-arrow-left </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-up-circle"></span> <div class="name"> cc-arrow-right-circle </div> <div class="code-name">.icon-arrow-up-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-left-circle"></span> <div class="name"> cc-arrow-right-circle </div> <div class="code-name">.icon-arrow-left-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-search"></span> <div class="name"> search </div> <div class="code-name">.icon-search </div> </li> <li class="dib"> <span class="icon iconfont icon-clock"></span> <div class="name"> clock </div> <div class="code-name">.icon-clock </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-right"></span> <div class="name"> arrow </div> <div class="code-name">.icon-arrow-right </div> </li> <li class="dib"> <span class="icon iconfont icon-table"></span> <div class="name"> table </div> <div class="code-name">.icon-table </div> </li> <li class="dib"> <span class="icon iconfont icon-arrow-right-circle"></span> <div class="name"> cc-arrow-right-circle </div> <div class="code-name">.icon-arrow-right-circle </div> </li> <li class="dib"> <span class="icon iconfont icon-help"></span> <div class="name"> help </div> <div class="code-name">.icon-help </div> </li> <li class="dib"> <span class="icon iconfont icon-mark"></span> <div class="name"> yxx_mark </div> <div class="code-name">.icon-mark </div> </li> <li class="dib"> <span class="icon iconfont icon-money"></span> <div class="name"> 钱 </div> <div class="code-name">.icon-money </div> </li> <li class="dib"> <span class="icon iconfont icon-analyse"></span> <div class="name"> 报表2 </div> <div class="code-name">.icon-analyse </div> </li> <li class="dib"> <span class="icon iconfont icon-dealt"></span> <div class="name"> 待办 </div> <div class="code-name">.icon-dealt </div> </li> <li class="dib"> <span class="icon iconfont icon-change"></span> <div class="name"> 切换 </div> <div class="code-name">.icon-change </div> </li> <li class="dib"> <span class="icon iconfont icon-bell"></span> <div class="name"> 消息 </div> <div class="code-name">.icon-bell </div> </li> <li class="dib"> <span class="icon iconfont icon-time"></span> <div class="name"> time </div> <div class="code-name">.icon-time </div> </li> <li class="dib"> <span class="icon iconfont icon-skin"></span> <div class="name"> 画板主题 </div> <div class="code-name">.icon-skin </div> </li> <li class="dib"> <span class="icon iconfont icon-mail"></span> <div class="name"> 邮箱 </div> <div class="code-name">.icon-mail </div> </li> <li class="dib"> <span class="icon iconfont icon-email"></span> <div class="name"> email </div> <div class="code-name">.icon-email </div> </li> <li class="dib"> <span class="icon iconfont icon-meeting"></span> <div class="name"> 会议管理 </div> <div class="code-name">.icon-meeting </div> </li> <li class="dib"> <span class="icon iconfont icon-today"></span> <div class="name"> 今日收入 </div> <div class="code-name">.icon-today </div> </li> <li class="dib"> <span class="icon iconfont icon-user"></span> <div class="name"> user </div> <div class="code-name">.icon-user </div> </li> <li class="dib"> <span class="icon iconfont icon-listadd"></span> <div class="name"> add </div> <div class="code-name">.icon-listadd </div> </li> <li class="dib"> <span class="icon iconfont icon-sun"></span> <div class="name"> sun </div> <div class="code-name">.icon-sun </div> </li> </ul> <div class="article markdown"> <h2 id="font-class-">font-class 引用</h2> <hr> <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p> <p>与 Unicode 使用方式相比，具有如下特点：</p> <ul> <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li> <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li> <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li> <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li> </ul> <p>使用步骤如下：</p> <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3> <pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css"> </code></pre> <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3> <pre><code class="language-html"><span class="iconfont icon-xxx"></span> </code></pre> <blockquote> <p>" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> </blockquote> </div> </div> <div class="content symbol"> <ul class="icon_lists dib-box"> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-quanping"></use> </svg> <div class="name">全屏</div> <div class="code-name">#icon-quanping</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-quanxian"></use> </svg> <div class="name">权限</div> <div class="code-name">#icon-quanxian</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-closeOther"></use> </svg> <div class="name">关闭其它</div> <div class="code-name">#icon-closeOther</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-close-circle"></use> </svg> <div class="name">关闭</div> <div class="code-name">#icon-close-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-closeAll"></use> </svg> <div class="name">关闭所有</div> <div class="code-name">#icon-closeAll</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-refresh"></use> </svg> <div class="name">刷新</div> <div class="code-name">#icon-refresh</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-tree"></use> </svg> <div class="name">tree</div> <div class="code-name">#icon-tree</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-tuichu"></use> </svg> <div class="name">退出</div> <div class="code-name">#icon-tuichu</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-moveSort2"></use> </svg> <div class="name">sort16</div> <div class="code-name">#icon-moveSort2</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-moveSort1"></use> </svg> <div class="name">sort</div> <div class="code-name">#icon-moveSort1</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-moveSort"></use> </svg> <div class="name">-sort-2</div> <div class="code-name">#icon-moveSort</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-edit"></use> </svg> <div class="name">edit</div> <div class="code-name">#icon-edit</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-leftMore-circle"></use> </svg> <div class="name">arrows down</div> <div class="code-name">#icon-arrow-leftMore-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-rightMore-circle"></use> </svg> <div class="name">arrows down</div> <div class="code-name">#icon-arrow-rightMore-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-checkbox-empty"></use> </svg> <div class="name">check-box-empty</div> <div class="code-name">#icon-checkbox-empty</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-checkbox"></use> </svg> <div class="name">check-box</div> <div class="code-name">#icon-checkbox</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-add"></use> </svg> <div class="name">add</div> <div class="code-name">#icon-add</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-delete"></use> </svg> <div class="name">delete</div> <div class="code-name">#icon-delete</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-info"></use> </svg> <div class="name">info</div> <div class="code-name">#icon-info</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-error"></use> </svg> <div class="name">error</div> <div class="code-name">#icon-error</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-warn"></use> </svg> <div class="name">warn</div> <div class="code-name">#icon-warn</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-close"></use> </svg> <div class="name">close</div> <div class="code-name">#icon-close</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-set-fill"></use> </svg> <div class="name">set</div> <div class="code-name">#icon-set-fill</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-set"></use> </svg> <div class="name">设置</div> <div class="code-name">#icon-set</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-chart"></use> </svg> <div class="name">图表</div> <div class="code-name">#icon-chart</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-down-circle"></use> </svg> <div class="name">cc-arrow-right-circle</div> <div class="code-name">#icon-arrow-down-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-down"></use> </svg> <div class="name">arrow</div> <div class="code-name">#icon-arrow-down</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-left"></use> </svg> <div class="name">arrow</div> <div class="code-name">#icon-arrow-left</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-up-circle"></use> </svg> <div class="name">cc-arrow-right-circle</div> <div class="code-name">#icon-arrow-up-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-left-circle"></use> </svg> <div class="name">cc-arrow-right-circle</div> <div class="code-name">#icon-arrow-left-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-search"></use> </svg> <div class="name">search</div> <div class="code-name">#icon-search</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-clock"></use> </svg> <div class="name">clock</div> <div class="code-name">#icon-clock</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-right"></use> </svg> <div class="name">arrow</div> <div class="code-name">#icon-arrow-right</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-table"></use> </svg> <div class="name">table</div> <div class="code-name">#icon-table</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-arrow-right-circle"></use> </svg> <div class="name">cc-arrow-right-circle</div> <div class="code-name">#icon-arrow-right-circle</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-help"></use> </svg> <div class="name">help</div> <div class="code-name">#icon-help</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-mark"></use> </svg> <div class="name">yxx_mark</div> <div class="code-name">#icon-mark</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-money"></use> </svg> <div class="name">钱</div> <div class="code-name">#icon-money</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-analyse"></use> </svg> <div class="name">报表2</div> <div class="code-name">#icon-analyse</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-dealt"></use> </svg> <div class="name">待办</div> <div class="code-name">#icon-dealt</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-change"></use> </svg> <div class="name">切换</div> <div class="code-name">#icon-change</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-bell"></use> </svg> <div class="name">消息</div> <div class="code-name">#icon-bell</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-time"></use> </svg> <div class="name">time</div> <div class="code-name">#icon-time</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-skin"></use> </svg> <div class="name">画板主题</div> <div class="code-name">#icon-skin</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-mail"></use> </svg> <div class="name">邮箱</div> <div class="code-name">#icon-mail</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-email"></use> </svg> <div class="name">email</div> <div class="code-name">#icon-email</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-meeting"></use> </svg> <div class="name">会议管理</div> <div class="code-name">#icon-meeting</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-today"></use> </svg> <div class="name">今日收入</div> <div class="code-name">#icon-today</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-user"></use> </svg> <div class="name">user</div> <div class="code-name">#icon-user</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-listadd"></use> </svg> <div class="name">add</div> <div class="code-name">#icon-listadd</div> </li> <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-sun"></use> </svg> <div class="name">sun</div> <div class="code-name">#icon-sun</div> </li> </ul> <div class="article markdown"> <h2 id="symbol-">Symbol 引用</h2> <hr> <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a> 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p> <ul> <li>支持多色图标了，不再受单色限制。</li> <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li> <li>兼容性较差，支持 IE9+，及现代浏览器。</li> <li>浏览器渲染 SVG 的性能一般，还不如 png。</li> </ul> <p>使用步骤如下：</p> <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3> <pre><code class="language-html"><script src="./iconfont.js"></script> </code></pre> <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3> <pre><code class="language-html"><style> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } </style> </code></pre> <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3> <pre><code class="language-html"><svg class="icon" aria-hidden="true"> <use xlink:href="#icon-xxx"></use> </svg> </code></pre> </div> </div> </div> </div> <script> $(document).ready(function () { $('.tab-container .content:first').show() $('#tabs li').click(function (e) { var tabContent = $('.tab-container .content') var index = $(this).index() if ($(this).hasClass('active')) { return } else { $('#tabs li').removeClass('active') $(this).addClass('active') tabContent.hide().eq(index).fadeIn() } }) }) </script> </body> </html>

Ignore Space Show notes View

admin/assets/iconfonts/demo_index.html 0 → 100644

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1417123" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xeb11;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xeb11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">关闭其它</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">关  闭</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">关闭所有</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">tree</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">sort16</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93c;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe93c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">-sort-2</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">arrows down</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">arrows down</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">check-box-empty</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">check-box</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">info</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">error</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">warn</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">set</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">图表</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">arrow</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">arrow</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">arrow</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">table</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">help</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">yxx_mark</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">钱</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">报表2</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">待办</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">画板主题</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">邮箱</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">会议管理</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">今日收入</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">sun</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-quanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.icon-quanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-closeOther"></span>
            <div class="name">
              关闭其它
            </div>
            <div class="code-name">.icon-closeOther
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close-circle"></span>
            <div class="name">
              关  闭
            </div>
            <div class="code-name">.icon-close-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-closeAll"></span>
            <div class="name">
              关闭所有
            </div>
            <div class="code-name">.icon-closeAll
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tree"></span>
            <div class="name">
              tree
            </div>
            <div class="code-name">.icon-tree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moveSort2"></span>
            <div class="name">
              sort16
            </div>
            <div class="code-name">.icon-moveSort2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moveSort1"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.icon-moveSort1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moveSort"></span>
            <div class="name">
              -sort-2
            </div>
            <div class="code-name">.icon-moveSort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-leftMore-circle"></span>
            <div class="name">
              arrows down
            </div>
            <div class="code-name">.icon-arrow-leftMore-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-rightMore-circle"></span>
            <div class="name">
              arrows down
            </div>
            <div class="code-name">.icon-arrow-rightMore-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-empty"></span>
            <div class="name">
              check-box-empty
            </div>
            <div class="code-name">.icon-checkbox-empty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox"></span>
            <div class="name">
              check-box
            </div>
            <div class="code-name">.icon-checkbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-info"></span>
            <div class="name">
              info
            </div>
            <div class="code-name">.icon-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-error"></span>
            <div class="name">
              error
            </div>
            <div class="code-name">.icon-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warn"></span>
            <div class="name">
              warn
            </div>
            <div class="code-name">.icon-warn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.icon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-set-fill"></span>
            <div class="name">
              set
            </div>
            <div class="code-name">.icon-set-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-set"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart"></span>
            <div class="name">
              图表
            </div>
            <div class="code-name">.icon-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-down-circle"></span>
            <div class="name">
              cc-arrow-right-circle
            </div>
            <div class="code-name">.icon-arrow-down-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-down"></span>
            <div class="name">
              arrow
            </div>
            <div class="code-name">.icon-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-left"></span>
            <div class="name">
              arrow
            </div>
            <div class="code-name">.icon-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-up-circle"></span>
            <div class="name">
              cc-arrow-right-circle
            </div>
            <div class="code-name">.icon-arrow-up-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-left-circle"></span>
            <div class="name">
              cc-arrow-right-circle
            </div>
            <div class="code-name">.icon-arrow-left-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right"></span>
            <div class="name">
              arrow
            </div>
            <div class="code-name">.icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table"></span>
            <div class="name">
              table
            </div>
            <div class="code-name">.icon-table
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right-circle"></span>
            <div class="name">
              cc-arrow-right-circle
            </div>
            <div class="code-name">.icon-arrow-right-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-help"></span>
            <div class="name">
              help
            </div>
            <div class="code-name">.icon-help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mark"></span>
            <div class="name">
              yxx_mark
            </div>
            <div class="code-name">.icon-mark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-money"></span>
            <div class="name">
              钱
            </div>
            <div class="code-name">.icon-money
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-analyse"></span>
            <div class="name">
              报表2
            </div>
            <div class="code-name">.icon-analyse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dealt"></span>
            <div class="name">
              待办
            </div>
            <div class="code-name">.icon-dealt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-change"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-change
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bell"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-skin"></span>
            <div class="name">
              画板主题
            </div>
            <div class="code-name">.icon-skin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail"></span>
            <div class="name">
              邮箱
            </div>
            <div class="code-name">.icon-mail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-email"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.icon-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meeting"></span>
            <div class="name">
              会议管理
            </div>
            <div class="code-name">.icon-meeting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-today"></span>
            <div class="name">
              今日收入
            </div>
            <div class="code-name">.icon-today
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-listadd"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-listadd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sun"></span>
            <div class="name">
              sun
            </div>
            <div class="code-name">.icon-sun
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#icon-quanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-closeOther"></use>
                </svg>
                <div class="name">关闭其它</div>
                <div class="code-name">#icon-closeOther</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close-circle"></use>
                </svg>
                <div class="name">关  闭</div>
                <div class="code-name">#icon-close-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-closeAll"></use>
                </svg>
                <div class="name">关闭所有</div>
                <div class="code-name">#icon-closeAll</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tree"></use>
                </svg>
                <div class="name">tree</div>
                <div class="code-name">#icon-tree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moveSort2"></use>
                </svg>
                <div class="name">sort16</div>
                <div class="code-name">#icon-moveSort2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moveSort1"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#icon-moveSort1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moveSort"></use>
                </svg>
                <div class="name">-sort-2</div>
                <div class="code-name">#icon-moveSort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-leftMore-circle"></use>
                </svg>
                <div class="name">arrows down</div>
                <div class="code-name">#icon-arrow-leftMore-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-rightMore-circle"></use>
                </svg>
                <div class="name">arrows down</div>
                <div class="code-name">#icon-arrow-rightMore-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-empty"></use>
                </svg>
                <div class="name">check-box-empty</div>
                <div class="code-name">#icon-checkbox-empty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox"></use>
                </svg>
                <div class="name">check-box</div>
                <div class="code-name">#icon-checkbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-info"></use>
                </svg>
                <div class="name">info</div>
                <div class="code-name">#icon-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-error"></use>
                </svg>
                <div class="name">error</div>
                <div class="code-name">#icon-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warn"></use>
                </svg>
                <div class="name">warn</div>
                <div class="code-name">#icon-warn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#icon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-fill"></use>
                </svg>
                <div class="name">set</div>
                <div class="code-name">#icon-set-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart"></use>
                </svg>
                <div class="name">图表</div>
                <div class="code-name">#icon-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-down-circle"></use>
                </svg>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">#icon-arrow-down-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-down"></use>
                </svg>
                <div class="name">arrow</div>
                <div class="code-name">#icon-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left"></use>
                </svg>
                <div class="name">arrow</div>
                <div class="code-name">#icon-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-up-circle"></use>
                </svg>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">#icon-arrow-up-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left-circle"></use>
                </svg>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">#icon-arrow-left-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right"></use>
                </svg>
                <div class="name">arrow</div>
                <div class="code-name">#icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table"></use>
                </svg>
                <div class="name">table</div>
                <div class="code-name">#icon-table</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-circle"></use>
                </svg>
                <div class="name">cc-arrow-right-circle</div>
                <div class="code-name">#icon-arrow-right-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-help"></use>
                </svg>
                <div class="name">help</div>
                <div class="code-name">#icon-help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mark"></use>
                </svg>
                <div class="name">yxx_mark</div>
                <div class="code-name">#icon-mark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-money"></use>
                </svg>
                <div class="name">钱</div>
                <div class="code-name">#icon-money</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-analyse"></use>
                </svg>
                <div class="name">报表2</div>
                <div class="code-name">#icon-analyse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dealt"></use>
                </svg>
                <div class="name">待办</div>
                <div class="code-name">#icon-dealt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-change"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-change</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bell"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-skin"></use>
                </svg>
                <div class="name">画板主题</div>
                <div class="code-name">#icon-skin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail"></use>
                </svg>
                <div class="name">邮箱</div>
                <div class="code-name">#icon-mail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-email"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#icon-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meeting"></use>
                </svg>
                <div class="name">会议管理</div>
                <div class="code-name">#icon-meeting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-today"></use>
                </svg>
                <div class="name">今日收入</div>
                <div class="code-name">#icon-today</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-listadd"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-listadd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sun"></use>
                </svg>
                <div class="name">sun</div>
                <div class="code-name">#icon-sun</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

</div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

$('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>

Ignore Space Show notes View admin/assets/iconfonts/iconfont.css 0 → 100644
@font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1598948736974'); /* IE9 / src: url('iconfont.eot?t=1598948736974#iefix') format('embedded-opentype'), / IE6-IE8 / url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABt4AAsAAAAANDwAABsqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCKHArOVL9RATYCJAOBUAtqAAQgBYRtB4RJG4QrBeOYKbBxYEZAzxJFiaCE2f/HAylH2JRLy2MLEAtSvaSiN1+sbgGLjR7gBp04umQLCsQiuCUch5+lhLNka2lLe3VqIWllvcRCcoVJpJ+nkO3y8GO8yWwP9/tl9cLJP8ge8/OhlAlRv/zWsy+k2f1vL8Tsc/nL6hxBodEfiQKhT2EcxiB0NgKC3HbPHgaUQKF1WkJnFHrg2Hu/ohatmTZKSh74wDehEWXj29qi/jdnKQ2+px+YaQ1LgEU0DEF2UmRfpKt0pcAuB+0SQKCvVxyen9v/uUHsjt27OwYyckEbLAF19AaYn9poHShDHegwCIshxjAoC9SPwMzNanw40hom+Ip98VuFkS/W5v/r6S13R3CPEd33L2EgbW2tkB8E6gEAoP8BYNWmfxrlcEiM/2IxrqVbkBkfab/ukuhSFZkzHTGpk7P3+6lWQrY2XUg1ReNYbne5CrlH8BGsB0ZvGKcCCPh7nWVrHbGCrOBPePq9MuGu/O/bXulJ2ltrWfaSfGQdSlqSDpC6YI0k7e5krEP50N4AYUndpQIq6lRVmjZNmaKuA7FJzNNfABU4p/u+LaJ+5MzvS9Cx7OAuRxASa9UZ7Z+Hh4DMYg+5iTERSfTnEyAf7lmIVDWZwAt9XGPs1ap8xdGbz40FvpAfX/51SURDNehHdPu+b1z8VC+94f/hi2H8kKcD2t5gwB5g0XxjjpdXjD91D8N8s1v5CLgwvlgOLBUkyAZG+BK5Uu/wePtpVFOa1ZyWtKIdu471qBe961v/D717XS8B2cva3HwsO7G2jv0tu32HD/0uP7iswQVDjPSf4KeYOXGO+bEXyy6fuMLG/4oHeRGdokJKGiwOWU2JCcvxGKjsDpipxJhWUGG0oUNdsy5lLYKKWtXY7AjolpKWlJHlVWQCQ0Pv6AYYL5rWDQGLIA9BBBHInqATciCIQhhBCKIRlCCcoAERBBaIQdAOsQiskBdBHPImiEFsgjDEIchBPAIP5Efgg/wJ/FAAgR0KJGiDggjMUAiBG+ITOCABgQkSEiSgUJl6qBFAUIGiCIxQtAyocpCRq04FGazOAIJmKE2mDDUXCMrQXIIWqIkgCDUTFKHjBK3QPZk2qy+AwAa9JmiC3hEEoC/xMVe/AkEK+kaQhr4TJKGfBBnoL4Is9DeBFw8RBC48SQmceCGT90alx9nTBnABcH8A/wuoPzEw69/RgF1YDe8o8e7NKMZEh5mPAhkrUAkmb/gVC0dFfGcSmpw2l5aHrldNHTpap6yxrJY5M6l24VrTq1261isnhkGK2Wh5wpYomqXLwar2umrVezdjtc7ptDNpuwGZfKR1Q5MO9Vk7QQDDxry1pDrguA/S9VJs5kqro0Sm+7TCkZoeMEdF7+djbc5P2muhlGNw29S2Yowzs3SyRlIxzZlwRLX4FRZk7eYNlRwFSoR3+8G9Pr4av+DfFYSr0+TzM+jd83yqg6C3yzDdLn5PKz/zZovdc6ktSX/Dtb2Xf48P+fsvs1c+gOpH9MMt9Vde3lBp0OYLPGaJaNKGI8qacEnVc7xWYuU6iDTjd4hyKaJP45gZhRAoJQlBVGqMCdfGfR4b8ahRS+mGO5ho5o5hpp0gKGGpdsPguatVsWBdpUvlCHyODA61F7gsqDQHaUQlBc3QW9l76X30a6y50k34qqy+2JLFBIy/+asubEpVMY8DsoCit/ILacGDa3sHk9x5Rjcpiv20og0y23kG3VfYfvit+wuBHgYc3HmOhIY5juaWF9iXsSS1fe8ythJu6KMbFxANKxtJK9MnK/kCnEGWPD/EG2iANmFYJHiQxROZ/uxTwN0TgDBOEBpNiDxwZfmiqSi9ihqTqF2ASwxmMaksIrdi/TXCxwIEBCQu1nEIQhUKNLjGvbbhYGOiswoh2vnwzsj0cWYgG4EZLvTpgWkuFUN3cNOqL4/iFE5j3+tJobnBbA/BKb8P8IO1j9knIz3O99Y2F3pt8jiNZjCgMZxFj4EXQC8JffKsatp9slCpOdoJdLn7vcd7WTLJY9w/n4KqtrJ9dfZN50TPmBjPpAWtUpZBT3ry6VZKT8Ow0bR46cV1qdrLr0CUCYOei6LsrDFMTwcx33TMP5mwma01T5A77gd5f3y0Wb+WzwKv18G8r6jkpT9Z5oZGKGr5NytFY7HgCOBMjbFeQZNanuScGKTf0Iib1yKqNuUstOmQL37A6G632xSwCD9zxxP9710Jcf6+j13LvdCyubU8blnfD+lmX1VBLM0nbEuJhylWrMiMWWGzP0kw01xaaKEF2YCoEsbFIBq90tikNn/VrdnWU++c3LPeXQyzbfuoW5sJ2XlhzhRL3mnak+lpk1SbYQ/LmR4t2QXM6pAWVYRANB8BTCZBJHiMxbyBRlXzaog7fl6tYY3QhRfLwZXeX/fmp17F9za+80VG41emdMdN2Yn4mVrRUoH5Y4ywRmTBVs2N33An0/m6ecCTBVqs1l2zNOiZTsqlV/NC/PY6qVbV3vy6eaLni2dffJcMrUyFnl8alT8Q742wj/mHi3qKH4lPsFf58BIJYh9HJ7zgmO8dD8f94CPCY2ePLrtbDXPu0dzaJCvOLTrGC8pCeMNCdJg3yZqzhY13yW+/WRWtXbIB0FI7iKa9WxXymNS+WwkZ7er2zaqJMCZgJu6tpop14d4rv+MWXXL3mgRvGHtzxRMR7SzR7tYhxhOTM2CTJGSDdjD7uKDuPkRIWus44c6Weets0M2blbVoQQMzgH4EoOzFytqk9XS8KbZuNQDrla1Cqz3YuBtB2JsxnhTcZot2lxoXp9nH/sLXeEUOFut3PrWOSe7YwK11soDGWEQ7MSs5GzTpGZM7JzRrIZaribVcLIatJViXhyVsMPekKcap1gt3oynHVLuwZtiK9noFAsNXGMrATYOcWayqq5B97su86lJbvq8c9OVO2tu/V6VNQecrhga15hINUAXDEzfzCNTXSNbtwHA0I+gjM9qAXhhiV3McEHkYDAP7Y33uaegh4W9F0H2wsE4K/h1EZAhv+SEDpu3kh3/NHDKEcYgoEsJoJY0p1yEtT0p+52nV2LhhB6FsPzTEtPOhqe42Xk/WdDnwVXHGYLDzZOt5X92tQLOZaujJykjPEZp6tRj9jsJAyeHfCognKsPU6kf+KBQpsEpAONNNHe1UyCibAmdRCkkLS1IRqI+dcGf610z5nSCim4r/EAIqdZk0qiVp4veWMIF2IryTMi/deDsSImOQxgq1j0nekVoP3hdWnNgIn2g2aGzylUhYbNnn9AdfWUuN4a1x6bmXO1uQeWl7l36PT7kXEHlyBcSqahRkzesGWDrQJT61UjQwPPgYBuQ6weMWRxDx4qOAmIXPES47gUR/sFGgVOFfh0vFjWZq/fRvPcYaawcR7eQZ48b7KzF4MVKNdT+yMaxl7jAwAaz7JzLMlQYfWszwRxWWV38lxuyVo1s/wexnbPaQbPDYwaxLXdq6fp2vnDtGNH2NedaUx+bkf3WPhKyW/kvZ5WTB+qqg7cp53U03YUsrLzpX4ESfUqfsnMC0dqRC1wNyblgUSzHU2QZyT0LDgi7PRb1eDxnyCZvyRveTgWG84M/7YeB7gbc5TxCUlwbpD27EqZHK0v4SZMUiVLXX95biDZnKoviO69NL9JKpNErNii87gk/k17f6WIwTR0PcktbKrNgTQXeCrOOIXxgWYA420AyugRnUphkJu/bykasKl9ZeBZ28si+uM3BCVCAT5hb6Lsil9llqgRpUj5IRgAGJ7zAF0UbUWv3W1Vdd3vl4yYVPoCp4tO7tHIFLzqCzifdeQoUPQ36WkC8dKupwibHwVSHrotzCsjM5yPvhGVjIR33UArZbyEuOFG/EKxuhDsP2W8uxyuU7/+se9xpbgpw9vDA315efP9MbkXMHxZ9wo1eI7+6+plAKdzkfsW5yXDWzmd6GLplQjkmmA+L9U8q0cLvOuH+06njbvLft1aBja5uslv62fjn2L/X+7L6Wy41/u/KGFF9xYT4OXj76weHfmnOH3syPX/VjeFEo1V0NOSfYhngciY/OHNyH+HGDU58AsPpin4pZtU/9lztzQx1zC0vkBbJRaAJ4tCkSN/RrtCXkwZniXQju8h+9x7t77BFzVlEjd4f3PIkA5/x7gxxgcsYyVMoVD4aUsspK0+8ypbKjeu2U40aKNbgkY8jyY0hEl2jl0APFlOrqSyAquvxHHJSZBcUFQ6cWB1FjsrIAVaqB0skfoqNAMIiOHv3BBX6pNujV/5nOwgChM3O0JqrGpiovU9HVPHX4CQ3O9eQYry33IaV+L8VBj9c4PhYQx175vDpGsIAA6PDnL3DM6mL1buU4nOt34HBUGo1zgkP/ObpCVDNPjh/jSKeMcdPStW64v0Pbcgluh9nh9hQCxVACXDPyJxSa+/vMOPr6Z/Ah/Tunb/0Mzu4c0h2l+EkZbpgFWwxrtm3mVYW1cO1GqHgCxeJsoUyAMktLcuDZ8IrFUMZibPjPIrfIqTA2Y3pD2/Tp7vA9ODABszAtmGuQSjRTaPiIgC2mE/3nH7RTaAEWsYv6KcqA/P47gmQwABH3Ut1Ha545s5klYrk+NGArG0I9PdGhTgts8eKizekwoxCEwpshSITU7m53FzLnkWpmaXcvT7WUqSbVLoXdXYzIAN6qY9Y7JjrWP3pE0SXqKEyybPLoPqxWJK2GONs+LxBFYynyvKX5S+WOcfYTfWsMNftEU+zD9CblkaPE2k8REbXGIJ4CJnFP4CQ+fvKca2UrwS/o33+jKf3SKMVoQcecCIUYSsdoDJyvhcRTWtNUoB357TdEpHYooVpwUivIFeGkJ4nraCTN8gEnd12iWOAO3V0Nohx2xS47ZjlexjKvMAtprvtibM43KZfWRT1WhDIYmc1gwC5jjRRLuqBG7DJlO9ZR36i7SQPLjXVg4J+XKqN0PV/nlX9Xg6grqzsjO6Oibf9us0fZzFVGtYpCoe4J8LeBOwj7AmOaUqFMsymNysMpgakd1vyMbt2uMWqU+quhAdt674hocmqXOmF+iig5eRcm9mxSfMJFZ2pwMS536ir4NSRGZlh3zLcqs4iJXzdu4sXzrHdlzARC5C0cmTDC9ebhrhOYQgF/Ap/DZYJQLXXdHK+WlkndLmPXJ71WleFljGNTp9JD2Lse7l1kiJ1Stmjhu3fDs2fvz9bMzLZ2c4EFlYjpyRNTSkgDEC+b5JtmagLyBHaWlqoZVoZ6/XolQ2lx2Jy0NOI+BhOTdXLvpX7eer3ytyfhYTqro4Fi1RnqrRSDo7W+PcwwasMNhG3UMGIjDLhtpKE7g4KqGsA4chxov1ieTnEbSU6CxoE724tH+HYEZ4YYNKAewOPytWvtavH3xd343xPURu/3TeYF3qLe3dBiWsW88z26Rc2PU8cszrDKeTHGyLKIMTpOX1u6Izf8/6PyYS4vny6B5hAe1PaIQMz9oCwoIRXk59E0TtroUAbu6GQVnTFEKiCXbkE3cQDC/QhKOyHwFOEUA833GM6jUdpTOyF0/QhfHNgqf0fZbBTp9wYgXop23MqfHrjVPzQ2bFKPnx1ick3tqY+Kchg30YFtBx2cn3L+tv2CXYl77DA+khrl5xD0W8ybebNWU/+UFcIFR0+c6/MYXNFwcFn6Cf0gljfv42UfOnj8xPHjr1MiWY7rEhkFY+HHNe4LgL8h06unqMouBmZeZDIEdlVU6Q2+Y33tl3mHSwJpdDxQEu4TsaxehvpKxKE8wG+fRz5HC9vhYOKjvmBiTURF0czmgWbPZmC9iOHmJ/07BgOJYFyEywkeLZgIHFz/YPCw5XBS2MDhyJyKGWuIIIKHy3Ae6bBmRkVO5OG8wEPxbrgfhAfTeIQ8vz0YD7q/s/+JzCSyNc8sqohoZMmiJJdNBhLzVIlQ11QqO5eoyksEs+Q8FRAn/2+8yqUGFQ+QIQwjySeHuSjSlGw/nkWy4q1jHG+frIdhlDtMhnCMjBByQOaid1ElJLON5JM3RvUHbEJQrpXOp3dAfMgqY9Yorw3QUd9Rx+OzZ5RPjtdbC10KO9SupQM36Q75Gwa/4OOpb1vjW9/GBn0Z3JDvwLAMlLqqVU+hVR8/uXzGbNjhHTU+d6ZmuPBlyeBmyWHrrPyqqVPd3EZFFYke/rx+g3KDokxZBqRm4a5dlAGmFTuFDVDxszKHvQNOAgVpT4pxkq6mwyxItV3++XzFzKj+pJ8CkEARRuR350sO39ECUkSq6SdJJRBJtHBh3tM88HxBUSfdXystKpLWpoDUtCqAulaaCtyeUifVFEXUBlJK5VGm8YZb5R1t8uUVsrZLYV2+vE3W0SqbOXlbLsjNYizTN6qpwD6cZ73GraZWC4evicLtMTVQU+221I0LPZ+w2o5aCj5s7R1YxjfDpea/jv3QuW2wb0DtfJu/bM9TyrjDBqYtA73piBO7EP8M+B/BYNtAn1rwN5LOf0whhwYDwZrmigY+Mwpp3X5pbVFRrbQkmgDDpbWXk9YVaWojaAUU8NIG5K0d8raKIoZeajNlbR2y1gJRjmmmLRunw56qhdes3HBqOO/asKjavvVBC+cpDTd44fgWgs5/9PC5c0gNoi/Uq5TTYD1cY62RFcONjXDyCxsbeLih4TeguKFxhq6uNnzpli3N7jwWsJlWUhf1Ma8JuXEDQWoyAPESjba2AoWSNZpkKGRGQPscZnvxgzXtV96QZEijgZLRirCk9uJND6P94beZZwapJWOye+STI6EjQr4dGjkUfnDk4MMrHlg4YtaEHCS5QwLIbWRp/IP2vwYI6ud1q1XUffnfttgzcd7q1bFtZ+hciHqPZ/00cdWcQm4hJ+BhYChG/ZcFnBBxZMjav8b6RQTNA6WwE92d7gSSc3L+k6CcsRrsd4LkublyKB7KyYWAz8mJD8nN8Y23T0xUqRISXV0TVLp8D4TCKw8cWAmvgvcfuCzkRqiQTR95nDcXwQ31cDGx/FHsv/9KK7EcKv70fb/5xLFzCSz6mPXelkgFEG+/c5Ux1JnBlIDdotekAii4QMc8JV25t6XT2a2FXrBxYyU/gL9Hs0fpYkb8EfMeWqr8E1ZA7+4/jY6OoqeR0+9Gz+Exo+9Q6ZxlqXEBhlMiTckAgHh5dYCIzx6onLhVtSRjnLo4vrVSnlU8wgaAbfk4fR1rvzDFb+9ev0p9b3y+dramELDUZV9YC3WqYSivl+FjFhhGaMk0H18f2lt4vykY1rOXsvVwG8nr+WpBzIFgc5h5aEcJvGMHnHzJjp1peOfOS9jOHdpH2VB5BZwFZ5eXZ7sfcUU5lA1lVVQIDGF9Ftbn56vCzpwJAxMbYBHKbytscsv2jTty1Oit9DYuXPQ7Xc6Wifl/i1C0rdzobTp2PLLfH9GB5M5pWn9xi+d9eFmdsYTlQCuTltEcSlhbGLzsvmdL7jka3xhoZPYznSilCDsmlnwLxcaCv6evozQcvdkp9KJqOuF2N+F3t1PPimPIi1foCWjVHENQAHTi5SvyzxECENYUb0CYze5nEbCR4GfUPi9oFbT6is9jJ0Gsc4zXXR+Ug4OyfE7hIiQXUvVRX+4ZMdJcuOIAMdcFb9ac8zZGNkfV4E0DYLTARjniQF+OC9FUfGG02QflUkVxXWjGOyDq3tu/TH+bRKk+qdsDZKu3Ld+2Kq7K375IqT4gGjZEUsZAxb0+8axtjwPZXNbZMojpvISvLACutoru5fnwM2ixbFrJbAFHmxvMhOeLWXwf9ieI7ZQOvNFvYJbnUYDplcZxn7OU9zto4Zakl0CJs1WWaZFcxlkq1aSrUg1Vc5bAnXjadC33ghDLkKbg5/LjRbZ92SooB8qub1m2wwsaA+PSXlSgew2gAlTs3VeBvsAZniToc5C+pZKSWdyUN43rvyTLDmZf9OOkTVgoKdNIT3NXLFgrUczKnNWAZ9rHzmKcYawJSen3oWpqX3D/FxQUqPBLkcw8lSGfwL2m584GtuZcaMUKKM2cFStzoQuuLFrK/fIPueieGFqtVleHJt5JtJRavYUkuttZkqSuVsBf0+vG/Qkchaul67hudBaXRUyms+PiYDqkYzh08tUi6YzYOI/ZYKcT5KEHehrYuQOYEUbSdoIdNNKddAI7mgCN8XLTgE1fAm3bBiGVNIAFLpbeJGjBAggpyQBE7BI/0GoVi7T7AGL96D7dNH35hOE1ScYptIsKFjnShmekdtGTFump5MAK2/P7sJFeAKKETba/bdX2TKQcAFsn0o3EAmDTI98xZ1aiefTd8Bm4YIJOZFwKNvc4K2OCX5Pv2gtfBcD22lbERcYSwflXkC4kxrytHYmtyNRKNAnRoSYM3pjERZs2pAqBIN2CPIE461pRAAAAP4IvAwBcBedluphlNV1BrtSVXwfbcBxacRwPfk9SHNuUKBu7aC7q/LsCEPHUB4xIMNJ1CIB0jzN1BeDN8A/zKLIFycfntyJ/IKqeBx1FxgIAAArgd0SH4EcwtRL1RarqnqmDv+RpuY+kykz8Y1VvIHHBm4TZhPTLGLH8/9Wkm6XVIYHx4Foyn/gzPNNlQ072T1Oarwmxf/G9XMeeDxmLJZZfli/a+dii/wlF5iJhNRvirbuwJzp60wicxgbwD1ctQfd9UBn5VwndIFIJTTAK5gWTaI0zD9wTLIozwSo6F5x2jZsuozbR3JIJaLIFgqh2hUbnu2BUe5wdeCc4E94Er4YRsmcZjVhsXJn/248Cpwh2ONvsucao01uv82+Me3JyXU7O+w9peZLdLNe3M76iQmSEtMO4VY02Chf75eHIQMR2En6C12VSnR5Xq8gqYem5XNwCCZwiWMPZuX72XOOu9Tb0w//GuCcnCYt8u/5/SMsP3tpYWnNwX5XKtci6eNth3FKkR2vNLVysL0gHGVPZmtg9PcHrUsphTo9WaFWRV1mWX1GWoMLkW6x+aGcJkKBAgwELDjwEiP8P8MVVoEKrN5qtdqfb6w+Go/FkOpsvlqv1ZrvbH46n8+V6uz+er7e+ZO/qlOvo7fGUXb31xA0/NEHuH1sXPgvV6N+t74nmghjH3JJRAWa6zz7tbwof8IdFt/6oTX80BiHrWyfCxwUh6jcWgeo7xp0kj0nd7zOf4HcDnxYok5776wKuXQizAILC5Bq5A24r5uikdlWT+rDrImaia69955MTfSl+YuBjlbzCbWiF2xqpz4Pa/cSxwsvoJHbOGpz4VMqOfndX6/vv1A2EV6EkKtUk0GSKk11XuOI8d9XRuaELcKSzuhVQR5gBREZzgWm7XNNmM3VwzHkBdFxCO+XgzmbfIHPKTXvAcd329eIC') format('woff2'), url('iconfont.woff?t=1598948736974') format('woff'), url('iconfont.ttf?t=1598948736974') format('truetype'), / chrome, firefox, opera, Safari, Android, iOS 4.2+ / url('iconfont.svg?t=1598948736974#iconfont') format('svg'); / iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-quanping:before { content: "\eb11"; } .icon-quanxian:before { content: "\e63f"; } .icon-closeOther:before { content: "\e631"; } .icon-close-circle:before { content: "\e629"; } .icon-closeAll:before { content: "\e60f"; } .icon-refresh:before { content: "\e619"; } .icon-tree:before { content: "\e6e8"; } .icon-tuichu:before { content: "\e627"; } .icon-moveSort2:before { content: "\e630"; } .icon-moveSort1:before { content: "\e93c"; } .icon-moveSort:before { content: "\e73d"; } .icon-edit:before { content: "\e62f"; } .icon-arrow-leftMore-circle:before { content: "\e623"; } .icon-arrow-rightMore-circle:before { content: "\e6fc"; } .icon-checkbox-empty:before { content: "\e625"; } .icon-checkbox:before { content: "\e626"; } .icon-add:before { content: "\e6ee"; } .icon-delete:before { content: "\e698"; } .icon-info:before { content: "\e60a"; } .icon-error:before { content: "\e620"; } .icon-warn:before { content: "\e601"; } .icon-close:before { content: "\e607"; } .icon-set-fill:before { content: "\e61e"; } .icon-set:before { content: "\e61d"; } .icon-chart:before { content: "\e632"; } .icon-arrow-down-circle:before { content: "\e6f8"; } .icon-arrow-down:before { content: "\e6f6"; } .icon-arrow-left:before { content: "\e6f7"; } .icon-arrow-up-circle:before { content: "\e6fa"; } .icon-arrow-left-circle:before { content: "\e6fb"; } .icon-search:before { content: "\e621"; } .icon-clock:before { content: "\e600"; } .icon-arrow-right:before { content: "\e636"; } .icon-table:before { content: "\e699"; } .icon-arrow-right-circle:before { content: "\e60d"; } .icon-help:before { content: "\e65d"; } .icon-mark:before { content: "\e63d"; } .icon-money:before { content: "\e640"; } .icon-analyse:before { content: "\e6d2"; } .icon-dealt:before { content: "\e64a"; } .icon-change:before { content: "\e60e"; } .icon-bell:before { content: "\e6eb"; } .icon-time:before { content: "\e64d"; } .icon-skin:before { content: "\e664"; } .icon-mail:before { content: "\e6af"; } .icon-email:before { content: "\e628"; } .icon-meeting:before { content: "\e612"; } .icon-today:before { content: "\e645"; } .icon-user:before { content: "\e606"; } .icon-listadd:before { content: "\e654"; } .icon-sun:before { content: "\e6f5"; }

Ignore Space Show notes View

admin/assets/iconfonts/iconfont.css 0 → 100644

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1598948736974'); /* IE9 */
  src: url('iconfont.eot?t=1598948736974#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABt4AAsAAAAANDwAABsqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCKHArOVL9RATYCJAOBUAtqAAQgBYRtB4RJG4QrBeOYKbBxYEZAzxJFiaCE2f/HAylH2JRLy2MLEAtSvaSiN1+sbgGLjR7gBp04umQLCsQiuCUch5+lhLNka2lLe3VqIWllvcRCcoVJpJ+nkO3y8GO8yWwP9/tl9cLJP8ge8/OhlAlRv/zWsy+k2f1vL8Tsc/nL6hxBodEfiQKhT2EcxiB0NgKC3HbPHgaUQKF1WkJnFHrg2Hu/ohatmTZKSh74wDehEWXj29qi/jdnKQ2+px+YaQ1LgEU0DEF2UmRfpKt0pcAuB+0SQKCvVxyen9v/uUHsjt27OwYyckEbLAF19AaYn9poHShDHegwCIshxjAoC9SPwMzNanw40hom+Ip98VuFkS/W5v/r6S13R3CPEd33L2EgbW2tkB8E6gEAoP8BYNWmfxrlcEiM/2IxrqVbkBkfab/ukuhSFZkzHTGpk7P3+6lWQrY2XUg1ReNYbne5CrlH8BGsB0ZvGKcCCPh7nWVrHbGCrOBPePq9MuGu/O/bXulJ2ltrWfaSfGQdSlqSDpC6YI0k7e5krEP50N4AYUndpQIq6lRVmjZNmaKuA7FJzNNfABU4p/u+LaJ+5MzvS9Cx7OAuRxASa9UZ7Z+Hh4DMYg+5iTERSfTnEyAf7lmIVDWZwAt9XGPs1ap8xdGbz40FvpAfX/51SURDNehHdPu+b1z8VC+94f/hi2H8kKcD2t5gwB5g0XxjjpdXjD91D8N8s1v5CLgwvlgOLBUkyAZG+BK5Uu/wePtpVFOa1ZyWtKIdu471qBe961v/D717XS8B2cva3HwsO7G2jv0tu32HD/0uP7iswQVDjPSf4KeYOXGO+bEXyy6fuMLG/4oHeRGdokJKGiwOWU2JCcvxGKjsDpipxJhWUGG0oUNdsy5lLYKKWtXY7AjolpKWlJHlVWQCQ0Pv6AYYL5rWDQGLIA9BBBHInqATciCIQhhBCKIRlCCcoAERBBaIQdAOsQiskBdBHPImiEFsgjDEIchBPAIP5Efgg/wJ/FAAgR0KJGiDggjMUAiBG+ITOCABgQkSEiSgUJl6qBFAUIGiCIxQtAyocpCRq04FGazOAIJmKE2mDDUXCMrQXIIWqIkgCDUTFKHjBK3QPZk2qy+AwAa9JmiC3hEEoC/xMVe/AkEK+kaQhr4TJKGfBBnoL4Is9DeBFw8RBC48SQmceCGT90alx9nTBnABcH8A/wuoPzEw69/RgF1YDe8o8e7NKMZEh5mPAhkrUAkmb/gVC0dFfGcSmpw2l5aHrldNHTpap6yxrJY5M6l24VrTq1261isnhkGK2Wh5wpYomqXLwar2umrVezdjtc7ptDNpuwGZfKR1Q5MO9Vk7QQDDxry1pDrguA/S9VJs5kqro0Sm+7TCkZoeMEdF7+djbc5P2muhlGNw29S2Yowzs3SyRlIxzZlwRLX4FRZk7eYNlRwFSoR3+8G9Pr4av+DfFYSr0+TzM+jd83yqg6C3yzDdLn5PKz/zZovdc6ktSX/Dtb2Xf48P+fsvs1c+gOpH9MMt9Vde3lBp0OYLPGaJaNKGI8qacEnVc7xWYuU6iDTjd4hyKaJP45gZhRAoJQlBVGqMCdfGfR4b8ahRS+mGO5ho5o5hpp0gKGGpdsPguatVsWBdpUvlCHyODA61F7gsqDQHaUQlBc3QW9l76X30a6y50k34qqy+2JLFBIy/+asubEpVMY8DsoCit/ILacGDa3sHk9x5Rjcpiv20og0y23kG3VfYfvit+wuBHgYc3HmOhIY5juaWF9iXsSS1fe8ythJu6KMbFxANKxtJK9MnK/kCnEGWPD/EG2iANmFYJHiQxROZ/uxTwN0TgDBOEBpNiDxwZfmiqSi9ihqTqF2ASwxmMaksIrdi/TXCxwIEBCQu1nEIQhUKNLjGvbbhYGOiswoh2vnwzsj0cWYgG4EZLvTpgWkuFUN3cNOqL4/iFE5j3+tJobnBbA/BKb8P8IO1j9knIz3O99Y2F3pt8jiNZjCgMZxFj4EXQC8JffKsatp9slCpOdoJdLn7vcd7WTLJY9w/n4KqtrJ9dfZN50TPmBjPpAWtUpZBT3ry6VZKT8Ow0bR46cV1qdrLr0CUCYOei6LsrDFMTwcx33TMP5mwma01T5A77gd5f3y0Wb+WzwKv18G8r6jkpT9Z5oZGKGr5NytFY7HgCOBMjbFeQZNanuScGKTf0Iib1yKqNuUstOmQL37A6G632xSwCD9zxxP9710Jcf6+j13LvdCyubU8blnfD+lmX1VBLM0nbEuJhylWrMiMWWGzP0kw01xaaKEF2YCoEsbFIBq90tikNn/VrdnWU++c3LPeXQyzbfuoW5sJ2XlhzhRL3mnak+lpk1SbYQ/LmR4t2QXM6pAWVYRANB8BTCZBJHiMxbyBRlXzaog7fl6tYY3QhRfLwZXeX/fmp17F9za+80VG41emdMdN2Yn4mVrRUoH5Y4ywRmTBVs2N33An0/m6ecCTBVqs1l2zNOiZTsqlV/NC/PY6qVbV3vy6eaLni2dffJcMrUyFnl8alT8Q742wj/mHi3qKH4lPsFf58BIJYh9HJ7zgmO8dD8f94CPCY2ePLrtbDXPu0dzaJCvOLTrGC8pCeMNCdJg3yZqzhY13yW+/WRWtXbIB0FI7iKa9WxXymNS+WwkZ7er2zaqJMCZgJu6tpop14d4rv+MWXXL3mgRvGHtzxRMR7SzR7tYhxhOTM2CTJGSDdjD7uKDuPkRIWus44c6Weets0M2blbVoQQMzgH4EoOzFytqk9XS8KbZuNQDrla1Cqz3YuBtB2JsxnhTcZot2lxoXp9nH/sLXeEUOFut3PrWOSe7YwK11soDGWEQ7MSs5GzTpGZM7JzRrIZaribVcLIatJViXhyVsMPekKcap1gt3oynHVLuwZtiK9noFAsNXGMrATYOcWayqq5B97su86lJbvq8c9OVO2tu/V6VNQecrhga15hINUAXDEzfzCNTXSNbtwHA0I+gjM9qAXhhiV3McEHkYDAP7Y33uaegh4W9F0H2wsE4K/h1EZAhv+SEDpu3kh3/NHDKEcYgoEsJoJY0p1yEtT0p+52nV2LhhB6FsPzTEtPOhqe42Xk/WdDnwVXHGYLDzZOt5X92tQLOZaujJykjPEZp6tRj9jsJAyeHfCognKsPU6kf+KBQpsEpAONNNHe1UyCibAmdRCkkLS1IRqI+dcGf610z5nSCim4r/EAIqdZk0qiVp4veWMIF2IryTMi/deDsSImOQxgq1j0nekVoP3hdWnNgIn2g2aGzylUhYbNnn9AdfWUuN4a1x6bmXO1uQeWl7l36PT7kXEHlyBcSqahRkzesGWDrQJT61UjQwPPgYBuQ6weMWRxDx4qOAmIXPES47gUR/sFGgVOFfh0vFjWZq/fRvPcYaawcR7eQZ48b7KzF4MVKNdT+yMaxl7jAwAaz7JzLMlQYfWszwRxWWV38lxuyVo1s/wexnbPaQbPDYwaxLXdq6fp2vnDtGNH2NedaUx+bkf3WPhKyW/kvZ5WTB+qqg7cp53U03YUsrLzpX4ESfUqfsnMC0dqRC1wNyblgUSzHU2QZyT0LDgi7PRb1eDxnyCZvyRveTgWG84M/7YeB7gbc5TxCUlwbpD27EqZHK0v4SZMUiVLXX95biDZnKoviO69NL9JKpNErNii87gk/k17f6WIwTR0PcktbKrNgTQXeCrOOIXxgWYA420AyugRnUphkJu/bykasKl9ZeBZ28si+uM3BCVCAT5hb6Lsil9llqgRpUj5IRgAGJ7zAF0UbUWv3W1Vdd3vl4yYVPoCp4tO7tHIFLzqCzifdeQoUPQ36WkC8dKupwibHwVSHrotzCsjM5yPvhGVjIR33UArZbyEuOFG/EKxuhDsP2W8uxyuU7/+se9xpbgpw9vDA315efP9MbkXMHxZ9wo1eI7+6+plAKdzkfsW5yXDWzmd6GLplQjkmmA+L9U8q0cLvOuH+06njbvLft1aBja5uslv62fjn2L/X+7L6Wy41/u/KGFF9xYT4OXj76weHfmnOH3syPX/VjeFEo1V0NOSfYhngciY/OHNyH+HGDU58AsPpin4pZtU/9lztzQx1zC0vkBbJRaAJ4tCkSN/RrtCXkwZniXQju8h+9x7t77BFzVlEjd4f3PIkA5/x7gxxgcsYyVMoVD4aUsspK0+8ypbKjeu2U40aKNbgkY8jyY0hEl2jl0APFlOrqSyAquvxHHJSZBcUFQ6cWB1FjsrIAVaqB0skfoqNAMIiOHv3BBX6pNujV/5nOwgChM3O0JqrGpiovU9HVPHX4CQ3O9eQYry33IaV+L8VBj9c4PhYQx175vDpGsIAA6PDnL3DM6mL1buU4nOt34HBUGo1zgkP/ObpCVDNPjh/jSKeMcdPStW64v0Pbcgluh9nh9hQCxVACXDPyJxSa+/vMOPr6Z/Ah/Tunb/0Mzu4c0h2l+EkZbpgFWwxrtm3mVYW1cO1GqHgCxeJsoUyAMktLcuDZ8IrFUMZibPjPIrfIqTA2Y3pD2/Tp7vA9ODABszAtmGuQSjRTaPiIgC2mE/3nH7RTaAEWsYv6KcqA/P47gmQwABH3Ut1Ha545s5klYrk+NGArG0I9PdGhTgts8eKizekwoxCEwpshSITU7m53FzLnkWpmaXcvT7WUqSbVLoXdXYzIAN6qY9Y7JjrWP3pE0SXqKEyybPLoPqxWJK2GONs+LxBFYynyvKX5S+WOcfYTfWsMNftEU+zD9CblkaPE2k8REbXGIJ4CJnFP4CQ+fvKca2UrwS/o33+jKf3SKMVoQcecCIUYSsdoDJyvhcRTWtNUoB357TdEpHYooVpwUivIFeGkJ4nraCTN8gEnd12iWOAO3V0Nohx2xS47ZjlexjKvMAtprvtibM43KZfWRT1WhDIYmc1gwC5jjRRLuqBG7DJlO9ZR36i7SQPLjXVg4J+XKqN0PV/nlX9Xg6grqzsjO6Oibf9us0fZzFVGtYpCoe4J8LeBOwj7AmOaUqFMsymNysMpgakd1vyMbt2uMWqU+quhAdt674hocmqXOmF+iig5eRcm9mxSfMJFZ2pwMS536ir4NSRGZlh3zLcqs4iJXzdu4sXzrHdlzARC5C0cmTDC9ebhrhOYQgF/Ap/DZYJQLXXdHK+WlkndLmPXJ71WleFljGNTp9JD2Lse7l1kiJ1Stmjhu3fDs2fvz9bMzLZ2c4EFlYjpyRNTSkgDEC+b5JtmagLyBHaWlqoZVoZ6/XolQ2lx2Jy0NOI+BhOTdXLvpX7eer3ytyfhYTqro4Fi1RnqrRSDo7W+PcwwasMNhG3UMGIjDLhtpKE7g4KqGsA4chxov1ieTnEbSU6CxoE724tH+HYEZ4YYNKAewOPytWvtavH3xd343xPURu/3TeYF3qLe3dBiWsW88z26Rc2PU8cszrDKeTHGyLKIMTpOX1u6Izf8/6PyYS4vny6B5hAe1PaIQMz9oCwoIRXk59E0TtroUAbu6GQVnTFEKiCXbkE3cQDC/QhKOyHwFOEUA833GM6jUdpTOyF0/QhfHNgqf0fZbBTp9wYgXop23MqfHrjVPzQ2bFKPnx1ick3tqY+Kchg30YFtBx2cn3L+tv2CXYl77DA+khrl5xD0W8ybebNWU/+UFcIFR0+c6/MYXNFwcFn6Cf0gljfv42UfOnj8xPHjr1MiWY7rEhkFY+HHNe4LgL8h06unqMouBmZeZDIEdlVU6Q2+Y33tl3mHSwJpdDxQEu4TsaxehvpKxKE8wG+fRz5HC9vhYOKjvmBiTURF0czmgWbPZmC9iOHmJ/07BgOJYFyEywkeLZgIHFz/YPCw5XBS2MDhyJyKGWuIIIKHy3Ae6bBmRkVO5OG8wEPxbrgfhAfTeIQ8vz0YD7q/s/+JzCSyNc8sqohoZMmiJJdNBhLzVIlQ11QqO5eoyksEs+Q8FRAn/2+8yqUGFQ+QIQwjySeHuSjSlGw/nkWy4q1jHG+frIdhlDtMhnCMjBByQOaid1ElJLON5JM3RvUHbEJQrpXOp3dAfMgqY9Yorw3QUd9Rx+OzZ5RPjtdbC10KO9SupQM36Q75Gwa/4OOpb1vjW9/GBn0Z3JDvwLAMlLqqVU+hVR8/uXzGbNjhHTU+d6ZmuPBlyeBmyWHrrPyqqVPd3EZFFYke/rx+g3KDokxZBqRm4a5dlAGmFTuFDVDxszKHvQNOAgVpT4pxkq6mwyxItV3++XzFzKj+pJ8CkEARRuR350sO39ECUkSq6SdJJRBJtHBh3tM88HxBUSfdXystKpLWpoDUtCqAulaaCtyeUifVFEXUBlJK5VGm8YZb5R1t8uUVsrZLYV2+vE3W0SqbOXlbLsjNYizTN6qpwD6cZ73GraZWC4evicLtMTVQU+221I0LPZ+w2o5aCj5s7R1YxjfDpea/jv3QuW2wb0DtfJu/bM9TyrjDBqYtA73piBO7EP8M+B/BYNtAn1rwN5LOf0whhwYDwZrmigY+Mwpp3X5pbVFRrbQkmgDDpbWXk9YVaWojaAUU8NIG5K0d8raKIoZeajNlbR2y1gJRjmmmLRunw56qhdes3HBqOO/asKjavvVBC+cpDTd44fgWgs5/9PC5c0gNoi/Uq5TTYD1cY62RFcONjXDyCxsbeLih4TeguKFxhq6uNnzpli3N7jwWsJlWUhf1Ma8JuXEDQWoyAPESjba2AoWSNZpkKGRGQPscZnvxgzXtV96QZEijgZLRirCk9uJND6P94beZZwapJWOye+STI6EjQr4dGjkUfnDk4MMrHlg4YtaEHCS5QwLIbWRp/IP2vwYI6ud1q1XUffnfttgzcd7q1bFtZ+hciHqPZ/00cdWcQm4hJ+BhYChG/ZcFnBBxZMjav8b6RQTNA6WwE92d7gSSc3L+k6CcsRrsd4LkublyKB7KyYWAz8mJD8nN8Y23T0xUqRISXV0TVLp8D4TCKw8cWAmvgvcfuCzkRqiQTR95nDcXwQ31cDGx/FHsv/9KK7EcKv70fb/5xLFzCSz6mPXelkgFEG+/c5Ux1JnBlIDdotekAii4QMc8JV25t6XT2a2FXrBxYyU/gL9Hs0fpYkb8EfMeWqr8E1ZA7+4/jY6OoqeR0+9Gz+Exo+9Q6ZxlqXEBhlMiTckAgHh5dYCIzx6onLhVtSRjnLo4vrVSnlU8wgaAbfk4fR1rvzDFb+9ev0p9b3y+dramELDUZV9YC3WqYSivl+FjFhhGaMk0H18f2lt4vykY1rOXsvVwG8nr+WpBzIFgc5h5aEcJvGMHnHzJjp1peOfOS9jOHdpH2VB5BZwFZ5eXZ7sfcUU5lA1lVVQIDGF9Ftbn56vCzpwJAxMbYBHKbytscsv2jTty1Oit9DYuXPQ7Xc6Wifl/i1C0rdzobTp2PLLfH9GB5M5pWn9xi+d9eFmdsYTlQCuTltEcSlhbGLzsvmdL7jka3xhoZPYznSilCDsmlnwLxcaCv6evozQcvdkp9KJqOuF2N+F3t1PPimPIi1foCWjVHENQAHTi5SvyzxECENYUb0CYze5nEbCR4GfUPi9oFbT6is9jJ0Gsc4zXXR+Ug4OyfE7hIiQXUvVRX+4ZMdJcuOIAMdcFb9ac8zZGNkfV4E0DYLTARjniQF+OC9FUfGG02QflUkVxXWjGOyDq3tu/TH+bRKk+qdsDZKu3Ld+2Kq7K375IqT4gGjZEUsZAxb0+8axtjwPZXNbZMojpvISvLACutoru5fnwM2ixbFrJbAFHmxvMhOeLWXwf9ieI7ZQOvNFvYJbnUYDplcZxn7OU9zto4Zakl0CJs1WWaZFcxlkq1aSrUg1Vc5bAnXjadC33ghDLkKbg5/LjRbZ92SooB8qub1m2wwsaA+PSXlSgew2gAlTs3VeBvsAZniToc5C+pZKSWdyUN43rvyTLDmZf9OOkTVgoKdNIT3NXLFgrUczKnNWAZ9rHzmKcYawJSen3oWpqX3D/FxQUqPBLkcw8lSGfwL2m584GtuZcaMUKKM2cFStzoQuuLFrK/fIPueieGFqtVleHJt5JtJRavYUkuttZkqSuVsBf0+vG/Qkchaul67hudBaXRUyms+PiYDqkYzh08tUi6YzYOI/ZYKcT5KEHehrYuQOYEUbSdoIdNNKddAI7mgCN8XLTgE1fAm3bBiGVNIAFLpbeJGjBAggpyQBE7BI/0GoVi7T7AGL96D7dNH35hOE1ScYptIsKFjnShmekdtGTFump5MAK2/P7sJFeAKKETba/bdX2TKQcAFsn0o3EAmDTI98xZ1aiefTd8Bm4YIJOZFwKNvc4K2OCX5Pv2gtfBcD22lbERcYSwflXkC4kxrytHYmtyNRKNAnRoSYM3pjERZs2pAqBIN2CPIE461pRAAAAP4IvAwBcBedluphlNV1BrtSVXwfbcBxacRwPfk9SHNuUKBu7aC7q/LsCEPHUB4xIMNJ1CIB0jzN1BeDN8A/zKLIFycfntyJ/IKqeBx1FxgIAAArgd0SH4EcwtRL1RarqnqmDv+RpuY+kykz8Y1VvIHHBm4TZhPTLGLH8/9Wkm6XVIYHx4Foyn/gzPNNlQ072T1Oarwmxf/G9XMeeDxmLJZZfli/a+dii/wlF5iJhNRvirbuwJzp60wicxgbwD1ctQfd9UBn5VwndIFIJTTAK5gWTaI0zD9wTLIozwSo6F5x2jZsuozbR3JIJaLIFgqh2hUbnu2BUe5wdeCc4E94Er4YRsmcZjVhsXJn/248Cpwh2ONvsucao01uv82+Me3JyXU7O+w9peZLdLNe3M76iQmSEtMO4VY02Chf75eHIQMR2En6C12VSnR5Xq8gqYem5XNwCCZwiWMPZuX72XOOu9Tb0w//GuCcnCYt8u/5/SMsP3tpYWnNwX5XKtci6eNth3FKkR2vNLVysL0gHGVPZmtg9PcHrUsphTo9WaFWRV1mWX1GWoMLkW6x+aGcJkKBAgwELDjwEiP8P8MVVoEKrN5qtdqfb6w+Go/FkOpsvlqv1ZrvbH46n8+V6uz+er7e+ZO/qlOvo7fGUXb31xA0/NEHuH1sXPgvV6N+t74nmghjH3JJRAWa6zz7tbwof8IdFt/6oTX80BiHrWyfCxwUh6jcWgeo7xp0kj0nd7zOf4HcDnxYok5776wKuXQizAILC5Bq5A24r5uikdlWT+rDrImaia69955MTfSl+YuBjlbzCbWiF2xqpz4Pa/cSxwsvoJHbOGpz4VMqOfndX6/vv1A2EV6EkKtUk0GSKk11XuOI8d9XRuaELcKSzuhVQR5gBREZzgWm7XNNmM3VwzHkBdFxCO+XgzmbfIHPKTXvAcd329eIC') format('woff2'),
  url('iconfont.woff?t=1598948736974') format('woff'),
  url('iconfont.ttf?t=1598948736974') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1598948736974#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quanping:before {
  content: "\eb11";
}

.icon-quanxian:before {
  content: "\e63f";
}

.icon-closeOther:before {
  content: "\e631";
}

.icon-close-circle:before {
  content: "\e629";
}

.icon-closeAll:before {
  content: "\e60f";
}

.icon-refresh:before {
  content: "\e619";
}

.icon-tree:before {
  content: "\e6e8";
}

.icon-tuichu:before {
  content: "\e627";
}

.icon-moveSort2:before {
  content: "\e630";
}

.icon-moveSort1:before {
  content: "\e93c";
}

.icon-moveSort:before {
  content: "\e73d";
}

.icon-edit:before {
  content: "\e62f";
}

.icon-arrow-leftMore-circle:before {
  content: "\e623";
}

.icon-arrow-rightMore-circle:before {
  content: "\e6fc";
}

.icon-checkbox-empty:before {
  content: "\e625";
}

.icon-checkbox:before {
  content: "\e626";
}

.icon-add:before {
  content: "\e6ee";
}

.icon-delete:before {
  content: "\e698";
}

.icon-info:before {
  content: "\e60a";
}

.icon-error:before {
  content: "\e620";
}

.icon-warn:before {
  content: "\e601";
}

.icon-close:before {
  content: "\e607";
}

.icon-set-fill:before {
  content: "\e61e";
}

.icon-set:before {
  content: "\e61d";
}

.icon-chart:before {
  content: "\e632";
}

.icon-arrow-down-circle:before {
  content: "\e6f8";
}

.icon-arrow-down:before {
  content: "\e6f6";
}

.icon-arrow-left:before {
  content: "\e6f7";
}

.icon-arrow-up-circle:before {
  content: "\e6fa";
}

.icon-arrow-left-circle:before {
  content: "\e6fb";
}

.icon-search:before {
  content: "\e621";
}

.icon-clock:before {
  content: "\e600";
}

.icon-arrow-right:before {
  content: "\e636";
}

.icon-table:before {
  content: "\e699";
}

.icon-arrow-right-circle:before {
  content: "\e60d";
}

.icon-help:before {
  content: "\e65d";
}

.icon-mark:before {
  content: "\e63d";
}

.icon-money:before {
  content: "\e640";
}

.icon-analyse:before {
  content: "\e6d2";
}

.icon-dealt:before {
  content: "\e64a";
}

.icon-change:before {
  content: "\e60e";
}

.icon-bell:before {
  content: "\e6eb";
}

.icon-time:before {
  content: "\e64d";
}

.icon-skin:before {
  content: "\e664";
}

.icon-mail:before {
  content: "\e6af";
}

.icon-email:before {
  content: "\e628";
}

.icon-meeting:before {
  content: "\e612";
}

.icon-today:before {
  content: "\e645";
}

.icon-user:before {
  content: "\e606";
}

.icon-listadd:before {
  content: "\e654";
}

.icon-sun:before {
  content: "\e6f5";
}

Ignore Space Show notes View admin/assets/iconfonts/iconfont.eot 0 → 100644
Not supported

Ignore Space Show notes View admin/assets/iconfonts/iconfont.js 0 → 100644
!function(c){var l,a,h,t,o,i,e,d='<svg><symbol id="icon-quanping" viewBox="0 0 1024 1024"><path d="M358.4 768H426.666667v85.333333H213.333333v-213.333333h85.333334v68.266667l128-128 59.733333 59.733333-128 128z m345.6 0l-128-128 59.733333-59.733333 132.266667 132.266666V640h85.333333v213.333333h-213.333333v-85.333333h64zM358.4 298.666667l128 128-59.733333 59.733333-128-128V426.666667H213.333333V213.333333h213.333334v85.333334H358.4z m345.6 0H640V213.333333h213.333333v213.333334h-85.333333V354.133333l-132.266667 132.266667-59.733333-59.733333 128-128z" fill="#444444" ></path></symbol><symbol id="icon-quanxian" viewBox="0 0 1552 1024"><path d="M1011.811097 1015.560258H507.375484a160.718452 160.718452 0 0 1-160.536774-160.536774V556.923871A160.718452 160.718452 0 0 1 507.375484 396.387097h504.501677a160.668903 160.668903 0 0 1 160.487226 160.536774V855.04a160.718452 160.718452 0 0 1-160.536774 160.536774zM507.375484 442.252387a114.737548 114.737548 0 0 0-114.671484 114.671484V855.04c0 63.256774 51.41471 114.721032 114.671484 114.721032h504.501677c63.207226 0 114.621935-51.464258 114.621936-114.721032V556.923871a114.737548 114.737548 0 0 0-114.621936-114.671484H507.375484zM1246.967742 214.709677a74.322581 74.322581 0 1 1 0-148.645161 74.322581 74.322581 0 0 1 0 148.645161z m0-33.032258a41.290323 41.290323 0 1 0 0-82.580645 41.290323 41.290323 0 0 0 0 82.580645zM322.064516 74.322581a33.032258 33.032258 0 1 1 0-66.064516 33.032258 33.032258 0 0 1 0 66.064516z m0-16.516129a16.516129 16.516129 0 1 0 0-33.032258 16.516129 16.516129 0 0 0 0 33.032258zM173.419355 875.354839a57.806452 57.806452 0 1 1 0-115.612904 57.806452 57.806452 0 0 1 0 115.612904z m0-33.032258a24.774194 24.774194 0 1 0 0-49.548387 24.774194 24.774194 0 0 0 0 49.548387z" ></path><path d="M194.064516 425.290323v-33.032258a12.387097 12.387097 0 1 1 24.774194 0v33.032258h33.032258a12.387097 12.387097 0 1 1 0 24.774193h-33.032258v33.032258a12.387097 12.387097 0 1 1-24.774194 0v-33.032258h-33.032258a12.387097 12.387097 0 1 1 0-24.774193h33.032258zM1419.792516 726.115097v-23.585032a8.852645 8.852645 0 0 1 17.70529 0v23.585032h23.585033a8.852645 8.852645 0 0 1 0 17.70529h-23.585033v23.585032a8.852645 8.852645 0 0 1-17.70529 0v-23.585032h-23.585032a8.852645 8.852645 0 0 1 0-17.70529h23.585032zM1274.698323 415.859613v-14.170839a5.301677 5.301677 0 0 1 10.603354 0v14.170839h14.170839a5.301677 5.301677 0 0 1 0 10.603355h-14.170839v14.170838a5.301677 5.301677 0 0 1-10.603354 0v-14.170838h-14.170839a5.301677 5.301677 0 0 1 0-10.603355h14.170839zM23.122581 974.451613h1126.4a23.122581 23.122581 0 1 1 0 46.245161H23.122581a23.122581 23.122581 0 1 1 0-46.245161zM1245.316129 974.451613h135.432258a23.122581 23.122581 0 1 1 0 46.245161h-135.432258a23.122581 23.122581 0 1 1 0-46.245161zM1476.541935 974.451613h52.851613a23.122581 23.122581 0 1 1 0 46.245161h-52.851613a23.122581 23.122581 0 1 1 0-46.245161z" ></path><path d="M501.908645 439.378581A22.874839 22.874839 0 0 1 478.967742 416.437677v-114.671483C478.967742 161.213935 595.802839 50.935742 745.571097 49.548387h2.824258c147.307355 1.387355 257.998452 109.369806 257.998451 252.217807v45.86529a22.940903 22.940903 0 0 1-45.86529 0v-45.86529c0-117.198452-91.730581-205.691871-213.570064-206.402065-124.663742 0.710194-222.174968 91.136-222.174968 206.402065v114.671483a22.874839 22.874839 0 0 1-22.874839 22.940904zM731.268129 804.335484a137.761032 137.761032 0 0 1-114.754064-135.630452 137.794065 137.794065 0 0 1 137.612387-137.612387 137.794065 137.794065 0 0 1 137.595871 137.612387 137.827097 137.827097 0 0 1-114.754065 135.630452 23.122581 23.122581 0 0 1 0.082581 1.915871v68.806193c0 12.667871-10.24 22.957419-22.924387 22.990452a22.990452 22.990452 0 0 1-22.940904-22.990452v-68.806193a23.122581 23.122581 0 0 1 0.082581-1.915871z m22.858323-227.377549a91.86271 91.86271 0 0 0-91.747097 91.747097 91.879226 91.879226 0 0 0 91.747097 91.796645 91.86271 91.86271 0 0 0 91.73058-91.747096c0-50.555871-41.224258-91.796645-91.73058-91.796646z" ></path></symbol><symbol id="icon-closeOther" viewBox="0 0 1024 1024"><path d="M512 962C263.9 962 62 760.1 62 512S263.9 62 512 62s450 201.9 450 450-201.9 450-450 450z m0-835.7c-212.7 0-385.7 173-385.7 385.7s173 385.7 385.7 385.7 385.7-173 385.7-385.7-173-385.7-385.7-385.7z" ></path><path d="M807.5 839.6c-8.2 0-16.4-3.1-22.7-9.4l-591-590.9c-12.6-12.6-12.6-32.9 0-45.5s32.9-12.6 45.5 0l590.9 590.9c12.6 12.6 12.6 32.9 0 45.5-6.3 6.2-14.5 9.4-22.7 9.4z" ></path></symbol><symbol id="icon-close-circle" viewBox="0 0 1024 1024"><path d="M512 1016C233.6 1016 8 790.4 8 512S233.6 8 512 8 1016 233.6 1016 512 790.4 1016 512 1016z m0-960C260.8 56 56 260.8 56 512S260.8 968 512 968 968 763.2 968 512 763.2 56 512 56z" ></path><path d="M548.8 512l195.2-195.2c9.6-9.6 9.6-25.6 0-36.8l-1.6-1.6c-9.6-9.6-25.6-9.6-35.2 0L512 475.2 316.8 280c-9.6-9.6-25.6-9.6-35.2 0l-1.6 1.6c-9.6 9.6-9.6 25.6 0 36.8L475.2 512 280 707.2c-9.6 9.6-9.6 25.6 0 36.8l1.6 1.6c9.6 9.6 25.6 9.6 35.2 0L512 548.8l195.2 195.2c9.6 9.6 25.6 9.6 35.2 0l1.6-1.6c9.6-9.6 9.6-25.6 0-36.8L548.8 512z" ></path></symbol><symbol id="icon-closeAll" viewBox="0 0 1024 1024"><path d="M40.960024 0.000026h788.47996a10.270719 10.270719 0 0 1 10.24 10.239999v71.679997a10.270719 10.270719 0 0 1-10.24 10.239999H92.160021v737.279963a10.269439 10.269439 0 0 1-10.239999 10.24H10.240025a10.269439 10.269439 0 0 1-10.239999-10.24V40.960024A40.916478 40.916478 0 0 1 40.960024 0.000026z" ></path><path d="M983.039976 163.840017H204.800015a40.916478 40.916478 0 0 0-40.959998 40.959998v778.239961a40.916478 40.916478 0 0 0 40.959998 40.959998h778.239961a40.916478 40.916478 0 0 0 40.959998-40.959998V204.800015a40.916478 40.916478 0 0 0-40.959998-40.959998z m-51.199997 767.999962H256.000013V256.000013h675.839966z" ></path><path d="M414.813445 773.119987h66.591997a18.440959 18.440959 0 0 0 13.905919-6.42432l98.136315-116.648954 98.136315 116.648954A18.090239 18.090239 0 0 0 705.49119 773.119987h66.591997a8.96 8.96 0 0 0 6.89664-14.764799L640.707834 593.919996l138.384633-164.435192A8.96 8.96 0 0 0 772.195827 414.720005h-66.591997a18.442239 18.442239 0 0 0-13.905919 6.42432l-98.248955 116.648954-98.136315-116.648954A18.091519 18.091519 0 0 0 481.406722 414.720005h-66.593277a8.96 8.96 0 0 0-6.89664 14.764799L546.186238 593.919996 407.916805 758.355188A8.96 8.96 0 0 0 414.813445 773.119987z" ></path></symbol><symbol id="icon-refresh" viewBox="0 0 1024 1024"><path d="M929.536 208c-17.664 0-32 14.336-32 32l0 45.024C819.712 152.896 676.448 64 512 64 264.576 64 64 264.576 64 512s200.576 448 448 448c149.728 0 281.6-73.952 362.88-186.816 0.256-0.256 0.416-0.544 0.64-0.8 0.992-1.408 2.208-2.656 3.2-4.064-0.128-0.064-0.192-0.16-0.32-0.224 3.52-5.184 6.08-11.072 6.08-17.792 0.032-17.856-14.432-32.288-32.224-32.288-12.608 0-23.264 7.424-28.576 17.984l-0.224 0c-69.728 96.768-183.072 160-311.456 160C299.936 896 128 724.064 128 512S299.936 128 512 128c148.544 0 276.832 84.608 340.672 208l-51.136 0c-17.664 0-32 14.336-32 32s14.336 32 32 32l128 0c17.664 0 32-14.336 32-32l0-128C961.536 222.336 947.2 208 929.536 208z" ></path></symbol><symbol id="icon-tree" viewBox="0 0 1024 1024"><path d="M177.697 741.043h185.982c12.353 0.196 22.195 10.36 22.008 22.705-0.195 12.074-9.935 21.804-22.008 21.999h-208.22c-12.328 0.068-22.382-9.859-22.458-22.177V338.968h-22.237c-12.404 0-22.449-10.045-22.449-22.449V227.35c0-12.396 10.045-22.45 22.449-22.45h89.178c12.395 0.017 22.423 10.063 22.44 22.45v89.177c0 12.396-10.045 22.441-22.44 22.441h-22.238v163.831h185.992c12.335-0.017 22.348 9.977 22.365 22.321 0.007 12.344-9.986 22.356-22.331 22.373H177.705v193.55h-0.008zM311.696 227.35c-0.008-12.387 10.037-22.45 22.432-22.45h565.771c12.386 0.017 22.432 10.063 22.45 22.45v89.177c0 12.396-10.045 22.441-22.45 22.441H334.146c-12.396 0-22.449-10.045-22.458-22.441V227.35h0.008z m163.823 253.202c-0.025-12.378 9.985-22.432 22.365-22.457H899.9c12.386 0.025 22.432 10.062 22.45 22.457v89.168c0 12.354-10.021 22.384-22.382 22.384H498.035c-12.396 0.032-22.483-9.986-22.517-22.384v-89.168h0.001z m0 238.255c0-12.371 10.011-22.448 22.517-22.448H899.9c12.386 0.015 22.432 10.061 22.45 22.448v89.169c0.031 12.362-9.943 22.417-22.297 22.449H498.035c-12.396 0.033-22.483-9.978-22.517-22.373v-89.245h0.001z" ></path></symbol><symbol id="icon-tuichu" viewBox="0 0 1024 1024"><path d="M765.824 638.208 765.824 510.592 446.72 510.592 446.72 382.912l319.04 0L765.76 255.232l191.424 191.488L765.824 638.208zM702.016 574.4l0 255.232L382.912 829.632l0 191.488L0 829.632 0 0l702.016 0 0 319.104L638.272 319.104 638.272 63.808 127.68 63.808l255.232 127.68 0 574.336 255.36 0L638.272 574.4 702.016 574.4z" ></path></symbol><symbol id="icon-moveSort2" viewBox="0 0 1024 1024"><path d="M384 320a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m256 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM384 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m256 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m-256 256a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m256 0a64 64 0 1 1 0-128 64 64 0 0 1 0 128z" ></path></symbol><symbol id="icon-moveSort1" viewBox="0 0 1024 1024"><path d="M426.666667 554.666667v-85.333334h341.333333v85.333334h-341.333333z m0 256v-85.333334h170.666666v85.333334h-170.666666z m0-511.914667V213.333333h512v85.418667H426.666667zM256 725.333333h106.666667L213.333333 874.666667 64 725.333333H170.666667V298.666667H64L213.333333 149.333333 362.666667 298.666667H256v426.666666z" ></path></symbol><symbol id="icon-moveSort" viewBox="0 0 1024 1024"><path d="M660.7 187.4c9.2 0 18.1 3.7 24.6 10.2 6.5 6.5 10.2 15.4 10.2 24.6v580.7c0 15.5-10.2 29.1-25.1 33.5-14.9 4.3-30.8-1.7-39.2-14.8-3.8-1.7-7.3-4.1-10.2-7.1l-82-82c-12.8-13.7-12.4-35.1 0.9-48.4 13.3-13.3 34.7-13.6 48.4-0.9l37.6 37.6V222.2c0-9.2 3.7-18.1 10.2-24.6 6.5-6.5 15.4-10.2 24.6-10.2z m166.6 650.4c-9.2 0-18.1-3.7-24.6-10.2-6.5-6.5-10.2-15.4-10.2-24.6V222.2c0-15.5 10.2-29.1 25.1-33.4 14.9-4.3 30.8 1.7 39.1 14.7 3.7 1.6 7.2 4 10.3 7.1l82.1 82.1c9.3 8.7 13.2 21.8 10 34.1-3.2 12.3-12.8 22-25.1 25.1s-25.4-0.7-34.1-10l-37.6-37.6v498.6c0 9.2-3.7 18.1-10.2 24.6-6.7 6.6-15.5 10.3-24.8 10.3z m0 0M99.1 187.4H494c23.2 0 34.8 11.6 34.8 34.8 0 23.2-11.6 34.8-34.8 34.8H99.1c-23.2 0-34.8-11.6-34.8-34.8-0.1-23.2 11.5-34.8 34.8-34.8z m0 0M99.1 466.1h302c19.2 0 34.8 15.6 34.8 34.8 0 19.2-15.6 34.8-34.8 34.8h-302c-19.2 0-34.8-15.6-34.8-34.8-0.1-19.2 15.5-34.8 34.8-34.8z m0 278.8h302c12.4 0 24 6.6 30.2 17.4 6.2 10.8 6.2 24.1 0 34.8-6.2 10.8-17.7 17.4-30.2 17.4h-302c-12.4 0-23.9-6.6-30.2-17.4-6.2-10.8-6.2-24.1 0-34.8 6.2-10.8 17.7-17.4 30.2-17.4z m0 0" ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M870.96462219 885.385565L226.136855 885.385565l99.42411-30.05834062L166.55932906 696.3255875 107.80300531 890.67254c-1.29991875 4.30076437-0.99868312 8.51134969 0.43554469 12.18949594 0.95263406 7.66424344 7.52130094 13.64962594 15.4320975 13.64962593L870.96462219 916.51166094c8.55931687 0 15.5635275-7.00325156 15.5635275-15.5635275S879.52393906 885.385565 870.96462219 885.385565z" ></path><path d="M897.4762475 199.39402719l-74.98372125-74.98372125c-23.20090969-23.20090969-60.81700594-23.20090969-84.01791563 0l-42.97022624 42.97022625 159.00163687 159.00163687 42.97022625-42.97022625C920.67715719 260.21103312 920.67715719 222.59493687 897.4762475 199.39402719z" ></path><path d="M653.10401187 305.18150281L674.30467719 283.98179656 695.50438438 305.18150281 785.605535 395.28265437 833.305355 347.58187531 674.30467719 188.5811975 186.7008725 676.18500219 234.4006925 723.88482219Z" ></path><path d="M345.70279344 835.19076781l-90.09993188-90.09993187 418.69900688-418.69900688 90.09993187 90.09993188-418.69900687 418.69900687Z" ></path></symbol><symbol id="icon-arrow-leftMore-circle" viewBox="0 0 1024 1024"><path d="M107 512a405 405 0 1 0 810 0 405 405 0 0 0-810 0z m-44.99999999 0C62 263.465 263.465 62 512 62.00000001S962 263.465 961.99999999 512s-201.465 450-449.99999999 449.99999999-450-201.465-449.99999999-449.99999999z" ></path><path d="M363.815 512l119.11500001 119.07a22.5 22.5 0 1 1-31.86000001 31.86l-135-135a22.5 22.5 0 0 1 0-31.86l135-135a22.5 22.5 0 0 1 31.86000001 31.86L363.815 512z" ></path><path d="M543.815 512l119.115 119.07a22.5 22.5 0 0 1-31.86 31.86l-135-135a22.5 22.5 0 0 1 0-31.86l135-135a22.5 22.5 0 0 1 31.86 31.86L543.815 512z" ></path></symbol><symbol id="icon-arrow-rightMore-circle" viewBox="0 0 1024 1024"><path d="M917 512a405 405 0 1 0-810 0 405 405 0 0 0 810 0z m44.99999999 0C962 760.535 760.535 962 512 961.99999999S62 760.535 62.00000001 512s201.465-450 449.99999999-449.99999999 450 201.465 449.99999999 449.99999999z" ></path><path d="M660.185 512l-119.11500001-119.07a22.5 22.5 0 1 1 31.86000001-31.86l135 135a22.5 22.5 0 0 1 0 31.86l-135 135a22.5 22.5 0 0 1-31.86000001-31.86L660.185 512z" ></path><path d="M480.185 512l-119.115-119.07a22.5 22.5 0 0 1 31.86-31.86l135 135a22.5 22.5 0 0 1 0 31.86l-135 135a22.5 22.5 0 0 1-31.86-31.86L480.185 512z" ></path></symbol><symbol id="icon-checkbox-empty" viewBox="0 0 1024 1024"><path d="M849.5 118.25c33.75 0 56.25 22.5 56.25 56.25l0 675c0 33.75-22.5 56.25-56.25 56.25L174.5 905.75c-33.75 0-56.25-22.5-56.25-56.25L118.25 174.5c0-33.75 22.5-56.25 56.25-56.25L849.5 118.25M849.5 62L174.5 62C112.625 62 62 112.625 62 174.5l0 675c0 61.875 50.625 112.5 112.5 112.5l675 0c61.875 0 112.5-50.625 112.5-112.5L962 174.5C962 112.625 911.375 62 849.5 62L849.5 62z" ></path></symbol><symbol id="icon-checkbox" viewBox="0 0 1024 1024"><path d="M725.75 303.875L427.625 602 298.25 455.75c-22.5-22.5-56.25-22.5-78.75 0-22.5 22.5-22.5 56.25 0 78.75l163.125 185.625C393.875 731.375 410.75 737 422 737c16.875 0 28.125-5.625 39.375-16.875l337.5-337.5c22.5-22.5 22.5-56.25 0-78.75C782 281.375 742.625 281.375 725.75 303.875z" ></path><path d="M849.5 62L174.5 62C112.625 62 62 112.625 62 174.5l0 675c0 61.875 50.625 112.5 112.5 112.5l675 0c61.875 0 112.5-50.625 112.5-112.5L962 174.5C962 112.625 911.375 62 849.5 62zM905.75 849.5c0 33.75-22.5 56.25-56.25 56.25L174.5 905.75c-33.75 0-56.25-22.5-56.25-56.25L118.25 174.5c0-33.75 22.5-56.25 56.25-56.25l675 0c33.75 0 56.25 22.5 56.25 56.25L905.75 849.5z" ></path></symbol><symbol id="icon-add" viewBox="0 0 1024 1024"><path d="M740.1 484.3L540 484l0.3-200.1c0-15.4-12.5-28-28-28-15.4 0-28 12.5-28 28L484 484l-200.2-0.3c-15.4 0-28 12.5-28 28 0 15.4 12.5 28 28 28l200.2 0.3-0.3 200.2c0 15.4 12.5 28 28 28 15.4 0 28-12.5 28-28L540 540l200.1 0.3c15.4 0 28-12.5 28-28 0-15.4-12.5-28-28-28z" ></path><path d="M512 63.9C264.5 63.9 63.9 264.5 63.9 512S264.5 960.1 512 960.1 960.1 759.5 960.1 512 759.5 63.9 512 63.9z m271.6 719.7c-35.3 35.3-76.4 63-122.1 82.3-47.3 20-97.6 30.2-149.5 30.2S409.8 886 362.5 865.9c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2 30.2-149.5c19.3-45.7 47-86.8 82.3-122.1s76.4-63 122.1-82.3c47.3-20 97.6-30.2 149.5-30.2 51.9 0 102.2 10.1 149.5 30.2 45.7 19.3 86.8 47 122.1 82.3s63 76.4 82.3 122.1c20 47.3 30.2 97.6 30.2 149.5 0 51.9-10.1 102.2-30.2 149.5-19.3 45.7-47 86.8-82.3 122.1z" ></path></symbol><symbol id="icon-delete" viewBox="0 0 1024 1024"><path d="M826.19642832 347.3l-29.6035708 560.79642833a38.79642833 38.79642833 0 0 1-38.73214336 36.73928583H266.10714248a38.79642833 38.79642833 0 0 1-38.73214248-36.73928583L197.80357168 347.3a38.79642833 38.79642833 0 0 1 77.46428584-4.08214248l27.675 524.025h418.11428496l27.64285752-524.025a38.98928584 38.98928584 0 0 1 40.82142832-36.70714336 38.79642833 38.79642833 0 0 1 36.675 40.82142832z m102.85714335-129.85714248c0 21.43928584-17.38928584 38.79642833-38.82857167 38.79642832H133.775a38.79642833 38.79642833 0 0 1 0-77.56071416H347.10714248V91.37857168c0-18.73928584 12.50357168-29.08928584 31.24285752-29.08928584h267.23571416c18.73928584 0 31.24285752 10.35 31.24285752 29.08928584V178.67857168h213.36428584c21.43928584 0 38.79642833 17.35714248 38.79642832 38.79642832zM414.99285752 178.67857168h193.95V130.14285752h-193.95V178.67857168z m16.26428496 630.38571416h0.80357168c18.73928584 0 33.58928584-18 33.13928584-36.77142832l-9.86785752-419.30357168a34.26428584 34.26428584 0 0 0-34.71428496-33.65357168 33.75 33.75 0 0 0-33.13928585 34.48928584l9.83571417 420.20357167c0.45 18.45 15.55714248 35.03571416 33.94285664 35.03571417z m159.94285752 0c18.38571416 0 33.49285752-15.58928584 33.91071416-34.07142832l9.86785752-418.725a34.13571416 34.13571416 0 0 0-33.10714335-34.9714292 33.75 33.75 0 0 0-34.74642833 33.01071416l-9.86785752 419.14285752c-0.45 18.77142832 14.4 35.61428584 33.10714336 35.61428584h0.83571416z" ></path></symbol><symbol id="icon-info" viewBox="0 0 1024 1024"><path d="M512 1024C229.229714 1024 0 794.770286 0 512 0 229.229714 229.229714 0 512 0 794.770286 0 1024 229.229714 1024 512 1024 794.770286 794.770286 1024 512 1024ZM593.188571 203.044571C586.898286 164.644571 561.225143 147.053714 526.848 152.685714 480.365714 160.256 453.485714 205.129143 460.763429 249.6 466.029714 281.929143 492.397714 303.542857 529.773714 297.435429 576.256 289.828571 600.466286 247.478857 593.188571 203.044571ZM593.956571 664.576C572.635429 692.955429 523.52 741.449143 509.366857 743.753143 502.272 744.923429 500.297143 738.998857 502.857143 729.270857L567.478857 464.530286C571.062857 448.365714 574.976 428.032 573.330286 417.901714 569.709714 395.702857 541.805714 377.417143 519.570286 381.074286 466.029714 389.814857 379.136 454.838857 335.469714 530.468571 332.909714 540.196571 343.149714 552.009143 355.620571 552.045714 369.298286 534.272 418.962286 482.56 436.114286 479.780571 441.197714 478.939429 442.185143 485.010286 440.466286 493.568L376.502857 762.368C371.712 783.872 369.664 796.672 371.492571 807.789714 373.467429 819.931429 398.299429 844.909714 424.557714 840.594286 507.428571 827.062857 586.276571 744.667429 617.106286 685.677714 617.984 672.036571 606.061714 662.601143 593.956571 664.576Z" ></path></symbol><symbol id="icon-error" viewBox="0 0 1024 1024"><path d="M512 1024a512 512 0 1 1 512-512 512 512 0 0 1-512 512zM438.857143 506.148571L264.777143 683.154286a46.811429 46.811429 0 1 0 49.737143 78.994285 46.811429 46.811429 0 0 0 14.628571-14.628571L506.148571 570.514286l177.005715 177.005714a46.08 46.08 0 1 0 63.634285-64.365714L570.514286 506.148571l176.274285-176.274285a46.811429 46.811429 0 0 0-49.737142-78.994286 44.617143 44.617143 0 0 0-13.897143 14.628571L506.148571 442.514286 329.142857 265.508571a46.811429 46.811429 0 0 0-64.365714 14.628572 49.005714 49.005714 0 0 0 0 49.005714z" ></path></symbol><symbol id="icon-warn" viewBox="0 0 1102 1024"><path d="M617.721223 39.070296l476.238403 876.385787c12.36676 22.843059 11.657837 50.412269-1.89046 72.703945a75.460865 75.460865 0 0 1-64.433181 35.839972H75.159179a75.460865 75.460865 0 0 1-64.433181-35.839972 72.625175 72.625175 0 0 1-1.89046-72.703945L485.073941 39.070296A75.382096 75.382096 0 0 1 551.397582 0.000788c27.805517 0 53.326728 14.966142 66.40241 39.069508zM601.494774 395.422022c0-40.014738-28.041825-72.467637-62.62149-72.467637-34.658435 0-62.700259 32.452898-62.70026 72.467637V667.175659c0 40.093508 28.120594 72.467637 62.70026 72.467637 34.579666 0 62.62149-32.452898 62.62149-72.467637V395.422022z m-62.62149 389.592316a63.409182 63.409182 0 0 0-62.70026 64.196873c0 35.446127 28.120594 64.196874 62.70026 64.196874 34.579666 0 62.62149-28.750747 62.62149-64.196874a63.487951 63.487951 0 0 0-62.62149-64.196873z" ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M777.856 280.192l-33.92-33.952-231.872 231.872-231.84-231.872-33.984 33.888 231.872 231.904-231.84 231.84 33.888 33.984 231.904-231.904 231.84 231.872 33.952-33.888-231.872-231.904z" ></path></symbol><symbol id="icon-set-fill" viewBox="0 0 1024 1024"><path d="M925.6 443.1h-41.4c-19 0-39.1-14.8-44.7-32.9l-23.7-57.7c-9-16.7-5.3-41.3 8-54.7l29.4-29.3c13.4-13.5 13.4-35.4 0-48.8L804.4 171c-13.4-13.4-35.3-13.4-48.8 0l-29.3 29.3c-13.4 13.4-38 17.1-54.8 8.1l-57.6-23.7C595.8 179.1 581 159 581 140V98.5c0-18.9-15.6-34.5-34.4-34.5h-68.9c-19 0-34.5 15.6-34.5 34.5v41.4c0 19-14.8 39.1-32.9 44.7l-57.7 23.7c-16.7 9-41.3 5.3-54.7-8.1l-29.4-29.3c-13.4-13.4-35.3-13.4-48.7 0l-48.7 48.7c-13.4 13.4-13.4 35.4 0 48.8l29.3 29.3c13.5 13.4 17.1 38 8.1 54.7l-23.7 57.7c-5.6 18.1-25.7 32.9-44.7 32.9H98.8c-19 0-34.5 15.5-34.5 34.5v68.9c0 19 15.5 34.5 34.5 34.5h41.3c19 0 39 14.9 44.6 32.9l23.8 57.7c8.9 16.7 5.3 41.4-8.1 54.8l-29.3 29.3c-13.3 13.4-13.3 35.3 0 48.8l48.8 48.8c13.4 13.4 35.3 13.4 48.7 0l29.4-29.3c13.3-13.4 38-17 54.6-8l57.8 23.7c18.1 5.6 32.9 25.7 32.9 44.7v41.2c0 18.9 15.5 34.5 34.5 34.5h68.9c18.9 0 34.4-15.5 34.4-34.5v-41.2c0-19 14.9-39.1 32.9-44.7l57.7-23.7c16.7-9 41.4-5.4 54.8 8l29.2 29.3c13.4 13.4 35.4 13.4 48.8 0l48.8-48.8c13.4-13.4 13.4-35.4 0-48.8l-29.4-29.3c-13.3-13.3-17-38-8-54.8l23.7-57.7c5.7-18.1 25.8-32.9 44.7-32.9h41.4c18.9 0 34.4-15.5 34.4-34.5v-69c-0.1-18.8-15.6-34.3-34.5-34.3m-241.2 68.8c0 95.2-77.1 172.3-172.3 172.3-95.2 0-172.3-77.1-172.3-172.3 0-95.1 77.1-172.3 172.3-172.3 95.2 0.1 172.3 77.2 172.3 172.3" ></path></symbol><symbol id="icon-set" viewBox="0 0 1024 1024"><path d="M836.738547 417.715637h-44.439118c-4.323469 0-8.172123-2.732228-9.526981-6.901177l-8.515954-25.335015c-1.207501-3.605108-0.228197-7.53665 2.413979-10.261715l29.756721-29.747511c23.26282-23.246447 23.26282-61.012585 0-84.268242l-43.557028-43.533492c-11.615549-11.622712-26.852578-17.398252-42.089607-17.398252s-30.5549 5.77554-42.187845 17.398252l-29.65746 29.747511a10.095939 10.095939 0 0 1-7.144724 2.961448 10.857279 10.857279 0 0 1-3.197832-0.480954l-25.350364-8.417717c-4.077875-1.362021-6.900154-5.212722-6.900154-9.543353v-44.577265c0-32.872688-26.706245-59.5687-59.57791-59.5687h-69.52854c-32.871665 0-59.57791 26.697035-59.57791 59.5687v44.421722c0 4.330632-2.724041 8.181333-6.900154 9.535167l-25.254173 8.499582c-1.043772 0.407276-2.169409 0.562818-3.214205 0.562818-2.642177 0-5.13802-1.035586-7.06286-2.961448l-29.740348-29.747511c-11.631922-11.622712-26.868951-17.398252-42.104956-17.398252-15.237029 0-30.53955 5.77554-42.186822 17.398252l-43.525306 43.533492c-23.26282 23.255657-23.26282 61.020772 0 84.268242l29.740348 29.747511c2.724041 2.725064 3.605108 6.655584 2.39863 10.342556l-8.41874 25.335015c-1.353834 4.087085-5.203512 6.901177-9.526981 6.901177h-44.503586c-32.888038 0-59.59326 26.697035-59.59326 59.5687v69.512167c0 32.879851 26.705222 59.57791 59.59326 59.57791h44.405349c4.339842 0 8.18952 2.724041 9.559727 6.891968l8.417716 25.335014c1.207501 3.605108 0.228197 7.53665-2.413979 10.260692l-29.756721 29.747511c-23.246447 23.255657-23.246447 61.013609 0 84.187401l43.557028 43.532469c11.615549 11.623735 26.852578 17.398252 42.186822 17.398252 15.302521 0 30.474059-5.774517 42.089607-17.398252l29.756721-29.747511a10.101055 10.101055 0 0 1 7.128351-2.968612c1.044796 0 2.170432 0.170892 3.214205 0.571005l25.336038 8.41874c4.094248 1.362021 6.900154 5.212722 6.900153 9.543354v44.421722c0 32.863479 26.705222 59.560514 59.577911 59.560514h69.527516c32.889061 0 59.57791-26.697035 59.57791-59.560514v-44.421722c0-4.330632 2.741437-8.181333 6.900154-9.543354l25.416879-8.41874c1.044796-0.325411 2.169409-0.480954 3.214205-0.480954 2.6432 0 5.122671 1.044796 7.04751 2.961448l29.756721 29.755698c11.630898 11.615549 26.851555 17.390066 42.186821 17.390066 15.302521 0 30.474059-5.77554 42.089607-17.390066l43.557029-43.541679c23.24747-23.173792 23.24747-61.012585 0-84.186377l-29.919427-29.903054c-2.724041-2.733251-3.686972-6.656607-2.413979-10.350742l8.41874-25.335015c1.370207-4.087085 5.220908-6.901177 9.559726-6.901177h44.421722c32.871665 0 59.57791-26.697035 59.577911-59.560514v-69.520353c0.078795-32.789801-26.708292-59.486836-59.498093-59.486836z m26.134217 129.008212c0 14.429641-11.712763 26.134217-26.134217 26.134217h-44.439118c-18.760273 0-35.351136 11.95017-41.208541 29.740348l-8.417716 25.343202c-5.285377 15.71082-1.289366 32.708959 10.506284 44.4954l29.755698 29.747511c4.878101 4.885264 7.602142 11.460006 7.602142 18.524912 0 6.972808-2.724041 13.547551-7.602142 18.515702l-43.557028 43.541679c-4.89345 4.885264-11.45182 7.610328-18.434862 7.610328s-13.556761-2.724041-18.531051-7.610328l-29.756721-29.747511c-8.172123-8.181333-19.086707-12.749372-30.702256-12.749372-4.666276 0-9.233292 0.717338-13.800308 2.251274l-25.498744 8.40953c-17.798365 5.938246-29.740348 22.537296-29.740348 41.215704v44.421722c0 14.430664-11.712763 26.13524-26.150589 26.13524h-69.52854c-14.436804 0-26.15059-11.704576-26.15059-26.13524v-44.421722c0-18.760273-11.941983-35.359322-29.740348-41.215704l-25.269523-8.40953c-4.469801-1.533936-9.136078-2.251274-13.866823-2.251274-11.550057 0-22.36538 4.494361-30.800493 12.749372l-29.740348 29.747511c-4.894474 4.885264-11.469216 7.610328-18.451234 7.610328-6.965645 0-13.540388-2.724041-18.515702-7.610328l-43.540656-43.541679c-4.89345-4.885264-7.618515-11.460006-7.618514-18.515702 0-6.982018 2.725064-13.556761 7.618514-18.442024l29.919427-29.829376c11.615549-11.704576 15.627932-28.703739 10.408047-44.421722l-8.41874-25.416879c-5.938246-17.790178-22.529109-29.740348-41.208541-29.740348h-44.503586c-14.4542 0-26.15059-11.704576-26.15059-26.134217v-69.520354c0-14.429641 11.69639-26.142403 26.15059-26.142403h44.405349c18.777669 0 35.368532-11.94096 41.224914-29.740348l8.499581-25.415856c5.13802-15.637142 1.125637-32.627095-10.571776-44.422746l-29.756721-29.739324c-4.89345-4.894474-7.618515-11.469216-7.618515-18.524912 0-6.973832 2.725064-13.548574 7.618515-18.523889l43.540655-43.533493c4.894474-4.894474 11.550057-7.618515 18.515702-7.618514 6.982018 0 13.556761 2.724041 18.451234 7.618514l29.740348 29.747512c8.18952 8.173147 19.086707 12.749372 30.735002 12.749372 4.730745 0 9.461489-0.807389 13.784958-2.251274l25.497721-8.335852c17.799388-5.930059 29.658484-22.529109 29.658483-41.208541v-44.503587c0-14.429641 11.712763-26.134217 26.15059-26.134217h69.52854c14.436804 0 26.15059 11.704576 26.15059 26.134217v44.421723c0 18.760273 11.941983 35.359322 29.740348 41.20854l25.433252 8.499581c4.405333 1.443885 9.054213 2.243087 13.704116 2.243088 11.468193 0 22.381753-4.486174 30.800494-12.741186l29.65746-29.748534c4.894474-4.885264 11.550057-7.618515 18.532075-7.618515s13.540388 2.732228 18.532075 7.618515l43.524283 43.533492c4.894474 4.894474 7.634888 11.469216 7.634888 18.524912 0 6.973832-2.740414 13.548574-7.634888 18.523889l-29.821189 29.821189c-11.712763 11.704576-15.72617 28.785603-10.425444 44.421722l8.41874 25.335015c5.938246 17.798365 22.529109 29.739325 41.22389 29.739325h44.421723c14.437827 0 26.151613 11.713786 26.151613 26.142403v69.438489h0.068561z m-350.84053-168.372755c-73.689303 0-133.674489 59.968813-133.674489 133.648906 0 73.680093 59.985186 133.657092 133.674489 133.657092 73.703629 0 133.689838-59.977 133.689838-133.657092 0-73.680093-59.986209-133.648906-133.689838-133.648906z m0 233.872538c-55.238069 0-100.230796-44.977377-100.230795-100.222609 0-55.238069 44.992727-100.222609 100.230795-100.222609 55.253418 0 100.247168 44.98454 100.247169 100.222609 0 55.244208-44.99375 100.222609-100.247169 100.222609z" ></path></symbol><symbol id="icon-chart" viewBox="0 0 1026 1024"><path d="M972.067982 946.325604H49.546624V23.804245c0-12.881128-10.913178-23.804245-23.794307-23.804245A23.784367 23.784367 0 0 0 1.948072 23.804245v945.749134c0 13.447659 10.356586 24.360837 23.804245 24.360838h946.315665c13.159424 0 23.804245-10.923117 23.804246-24.360838-0.009939-12.314597-10.644821-23.227775-23.804246-23.227775z m-532.797655-39.478273h176.380017c22.12453 0 39.756569-17.920273 39.756569-39.478272V92.960797c0-21.557999-17.632038-39.199977-39.756569-39.199977H439.270327a39.130403 39.130403 0 0 0-39.190037 39.199977v774.418201c0 21.54806 17.353742 39.468334 39.190037 39.468333z m39.199977-774.129966h97.990003V827.900725H478.470304V132.717365zM136.335213 906.847331h176.668252c21.557999 0 39.478273-17.920273 39.478273-39.478272V594.390519c0-22.12453-17.920273-39.756569-39.478273-39.756569H136.335213c-21.836295 0-39.190038 17.632038-39.190037 39.756569v272.97854c0 21.557999 17.363681 39.478273 39.190037 39.478272z m39.756569-273.256835h97.43341v194.310229h-97.43341V633.590496z m566.113659 273.256835H918.873693c21.557999 0 39.190038-17.920273 39.190038-39.478272V303.779941c0-21.557999-17.632038-39.756569-39.190038-39.756568H742.205441c-21.826356 0-39.756569 18.198569-39.756568 39.756568v563.589118c0 21.557999 17.930212 39.478273 39.756568 39.478272z m39.756569-563.589117h97.155115V827.900725h-97.155115V343.258214z" ></path></symbol><symbol id="icon-arrow-down-circle" viewBox="0 0 1024 1024"><path d="M231.91393 792.797779c71.800279 71.14434 170.937161 115.542526 280.334733 115.542526 109.39859599 0 208.534454-44.398186 280.334733-115.542526 71.222111-71.713298 115.669416-170.74273201 115.669416-280.025695l0 0c0-109.282962-44.447305-208.303186-115.669416-280.026718l0 0c-71.800279-71.704089-170.936137-116.111484-280.334733-116.111484l0 0 0 0 0 0c-109.397572 0-208.534454 44.407396-280.334733 116.111484-71.78186 71.724555-116.227118 170.743756-116.227118 280.026718l0 0 0 0C115.686812 622.055047 160.131047 721.084481 231.91393 792.797779L231.91393 792.797779zM829.043796 829.228503c-81.484849 80.8197-193.140858 130.909515-316.796156 130.909515-123.634832 0-235.888452-50.088792-316.795133-130.909515-80.906681-81.387635-131.043568-192.947454-131.043568-316.456419 0-123.50077801 50.135864-235.637742 131.043568-316.447209C276.359188 115.495966 388.613832 65.416384 512.248663 65.416384c123.65529801 0 235.310284 50.079582 316.796156 130.908492C909.950478 277.13332 960.106808 389.271306 960.106808 512.772085l0 0C960.106808 636.281049 909.950478 747.84086799 829.043796 829.228503L829.043796 829.228503zM751.551888 434.239474c4.572132 4.551666 7.408737 10.803044 7.408737 18.210757l0 0c0 3.412726-0.559748 6.828522-1.717108 9.66308-1.697665 3.415796-3.39533 6.27082-5.691629 8.547677l0 0-221.054605 200.913892c-2.856048 2.276856-5.130857 3.984754-8.565073 5.691629-2.855024 1.137916-6.250354 1.706875-9.68457 1.706875-3.413749 0-6.829546-0.568958-10.263761-1.706875-2.834558-1.706875-5.689582-3.414773-7.96643899-5.691629L272.944416 470.659965l0 0c-2.854001-2.276856-4.552689-5.131881-5.690606-8.547677-1.137916-2.83558099-2.276856-6.250354-2.276856-9.66308 0-7.407714 3.413749-13.659091 7.966439-18.210757l0 0c4.553713-4.552689 10.82351-7.407714 18.2302-7.407714 3.41477299 0 6.847965 0.559748 9.683547 1.697665 2.856048 1.157359 5.71107199 3.433192 7.987928 5.710049l203.402573 184.401824L715.092511 434.239474c2.275833-2.276856 5.131881-4.552689 7.966439-5.710049 3.43319199-1.137916 6.848988-1.69766499 10.262738-1.697665C740.15021 426.83073699 746.999199 429.685761 751.551888 434.239474L751.551888 434.239474z" ></path></symbol><symbol id="icon-arrow-down" viewBox="0 0 1024 1024"><path d="M497.888 595.712l197.28000001-205.44c10.432-8.864 25.968-7.504 34.68799999 3.024 8.736 10.528 7.36 26.24-3.072 35.08799999l-197.28 205.42400001c-10.432 8.864-25.968 7.504-34.688-3.008S487.44 604.56 497.888 595.712z" ></path><path d="M328.32 390.256l197.28 205.44c10.432 8.864 11.808 24.56 3.088 35.088-8.736 10.528-24.272 11.872-34.688 3.024l-197.28-205.44c-10.432-8.848-11.808-24.56-3.072-35.088C302.33599999 382.752 317.872 381.392 328.32 390.256z" ></path></symbol><symbol id="icon-arrow-left" viewBox="0 0 1024 1024"><path d="M428.288 497.888l205.44 197.28000001c8.864 10.432 7.504 25.968-3.024 34.68799999-10.528 8.736-26.24 7.36-35.08799999-3.072l-205.42400001-197.28c-8.864-10.432-7.504-25.968 3.008-34.688S419.44 487.44 428.288 497.888z" ></path><path d="M633.744 328.32l-205.44 197.28c-8.864 10.432-24.56 11.808-35.088 3.088-10.528-8.736-11.872-24.272-3.024-34.688l205.44-197.28c8.848-10.432 24.56-11.808 35.088-3.072C641.248 302.33599999 642.608 317.872 633.744 328.32z" ></path></symbol><symbol id="icon-arrow-up-circle" viewBox="0 0 1024 1024"><path d="M792.08607 231.202221c-71.800279-71.14434-170.937161-115.542526-280.334733-115.542526-109.39859599 0-208.534454 44.398186-280.334733 115.542526-71.222111 71.713298-115.669416 170.74273201-115.669416 280.025695l0 0c0 109.282962 44.447305 208.303186 115.669416 280.026718l0 0c71.800279 71.704089 170.936137 116.111484 280.334733 116.111484l0 0 0 0 0 0c109.397572 0 208.534454-44.407396 280.334733-116.111484 71.78186-71.724555 116.227118-170.743756 116.227118-280.026718l0 0 0 0C908.313188 401.944953 863.868953 302.915519 792.08607 231.202221L792.08607 231.202221zM194.956204 194.771497c81.484849-80.8197 193.140858-130.909515 316.796156-130.909515 123.634832 0 235.888452 50.088792 316.795133 130.909515 80.906681 81.387635 131.043568 192.947454 131.043568 316.456419 0 123.50077801-50.135864 235.637742-131.043568 316.447209C747.640812 908.504034 635.386168 958.583616 511.751337 958.583616c-123.65529801 0-235.310284-50.079582-316.796156-130.908492C114.049522 746.86668 63.893192 634.728694 63.893192 511.227915l0 0C63.893192 387.718951 114.049522 276.15913201 194.956204 194.771497L194.956204 194.771497zM272.448112 589.760526c-4.572132-4.551666-7.408737-10.803044-7.408737-18.210757l0 0c0-3.412726 0.559748-6.828522 1.717108-9.66308 1.697665-3.415796 3.39533-6.27082 5.691629-8.547677l0 0 221.054605-200.913892c2.856048-2.276856 5.130857-3.984754 8.565073-5.691629 2.855024-1.137916 6.250354-1.706875 9.68457-1.706875 3.413749 0 6.829546 0.568958 10.263761 1.706875 2.834558 1.706875 5.689582 3.414773 7.96643899 5.691629L751.055584 553.340035l0 0c2.854001 2.276856 4.552689 5.131881 5.690606 8.547677 1.137916 2.83558099 2.276856 6.250354 2.276856 9.66308 0 7.407714-3.413749 13.659091-7.966439 18.210757l0 0c-4.553713 4.552689-10.82351 7.407714-18.2302 7.407714-3.41477299 0-6.847965-0.559748-9.683547-1.697665-2.856048-1.157359-5.71107199-3.433192-7.987928-5.710049l-203.402573-184.401824L308.907489 589.760526c-2.275833 2.276856-5.131881 4.552689-7.966439 5.710049-3.43319199 1.137916-6.848988 1.69766499-10.262738 1.697665C283.84979 597.16926301 277.000801 594.314239 272.448112 589.760526L272.448112 589.760526z" ></path></symbol><symbol id="icon-arrow-left-circle" viewBox="0 0 1024 1024"><path d="M231.202221 231.91393c-71.14434 71.800279-115.542526 170.937161-115.542526 280.334733 0 109.39859599 44.398186 208.534454 115.542526 280.334733 71.713298 71.222111 170.74273201 115.669416 280.025695 115.669416l0 0c109.282962 0 208.303186-44.447305 280.026718-115.669416l0 0c71.704089-71.800279 116.111484-170.936137 116.111484-280.334733l0 0 0 0 0 0c0-109.397572-44.407396-208.534454-116.111484-280.334733-71.724555-71.78186-170.743756-116.227118-280.026718-116.227118l0 0 0 0C401.944953 115.686812 302.915519 160.131047 231.202221 231.91393L231.202221 231.91393zM194.771497 829.043796c-80.8197-81.484849-130.909515-193.140858-130.909515-316.796156 0-123.634832 50.088792-235.888452 130.909515-316.795133 81.387635-80.906681 192.947454-131.043568 316.456419-131.043568 123.50077801 0 235.637742 50.135864 316.447209 131.043568C908.504034 276.359188 958.583616 388.613832 958.583616 512.248663c0 123.65529801-50.079582 235.310284-130.908492 316.796156C746.86668 909.950478 634.728694 960.106808 511.227915 960.106808l0 0C387.718951 960.106808 276.15913201 909.950478 194.771497 829.043796L194.771497 829.043796zM589.760526 751.551888c-4.551666 4.572132-10.803044 7.408737-18.210757 7.408737l0 0c-3.412726 0-6.828522-0.559748-9.66308-1.717108-3.415796-1.697665-6.27082-3.39533-8.547677-5.691629l0 0-200.913892-221.054605c-2.276856-2.856048-3.984754-5.130857-5.691629-8.565073-1.137916-2.855024-1.706875-6.250354-1.706875-9.68457 0-3.413749 0.568958-6.829546 1.706875-10.263761 1.706875-2.834558 3.414773-5.689582 5.691629-7.96643899L553.340035 272.944416l0 0c2.276856-2.854001 5.131881-4.552689 8.547677-5.690606 2.83558099-1.137916 6.250354-2.276856 9.66308-2.276856 7.407714 0 13.659091 3.413749 18.210757 7.966439l0 0c4.552689 4.553713 7.407714 10.82351 7.407714 18.2302 0 3.41477299-0.559748 6.847965-1.697665 9.683547-1.157359 2.856048-3.433192 5.71107199-5.710049 7.987928l-184.401824 203.402573L589.760526 715.092511c2.276856 2.275833 4.552689 5.131881 5.710049 7.966439 1.137916 3.43319199 1.69766499 6.848988 1.697665 10.262738C597.16926301 740.15021 594.314239 746.999199 589.760526 751.551888L589.760526 751.551888z" ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M447.325002 129.919978c-178.868807 0-323.872319 145.003512-323.872319 323.874365s145.003512 323.874365 323.872319 323.874365c178.870854 0 323.874365-145.003512 323.874365-323.874365S626.195855 129.919978 447.325002 129.919978zM447.325002 713.712071c-143.31915 0-259.915681-116.598578-259.915681-259.917728s116.596532-259.917728 259.915681-259.917728 259.917728 116.598578 259.917728 259.917728S590.643128 713.712071 447.325002 713.712071z" ></path><path d="M891.573945 840.061734 748.236376 696.699606c-13.43601 16.625656-28.371164 31.91385-44.338834 46.099944l142.458549 142.481062c6.246261 6.246261 14.427594 9.368368 22.60995 9.368368s16.363689-3.123131 22.60995-9.368368C904.065444 872.789113 904.065444 852.553233 891.573945 840.061734z" ></path></symbol><symbol id="icon-clock" viewBox="0 0 1024 1024"><path d="M512 128C264.576 128 64 328.576 64 576s200.576 448 448 448 448-200.576 448-448S759.424 128 512 128zM512 936c-198.824 0-360-161.178-360-360 0-198.824 161.176-360 360-360 198.822 0 360 161.176 360 360C872 774.822 710.822 936 512 936zM934.784 287.174C950.826 259.122 960 226.632 960 192c0-106.04-85.96-192-192-192-61.818 0-116.802 29.222-151.92 74.596C747.964 101.832 861.286 179.794 934.784 287.174zM407.92 74.596C372.804 29.222 317.818 0 256 0 149.96 0 64 85.96 64 192c0 34.632 9.174 67.122 25.216 95.174C162.716 179.794 276.038 101.832 407.92 74.596zM448 320l64 0 0 320-64 0L448 320zM512 576l192 0 0 64-192 0L512 576z" ></path></symbol><symbol id="icon-arrow-right" viewBox="0 0 1024 1024"><path d="M595.712 526.112l-205.44-197.28c-8.864-10.432-7.504-25.968 3.024-34.688 10.528-8.736 26.24-7.36 35.088 3.072l205.424 197.28c8.864 10.432 7.504 25.968-3.008 34.688S604.56 536.56 595.712 526.112z" ></path><path d="M390.256 695.68l205.44-197.28c8.864-10.432 24.56-11.808 35.088-3.088 10.528 8.736 11.872 24.272 3.024 34.688l-205.44 197.28c-8.848 10.432-24.56 11.808-35.088 3.072C382.752 721.664 381.392 706.128 390.256 695.68z" ></path></symbol><symbol id="icon-table" viewBox="0 0 1024 1024"><path d="M63.29814 120.015398l0 783.435039 895.355061 0L958.653201 120.015398 63.29814 120.015398 63.29814 120.015398zM399.05616 623.651916 399.05616 455.773418l223.840044 0 0 167.879522L399.05616 623.652939 399.05616 623.651916zM622.896204 679.611415l0 167.881568L399.05616 847.492984 399.05616 679.611415 622.896204 679.611415 622.896204 679.611415zM622.896204 231.933373l0 167.881568L399.05616 399.814941 399.05616 231.933373 622.896204 231.933373 622.896204 231.933373zM343.09666 231.933373l0 167.881568L119.257639 399.814941 119.257639 231.933373 343.09666 231.933373 343.09666 231.933373zM119.257639 455.773418l223.840044 0 0 167.879522L119.257639 623.652939 119.257639 455.773418 119.257639 455.773418zM678.855704 455.773418l223.840044 0 0 167.879522L678.855704 623.652939 678.855704 455.773418 678.855704 455.773418zM678.855704 399.814941 678.855704 231.933373l223.840044 0 0 167.881568L678.855704 399.814941 678.855704 399.814941zM119.257639 679.611415l223.840044 0 0 167.881568L119.257639 847.492984 119.257639 679.611415 119.257639 679.611415zM678.855704 847.492984 678.855704 679.611415l223.840044 0 0 167.881568L678.855704 847.492984 678.855704 847.492984zM678.855704 847.492984" ></path></symbol><symbol id="icon-arrow-right-circle" viewBox="0 0 1024 1024"><path d="M792.797779 792.08607c71.14434-71.800279 115.542526-170.937161 115.542526-280.334733 0-109.398596-44.398186-208.534454-115.542526-280.334733-71.713298-71.222111-170.742732-115.669416-280.025695-115.669416l0 0c-109.282962 0-208.303186 44.447305-280.026718 115.669416l0 0c-71.704089 71.800279-116.111484 170.936137-116.111484 280.334733l0 0 0 0 0 0c0 109.397572 44.407396 208.534454 116.111484 280.334733 71.724555 71.78186 170.743756 116.227118 280.026718 116.227118l0 0 0 0C622.055047 908.313188 721.084481 863.868953 792.797779 792.08607L792.797779 792.08607zM829.228503 194.956204c80.8197 81.484849 130.909515 193.140858 130.909515 316.796156 0 123.634832-50.088792 235.888452-130.909515 316.795133-81.387635 80.906681-192.947454 131.043568-316.456419 131.043568-123.500778 0-235.637742-50.135864-316.447209-131.043568C115.495966 747.640812 65.416384 635.386168 65.416384 511.751337c0-123.655298 50.079582-235.310284 130.908492-316.796156C277.13332 114.049522 389.271306 63.893192 512.772085 63.893192l0 0C636.281049 63.893192 747.840868 114.049522 829.228503 194.956204L829.228503 194.956204zM434.239474 272.448112c4.551666-4.572132 10.803044-7.408737 18.210757-7.408737l0 0c3.412726 0 6.828522 0.559748 9.66308 1.717108 3.415796 1.697665 6.27082 3.39533 8.547677 5.691629l0 0 200.913892 221.054605c2.276856 2.856048 3.984754 5.130857 5.691629 8.565073 1.137916 2.855024 1.706875 6.250354 1.706875 9.68457 0 3.413749-0.568958 6.829546-1.706875 10.263761-1.706875 2.834558-3.414773 5.689582-5.691629 7.966439L470.659965 751.055584l0 0c-2.276856 2.854001-5.131881 4.552689-8.547677 5.690606-2.835581 1.137916-6.250354 2.276856-9.66308 2.276856-7.407714 0-13.659091-3.413749-18.210757-7.966439l0 0c-4.552689-4.553713-7.407714-10.82351-7.407714-18.2302 0-3.414773 0.559748-6.847965 1.697665-9.683547 1.157359-2.856048 3.433192-5.711072 5.710049-7.987928l184.401824-203.402573L434.239474 308.907489c-2.276856-2.275833-4.552689-5.131881-5.710049-7.966439-1.137916-3.433192-1.697665-6.848988-1.697665-10.262738C426.830737 283.84979 429.685761 277.000801 434.239474 272.448112L434.239474 272.448112z" ></path></symbol><symbol id="icon-help" viewBox="0 0 1024 1024"><path d="M827.833737 196.140169C743.469304 111.750153 631.311875 65.290005 511.998465 65.290005c-119.311363 0-231.512794 46.479591-315.882344 130.850164C111.749642 280.491299 65.290517 392.668171 65.290517 511.998977c0 119.335922 46.459125 231.495398 130.830721 315.859831 84.364433 84.390016 196.566888 130.850164 315.878251 130.850164 119.31341 0 231.470839-46.479591 315.840388-130.850164 84.409458-84.346013 130.869606-196.523909 130.869606-315.859831C958.70846 392.668171 912.249335 280.510742 827.833737 196.140169zM540.442284 767.464299c-7.460925 7.460925-17.929348 11.796674-28.443819 11.796674-10.511401 0-20.985964-4.335748-28.442796-11.796674-7.414877-7.460925-11.731182-17.886369-11.731182-28.398794 0-10.536984 4.316306-21.005406 11.731182-28.42233 7.456832-7.455809 17.930371-11.778254 28.442796-11.778254 10.513448 0 20.982894 4.322445 28.443819 11.778254 7.372921 7.416923 11.733229 17.886369 11.733229 28.42233C552.175513 749.57793 547.815205 760.003374 540.442284 767.464299zM591.52573 531.633153c-34.028001 27.720342-50.951439 59.438741-50.951439 95.230921l-0.352017 10.951423-0.088004 0.082888c-1.1328 15.400758-13.95585 27.484981-29.661553 27.484981-16.403598 0-29.750581-13.305027-29.750581-29.731138 0-0.89437 0.085958-1.787716 0.172939-2.681062l-0.044002-0.067538c0-34.765805 3.317559-59.96165 9.990538-75.600839 6.675026-15.591093 21.901823-33.979906 45.543266-55.136761l24.170492-21.552875c32.500205-29.228695 48.724725-58.066487 48.724725-86.529749 0-24.428366-8.724709-44.452421-26.215058-60.068074-17.495466-15.600303-39.785122-23.427572-66.74924-23.427572-69.705572 0-104.824417 39.96113-105.35142 119.897717 0 0.086981 0.042979 0.155543 0.042979 0.218988 0 0.112564-0.042979 0.243547-0.042979 0.352017l0 1.196245-0.044002 0c-0.780783 16.908088-14.740726 30.40959-31.884175 30.40959-17.144472 0-31.104415-13.500479-31.890314-30.40959L347.057879 432.252725c0-53.896514 15.440667-96.449679 46.328142-127.684054 30.794353-31.280424 72.850192-46.87561 125.985366-46.87561 46.89403 0 84.848457 12.978593 113.902166 38.934754 29.140691 25.932626 43.666522 59.697637 43.666522 101.248985C676.940075 440.437128 648.498302 485.060441 591.52573 531.633153z" ></path></symbol><symbol id="icon-mark" viewBox="0 0 1024 1024"><path d="M677.720857 371.147018c0-91.64321-74.28589-165.928077-165.928077-165.928077s-165.928077 74.28589-165.928077 165.928077S420.149571 537.075095 511.79278 537.075095 677.720857 462.789205 677.720857 371.147018zM382.737496 371.147018c0-71.26202 57.776891-129.055285 129.055285-129.055285 71.279417 0 129.055285 57.794287 129.055285 129.055285 0 71.278393-57.775868 129.055285-129.055285 129.055285C440.513364 500.202303 382.737496 442.425412 382.737496 371.147018zM806.776142 371.147018c0-162.903184-132.061758-294.984385-294.984385-294.984385S216.808396 208.242811 216.808396 371.147018s294.984385 516.222161 294.984385 516.222161S806.776142 534.050202 806.776142 371.147018zM511.79278 113.035426c142.540414 0 258.110569 115.552759 258.110569 258.111592 0 142.558833-258.110569 460.912461-258.110569 460.912461S253.681188 513.704828 253.681188 371.147018C253.681188 228.588185 369.251344 113.035426 511.79278 113.035426zM642.187573 769.187547c-8.074909 11.081383-15.950274 21.710464-23.52274 31.794124 78.722946 9.06854 132.801609 27.838022 132.801609 49.513694 0 30.53648-107.304911 55.3097-239.674685 55.3097-132.36875 0-239.674685-24.77322-239.674685-55.3097 0-21.675672 54.079686-40.444131 132.802632-49.513694-7.572466-10.083659-15.448854-20.712741-23.52274-31.794124-86.981027 15.531741-146.152684 46.113247-146.152684 81.307817 0 50.916647 123.81698 92.182492 276.5485 92.182492s276.547477-41.265846 276.547477-92.182492C788.340257 815.300794 729.1686 784.719288 642.187573 769.187547z" ></path></symbol><symbol id="icon-money" viewBox="0 0 1024 1024"><path d="M700.416 278.528c-8.192-8.192-20.48-8.192-28.672 0l-159.744 159.744L352.256 278.528c-8.192-8.192-20.48-8.192-28.672 0s-8.192 20.48 0 28.672l139.264 139.264L335.872 446.464c-12.288 0-20.48 8.192-20.48 20.48s8.192 20.48 20.48 20.48L491.52 487.424l0 106.496L335.872 593.92c-12.288 0-20.48 8.192-20.48 20.48s8.192 20.48 20.48 20.48L491.52 634.88l0 192.512c0 12.288 8.192 20.48 20.48 20.48s20.48-8.192 20.48-20.48l0-192.512 155.648 0c12.288 0 20.48-8.192 20.48-20.48s-8.192-20.48-20.48-20.48L532.48 593.92l0-106.496 155.648 0c12.288 0 20.48-8.192 20.48-20.48s-8.192-20.48-20.48-20.48l-126.976 0 139.264-139.264C708.608 299.008 708.608 286.72 700.416 278.528z" ></path><path d="M512 86.016C278.528 86.016 86.016 278.528 86.016 512s188.416 425.984 425.984 425.984c233.472 0 425.984-188.416 425.984-425.984S745.472 86.016 512 86.016zM512 897.024c-212.992 0-385.024-172.032-385.024-385.024s172.032-385.024 385.024-385.024c212.992 0 385.024 172.032 385.024 385.024S724.992 897.024 512 897.024z" ></path></symbol><symbol id="icon-analyse" viewBox="0 0 1024 1024"><path d="M819.2 864 819.2 403.2 691.2 460.8 691.2 864 595.2 864 595.2 492.8 505.6 537.6 467.2 499.2 467.2 864 396.8 864 396.8 448 268.8 518.4 268.8 864 160 864 160 128 128 128 128 864 128 896 160 896 896 896 896 864Z" ></path><path d="M435.2 364.8 512 499.2 544 480 544 480 793.6 332.8 844.8 416 883.2 256 723.2 217.6 774.4 300.8 524.8 448 448 313.6 448 313.6 448 313.6 192 467.2 211.2 499.2Z" ></path></symbol><symbol id="icon-dealt" viewBox="0 0 1024 1024"><path d="M372.674303 617.841583 208.583061 617.841583l0 55.112202 158.683069 0C367.966071 654.182256 369.801882 635.789351 372.674303 617.841583L372.674303 617.841583z" ></path><path d="M208.583061 403.864164l353.807095 0c29.618575-13.797237 61.45363-22.044062 94.675266-23.715121l0-31.399127L208.583061 348.749916 208.583061 403.864164 208.583061 403.864164z" ></path><path d="M158.507572 769.490445c-20.847817 0-29.540803-8.698103-29.540803-29.526477l0-593.077573c0-20.828374 8.694009-29.52443 29.540803-29.52443l548.628222 0c20.826328 0 29.54592 8.696056 29.54592 29.52443l0 237.22489c23.485901 4.300956 33.708729 11.326976 54.92596 20.72502L791.607674 107.216907c0-24.76708-20.083407-44.847417-44.847417-44.847417L118.888226 62.369489c-24.769127 0-44.852534 20.081361-44.852534 44.847417l0 672.728658c0 24.758893 20.083407 44.847417 44.852534 44.847417l283.845697 0c-11.346419-21.157879-20.263509-31.520901-26.356274-55.302537L178.973696 769.490445 158.507572 769.490445z" ></path><path d="M208.583061 214.205617l448.481338 0 0 55.113225-448.481338 0 0-55.113225Z" ></path><path d="M679.400103 420.235017c-148.146085 0-268.25358 120.091122-268.25358 268.258697 0 148.144038 120.112612 268.257673 268.25358 268.257673 148.164504 0 268.25665-120.114658 268.25665-268.257673C947.656753 540.326139 827.564607 420.235017 679.400103 420.235017zM679.87901 905.252479C560.885895 905.252479 464.4311 808.801776 464.4311 689.810708c0-118.999255 96.455819-215.45712 215.44791-215.45712 119.001301 0 215.452004 96.457866 215.452004 215.45712C895.32999 808.801776 798.875195 905.252479 679.87901 905.252479z" ></path><path d="M208.583061 483.293191l0 55.113225 197.292412 0c8.973372-19.528775 19.332301-37.97387 30.9325-55.113225L208.583061 483.293191z" ></path><path d="M681.543929 714.512297 681.543929 589.929884 627.394658 589.929884 627.394658 769.682827 807.143509 769.682827 807.143509 714.512297Z" ></path></symbol><symbol id="icon-change" viewBox="0 0 1024 1024"><path d="M920.865573 637.722376H102.113167c-2.795673 0-5.514597 0.320295-8.133237 0.911766a36.95875 36.95875 0 0 0-18.426675 10.094916c-12.353352 12.419867-14.18814 31.399127-5.52176 45.776579a37.767162 37.767162 0 0 0 8.416693 9.992585l172.344207 173.278485c14.516622 14.59337 38.053688 14.59337 52.572356 0 14.516622-14.598486 14.516622-38.262442 0-52.856835L192.145693 713.098087h728.718857c20.554128 0 37.217646-16.873296 37.217646-37.685297 0-20.820188-16.662495-37.690414-37.216623-37.690414zM102.113167 386.467959h818.752406a36.920888 36.920888 0 0 0 7.80271-0.836041 36.917818 36.917818 0 0 0 19.774369-10.360976c14.517645-14.59644 14.517645-38.262442 0-52.855811L773.199419 146.225339c-14.515598-14.595416-38.054711-14.595416-52.571333 0-14.515598 14.594393-14.515598 38.261419 0 52.856835l111.408369 112.010073H102.113167c-20.554128 0-37.2156 16.873296-37.2156 37.689391 0 20.814048 16.660448 37.686321 37.2156 37.686321z" ></path></symbol><symbol id="icon-bell" viewBox="0 0 1024 1024"><path d="M861.40397037 717.4674963c8.49540741-0.24272592 16.99081482 1.45635555 25.12213333 6.79632592-29.4912-18.93262222-48.90927408-51.94334815-48.90927407-89.68722963V424.01185185c0-154.25232592-111.53256297-283.01842963-260.56628148-314.69416296V101.79318518c0-39.3216-31.7970963-70.99733333-70.99733333-70.99733333s-70.99733333 31.7970963-70.99733334 70.99733333v7.52450371c-149.03371852 31.67573333-260.56628148 160.32047408-260.56628148 314.69416296V634.57659259c0 37.74388148-19.53943703 70.75460741-48.90927408 89.68722963 8.25268148-5.33997037 16.62672592-7.16041482 25.12213333-6.79632592-26.09303703 0.12136297-47.21019259 21.11715555-47.21019258 47.33155555s21.11715555 47.33155555 47.33155555 47.33155556h710.33742223c26.2144 0 47.33155555-21.11715555 47.33155555-47.33155556 0.12136297-25.97167408-20.99579259-47.21019259-47.08882963-47.33155555zM506.17457778 978.03377778c65.41463703 0 118.45025185-53.03561482 118.45025185-118.45025186H387.72432592c0 65.41463703 52.91425185 118.45025185 118.45025186 118.45025186z" ></path></symbol><symbol id="icon-time" viewBox="0 0 1024 1024"><path d="M508.8 992C246.4 992 32 777.6 32 512S246.4 32 508.8 32s476.8 214.4 476.8 480c3.2 265.6-211.2 480-476.8 480z m0-896C281.6 96 96 281.6 96 512s185.6 416 412.8 416c227.2 0 412.8-185.6 412.8-416 3.2-230.4-182.4-416-412.8-416z" fill="#212121" ></path><path d="M704 576h-224c-19.2 0-32-12.8-32-32v-224c0-19.2 12.8-32 32-32s32 12.8 32 32v192h192c19.2 0 32 12.8 32 32s-12.8 32-32 32z" fill="#212121" ></path></symbol><symbol id="icon-skin" viewBox="0 0 1024 1024"><path d="M511.57333333 85.86666667c-311.25333333 0-426.34666667 272-426.34666666 424.53333333s110.72 427.30666667 417.38666666 427.30666667c0 0 76.16 1.38666667 76.16-67.41333334 0-68.69333333-34.24-46.72-34.24-96.10666666 0-49.49333333 34.24-71.46666667 50.66666667-71.46666667 16.42666667 0 124.8 8.21333333 185.17333333-15.25333333 60.26666667-23.14666667 157.54666667-97.38666667 157.54666667-223.78666667 0-111.25333333-115.09333333-377.81333333-426.34666667-377.81333333zM251.62666667 511.89333333c-19.62666667 0-38.50666667-7.78666667-52.48-21.76-13.86666667-13.97333333-21.65333333-32.85333333-21.65333334-52.48-0.74666667-26.98666667 13.12-52.16 36.37333334-65.92 23.25333333-13.76 52.05333333-13.76 75.30666666 0 23.25333333 13.76 37.12 38.93333333 36.37333334 65.92 0.21333333 40.85333333-32.96 74.13333333-73.92 74.24z m139.62666666-183.68c-19.62666667 0-38.50666667-7.78666667-52.37333333-21.76-13.86666667-13.86666667-21.65333333-32.74666667-21.65333333-52.48 0-40.85333333 33.17333333-74.02666667 74.02666666-74.02666666 40.85333333 0 74.02666667 33.17333333 74.02666667 74.02666666 0.10666667 41.06666667-33.06666667 74.24-74.02666667 74.24z m237.44 0c-40.85333333 0-74.02666667-33.17333333-74.02666666-74.24-0.74666667-26.98666667 13.12-52.16 36.37333333-65.92a74.34666667 74.34666667 0 0 1 75.30666667 0c23.25333333 13.76 37.12 38.93333333 36.37333333 65.92 0.10666667 41.06666667-33.06666667 74.24-74.02666667 74.24z m141.01333334 183.68c-40.85333333 0-74.02666667-33.17333333-74.02666667-74.24-0.74666667-26.98666667 13.12-52.16 36.37333333-65.92 23.25333333-13.76 52.05333333-13.76 75.30666667 0 23.25333333 13.76 37.12 38.93333333 36.37333333 65.92 0.10666667 19.62666667-7.68 38.50666667-21.54666666 52.48-13.97333333 13.86666667-32.74666667 21.76-52.48 21.76z m0 0" ></path></symbol><symbol id="icon-mail" viewBox="0 0 1024 1024"><path d="M1021.407 146.857L512.645 574.783 3.909 146.857zM0.007 183.402L339.886 471.24 0.007 876.743z" ></path><path d="M39.354 877.144L363.529 494.4 512.54 616.772l149.274-126.179 324.157 386.551zM1023.993 876.743L684.122 471.24l339.871-287.838z" ></path></symbol><symbol id="icon-email" viewBox="0 0 1024 1024"><path d="M1024.00144 220.64v574.32c0 5.76-0.736 11.456-1.824 17.072v0.064l-0.224 0.944A84.336 84.336 0 0 1 939.29744 880H101.08944a102.72 102.72 0 0 1-82.512-40.832 95.904 95.904 0 0 1-18.56-57.248V236.256a74.08 74.08 0 0 1 52.064-70.784l0.736-0.208 0.208-0.08A127.648 127.648 0 0 1 89.66544 160h883.424c1.328 0.512 2.64 1.232 4.032 1.44 25.52 4.32 40.592 19.152 45.344 44.496v0.08c0.88 4.816 1.536 9.712 1.536 14.608zM512.00144 591.232l451.152-379.472c-66.272-3.888-888.48-1.728-897.84 2.368L512.00144 591.2v0.064z m133.856-45.152l-114.112 96.144c-13.76 11.52-25.6 11.664-39.2 0.208l-48.272-40.752-63.84-53.936L81.02544 825.28l1.024 2.304h873.328L645.79344 546.08h0.064z m-304.864-31.68L51.79344 270.032v512.48l289.28-268.096h-0.08z m344.352-1.648l287.088 260.96V270.944L685.34544 512.768z" ></path></symbol><symbol id="icon-meeting" viewBox="0 0 1059 1024"><path d="M434.093791 101.281952m-101.281953 0a101.281952 101.281952 0 1 0 202.563905 0 101.281952 101.281952 0 1 0-202.563905 0Z" fill="#2c2c2c" ></path><path d="M434.093791 174.941554a172.310854 172.310854 0 0 1 172.310854 172.310854V460.372511H263.098286V347.252408a172.310854 172.310854 0 0 1 170.995505-172.310854z" fill="#2c2c2c" ></path><path d="M822.12205 101.281952m-101.281952 0a101.281952 101.281952 0 1 0 202.563905 0 101.281952 101.281952 0 1 0-202.563905 0Z" fill="#2c2c2c" ></path><path d="M822.12205 174.941554a172.310854 172.310854 0 0 1 172.310854 172.310854V460.372511H649.811196V347.252408a172.310854 172.310854 0 0 1 172.310854-172.310854z" fill="#2c2c2c" ></path><path d="M434.093791 632.683365m-101.281953 0a101.281952 101.281952 0 1 0 202.563905 0 101.281952 101.281952 0 1 0-202.563905 0Z" fill="#2c2c2c" ></path><path d="M434.093791 706.342967a172.310854 172.310854 0 0 1 172.310854 172.310854v112.462428H263.098286v-112.462428a172.310854 172.310854 0 0 1 170.995505-172.310854z" fill="#2c2c2c" ></path><path d="M822.12205 632.683365m-101.281952 0a101.281952 101.281952 0 1 0 202.563905 0 101.281952 101.281952 0 1 0-202.563905 0Z" fill="#2c2c2c" ></path><path d="M822.12205 706.342967a172.310854 172.310854 0 0 1 172.310854 172.310854v112.462428H649.811196v-112.462428a172.310854 172.310854 0 0 1 172.310854-172.310854z" fill="#2c2c2c" ></path><path d="M1026.65898 958.232498H282.828537a226.240206 226.240206 0 0 1 0-451.822736h743.830443a32.226076 32.226076 0 0 0 31.568401-32.88375 31.568401 31.568401 0 0 0-31.568401-32.883751H282.828537A287.403982 287.403982 0 0 0 0.02828 731.992293a288.061657 288.061657 0 0 0 282.800257 292.007707h743.830443a32.883751 32.883751 0 0 0 0-65.767502z" fill="#2c2c2c" ></path></symbol><symbol id="icon-today" viewBox="0 0 1024 1024"><path d="M197.667 361c2.11 0 7.389-2.111 15.833-6.333 78.112-35.89 155.166-85.5 231.167-148.834 2.11-2.11 5.277-4.222 9.5-6.333 42.222-40.111 77.055-53.833 104.5-41.167 6.333 4.223 25.333 19 57 44.334 54.889 46.444 138.277 100.277 250.166 161.5 29.556 16.889 38 38 25.334 63.333-12.667 33.778-47.5 34.833-104.5 3.167-73.89-35.89-150.944-89.722-231.167-161.5-12.667-8.445-28.5-6.334-47.5 6.333l-3.167 3.167c-82.333 71.778-167.833 125.61-256.5 161.5-35.889 14.778-61.222 11.61-76-9.5C157.555 403.222 166 380 197.667 361z m47.5 174.167h525.666c59.112 0 86.556 22.166 82.334 66.5-63.334 183.667-240.666 281.833-532 294.5-38-2.111-57-19-57-50.667 4.222-23.222 26.388-36.944 66.5-41.167 192.112-8.444 324.055-60.166 395.833-155.166 10.556-16.89 9.5-26.39-3.167-28.5H245.167c-27.445 0-42.223-13.722-44.334-41.167 2.111-27.445 16.89-42.222 44.334-44.333zM546 500.333c-14.778-12.666-40.11-45.388-76-98.166-19-23.223-15.833-43.278 9.5-60.167 25.333-14.778 49.611-11.611 72.833 9.5 33.778 33.778 60.167 69.666 79.167 107.667 6.333 27.444-2.111 47.5-25.333 60.166-25.334 10.556-45.39 4.223-60.167-19z" ></path></symbol><symbol id="icon-user" viewBox="0 0 1024 1024"><path d="M512 486.10923498A220.07150577 220.07150577 0 1 1 512 45.96622222a220.07150577 220.07150577 0 0 1 0 440.14301276zM45.96622222 926.25224651v-25.89076503a362.47071645 362.47071645 0 0 1 362.47071646-362.47071646h207.12612264a362.47071645 362.47071645 0 0 1 362.47071646 362.47071646v25.89076503a51.78153127 51.78153127 0 0 1-51.78153127 51.78153127H97.74775349a51.78153127 51.78153127 0 0 1-51.78153127-51.78153127z" ></path></symbol><symbol id="icon-listadd" viewBox="0 0 1024 1024"><path d="M775.7 188c15.9 0 30.9 6.3 42.3 17.7 11.4 11.4 17.7 26.4 17.7 42.3v527.6c0 15.9-6.3 30.9-17.7 42.3s-26.4 17.7-42.3 17.7H248c-15.9 0-30.9-6.3-42.3-17.7-11.4-11.4-17.7-26.4-17.7-42.3V248c0-15.9 6.3-30.9 17.7-42.3 11.4-11.4 26.4-17.7 42.3-17.7h527.7m0-60H248c-66 0-120 54-120 120v527.6c0 66 54 120 120 120h527.6c66 0 120-54 120-120V248c0.1-66-53.9-120-119.9-120z" ></path><path d="M542.6 480.9l0.9-151.6c0.1-17.2-13.9-31.3-31.2-31.5-8.4 0-16.2 3.2-22.2 9.1l-0.1 0.1c-5.9 5.9-9.1 13.7-9.2 22l-0.8 151.7-150.5-0.2c-17.2 0-31.3 14-31.4 31.2-0.1 17.2 13.9 31.3 31.3 31.4l150.3 0.2-0.7 150.6c-0.1 17.3 13.9 31.4 31.1 31.5 8.4 0.1 16.4-3.2 22.4-9.2 5.8-5.8 9.1-13.6 9.2-22l0.8-150.7 153.1 0.2c8.4 0 16.3-3.3 22.2-9.2 5.9-5.9 9.1-13.7 9.2-22.1 0.1-17.2-13.9-31.3-31.3-31.4l-153.1-0.1z" ></path></symbol><symbol id="icon-sun" viewBox="0 0 1024 1024"><path d="M512 246.518519c-147.949037 0-265.481481 117.532444-265.481481 265.481481 0 147.930074 117.532444 265.481481 265.481481 265.481481s265.481481-117.551407 265.481481-265.481481c0-147.949037-117.532444-265.481481-265.481481-265.481481z m0 455.111111c-105.509926 0-189.62963-84.119704-189.62963-189.62963s84.119704-189.62963 189.62963-189.62963 189.62963 84.119704 189.62963 189.62963-84.119704 189.62963-189.62963 189.62963zM283.591111 229.091556L170.799407 116.299852 116.698074 170.420148l112.772741 112.772741 54.120296-54.101333zM905.860741 170.401185l-54.101334-54.101333-112.791703 112.772741 54.120296 54.120296 112.772741-112.791704zM549.925926 0h-75.851852v170.666667h75.851852V0zM170.666667 474.074074H0v75.851852h170.666667v-75.851852zM116.698074 851.361185l54.101333 54.120296 112.791704-112.791703-54.120296-54.101334-112.772741 112.772741zM853.333333 474.074074v75.851852h170.666667v-75.851852h-170.666667z m-114.365629 318.615704l112.791703 112.772741 54.101334-54.101334-112.772741-112.772741-54.120296 54.101334zM474.074074 1024h75.851852v-170.666667h-75.851852v170.666667z" ></path></symbol></svg>',s=(l=document.getElementsByTagName("script"))[l.length-1].getAttribute("data-injectcss");if(s&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}function m(){i\|\|(i=!0,t())}a=function(){var c,l,a,h,t,o=document.createElement("div");o.innerHTML=d,d=null,(c=o.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",l=c,(a=document.body).firstChild?(h=l,(t=a.firstChild).parentNode.insertBefore(h,t)):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),a()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(t=a,o=c.document,i=!1,(e=function(){try{o.documentElement.doScroll("left")}catch(c){return void setTimeout(e,50)}m()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,m())})}(window);

Ignore Space Show notes View

admin/assets/iconfonts/iconfont.js 0 → 100644

Ignore Space Show notes View admin/assets/iconfonts/iconfont.json 0 → 100644
{ "id": "1417123", "name": "zhc-portal", "font_family": "iconfont", "css_prefix_text": "icon-", "description": "", "glyphs": [ { "icon_id": "5387606", "name": "全屏", "font_class": "quanping", "unicode": "eb11", "unicode_decimal": 60177 }, { "icon_id": "6691134", "name": "权限", "font_class": "quanxian", "unicode": "e63f", "unicode_decimal": 58943 }, { "icon_id": "4736385", "name": "关闭其它", "font_class": "closeOther", "unicode": "e631", "unicode_decimal": 58929 }, { "icon_id": "6395682", "name": "关闭", "font_class": "close-circle", "unicode": "e629", "unicode_decimal": 58921 }, { "icon_id": "10296880", "name": "关闭所有", "font_class": "closeAll", "unicode": "e60f", "unicode_decimal": 58895 }, { "icon_id": "879513", "name": "刷新", "font_class": "refresh", "unicode": "e619", "unicode_decimal": 58905 }, { "icon_id": "2576777", "name": "tree", "font_class": "tree", "unicode": "e6e8", "unicode_decimal": 59112 }, { "icon_id": "80224", "name": "退出", "font_class": "tuichu", "unicode": "e627", "unicode_decimal": 58919 }, { "icon_id": "9031766", "name": "sort16", "font_class": "moveSort2", "unicode": "e630", "unicode_decimal": 58928 }, { "icon_id": "10367835", "name": "sort", "font_class": "moveSort1", "unicode": "e93c", "unicode_decimal": 59708 }, { "icon_id": "11351033", "name": "-sort-2", "font_class": "moveSort", "unicode": "e73d", "unicode_decimal": 59197 }, { "icon_id": "777689", "name": "edit", "font_class": "edit", "unicode": "e62f", "unicode_decimal": 58927 }, { "icon_id": "8551103", "name": "arrows down", "font_class": "arrow-leftMore-circle", "unicode": "e623", "unicode_decimal": 58915 }, { "icon_id": "11266666", "name": "arrows down", "font_class": "arrow-rightMore-circle", "unicode": "e6fc", "unicode_decimal": 59132 }, { "icon_id": "519157", "name": "check-box-empty", "font_class": "checkbox-empty", "unicode": "e625", "unicode_decimal": 58917 }, { "icon_id": "519158", "name": "check-box", "font_class": "checkbox", "unicode": "e626", "unicode_decimal": 58918 }, { "icon_id": "8660113", "name": "add", "font_class": "add", "unicode": "e6ee", "unicode_decimal": 59118 }, { "icon_id": "6878719", "name": "delete", "font_class": "delete", "unicode": "e698", "unicode_decimal": 59032 }, { "icon_id": "1005342", "name": "info", "font_class": "info", "unicode": "e60a", "unicode_decimal": 58890 }, { "icon_id": "5279795", "name": "error", "font_class": "error", "unicode": "e620", "unicode_decimal": 58912 }, { "icon_id": "7597274", "name": "warn", "font_class": "warn", "unicode": "e601", "unicode_decimal": 58881 }, { "icon_id": "9788470", "name": "close", "font_class": "close", "unicode": "e607", "unicode_decimal": 58887 }, { "icon_id": "1802993", "name": "set", "font_class": "set-fill", "unicode": "e61e", "unicode_decimal": 58910 }, { "icon_id": "1380012", "name": "设置", "font_class": "set", "unicode": "e61d", "unicode_decimal": 58909 }, { "icon_id": "5140499", "name": "图表", "font_class": "chart", "unicode": "e632", "unicode_decimal": 58930 }, { "icon_id": "11198155", "name": "cc-arrow-right-circle", "font_class": "arrow-down-circle", "unicode": "e6f8", "unicode_decimal": 59128 }, { "icon_id": "10900908", "name": "arrow", "font_class": "arrow-down", "unicode": "e6f6", "unicode_decimal": 59126 }, { "icon_id": "11032339", "name": "arrow", "font_class": "arrow-left", "unicode": "e6f7", "unicode_decimal": 59127 }, { "icon_id": "11198224", "name": "cc-arrow-right-circle", "font_class": "arrow-up-circle", "unicode": "e6fa", "unicode_decimal": 59130 }, { "icon_id": "11198225", "name": "cc-arrow-right-circle", "font_class": "arrow-left-circle", "unicode": "e6fb", "unicode_decimal": 59131 }, { "icon_id": "58331", "name": "search", "font_class": "search", "unicode": "e621", "unicode_decimal": 58913 }, { "icon_id": "88038", "name": "clock", "font_class": "clock", "unicode": "e600", "unicode_decimal": 58880 }, { "icon_id": "144131", "name": "arrow", "font_class": "arrow-right", "unicode": "e636", "unicode_decimal": 58934 }, { "icon_id": "247436", "name": "table", "font_class": "table", "unicode": "e699", "unicode_decimal": 59033 }, { "icon_id": "372107", "name": "cc-arrow-right-circle", "font_class": "arrow-right-circle", "unicode": "e60d", "unicode_decimal": 58893 }, { "icon_id": "585102", "name": "help", "font_class": "help", "unicode": "e65d", "unicode_decimal": 58973 }, { "icon_id": "1045524", "name": "yxx_mark", "font_class": "mark", "unicode": "e63d", "unicode_decimal": 58941 }, { "icon_id": "1092161", "name": "钱", "font_class": "money", "unicode": "e640", "unicode_decimal": 58944 }, { "icon_id": "1104404", "name": "报表2", "font_class": "analyse", "unicode": "e6d2", "unicode_decimal": 59090 }, { "icon_id": "1237019", "name": "待办", "font_class": "dealt", "unicode": "e64a", "unicode_decimal": 58954 }, { "icon_id": "1327132", "name": "切换", "font_class": "change", "unicode": "e60e", "unicode_decimal": 58894 }, { "icon_id": "3405405", "name": "消息", "font_class": "bell", "unicode": "e6eb", "unicode_decimal": 59115 }, { "icon_id": "4111563", "name": "time", "font_class": "time", "unicode": "e64d", "unicode_decimal": 58957 }, { "icon_id": "5321791", "name": "画板主题", "font_class": "skin", "unicode": "e664", "unicode_decimal": 58980 }, { "icon_id": "5354204", "name": "邮箱", "font_class": "mail", "unicode": "e6af", "unicode_decimal": 59055 }, { "icon_id": "6050679", "name": "email", "font_class": "email", "unicode": "e628", "unicode_decimal": 58920 }, { "icon_id": "6427820", "name": "会议管理", "font_class": "meeting", "unicode": "e612", "unicode_decimal": 58898 }, { "icon_id": "6447175", "name": "今日收入", "font_class": "today", "unicode": "e645", "unicode_decimal": 58949 }, { "icon_id": "7876854", "name": "user", "font_class": "user", "unicode": "e606", "unicode_decimal": 58886 }, { "icon_id": "9102193", "name": "add", "font_class": "listadd", "unicode": "e654", "unicode_decimal": 58964 }, { "icon_id": "10104436", "name": "sun", "font_class": "sun", "unicode": "e6f5", "unicode_decimal": 59125 } ] }

Ignore Space Show notes View

admin/assets/iconfonts/iconfont.json 0 → 100644

{
  "id": "1417123",
  "name": "zhc-portal",
  "font_family": "iconfont",
  "css_prefix_text": "icon-",
  "description": "",
  "glyphs": [
    {
      "icon_id": "5387606",
      "name": "全屏",
      "font_class": "quanping",
      "unicode": "eb11",
      "unicode_decimal": 60177
    },
    {
      "icon_id": "6691134",
      "name": "权限",
      "font_class": "quanxian",
      "unicode": "e63f",
      "unicode_decimal": 58943
    },
    {
      "icon_id": "4736385",
      "name": "关闭其它",
      "font_class": "closeOther",
      "unicode": "e631",
      "unicode_decimal": 58929
    },
    {
      "icon_id": "6395682",
      "name": "关  闭",
      "font_class": "close-circle",
      "unicode": "e629",
      "unicode_decimal": 58921
    },
    {
      "icon_id": "10296880",
      "name": "关闭所有",
      "font_class": "closeAll",
      "unicode": "e60f",
      "unicode_decimal": 58895
    },
    {
      "icon_id": "879513",
      "name": "刷新",
      "font_class": "refresh",
      "unicode": "e619",
      "unicode_decimal": 58905
    },
    {
      "icon_id": "2576777",
      "name": "tree",
      "font_class": "tree",
      "unicode": "e6e8",
      "unicode_decimal": 59112
    },
    {
      "icon_id": "80224",
      "name": "退出",
      "font_class": "tuichu",
      "unicode": "e627",
      "unicode_decimal": 58919
    },
    {
      "icon_id": "9031766",
      "name": "sort16",
      "font_class": "moveSort2",
      "unicode": "e630",
      "unicode_decimal": 58928
    },
    {
      "icon_id": "10367835",
      "name": "sort",
      "font_class": "moveSort1",
      "unicode": "e93c",
      "unicode_decimal": 59708
    },
    {
      "icon_id": "11351033",
      "name": "-sort-2",
      "font_class": "moveSort",
      "unicode": "e73d",
      "unicode_decimal": 59197
    },
    {
      "icon_id": "777689",
      "name": "edit",
      "font_class": "edit",
      "unicode": "e62f",
      "unicode_decimal": 58927
    },
    {
      "icon_id": "8551103",
      "name": "arrows down",
      "font_class": "arrow-leftMore-circle",
      "unicode": "e623",
      "unicode_decimal": 58915
    },
    {
      "icon_id": "11266666",
      "name": "arrows down",
      "font_class": "arrow-rightMore-circle",
      "unicode": "e6fc",
      "unicode_decimal": 59132
    },
    {
      "icon_id": "519157",
      "name": "check-box-empty",
      "font_class": "checkbox-empty",
      "unicode": "e625",
      "unicode_decimal": 58917
    },
    {
      "icon_id": "519158",
      "name": "check-box",
      "font_class": "checkbox",
      "unicode": "e626",
      "unicode_decimal": 58918
    },
    {
      "icon_id": "8660113",
      "name": "add",
      "font_class": "add",
      "unicode": "e6ee",
      "unicode_decimal": 59118
    },
    {
      "icon_id": "6878719",
      "name": "delete",
      "font_class": "delete",
      "unicode": "e698",
      "unicode_decimal": 59032
    },
    {
      "icon_id": "1005342",
      "name": "info",
      "font_class": "info",
      "unicode": "e60a",
      "unicode_decimal": 58890
    },
    {
      "icon_id": "5279795",
      "name": "error",
      "font_class": "error",
      "unicode": "e620",
      "unicode_decimal": 58912
    },
    {
      "icon_id": "7597274",
      "name": "warn",
      "font_class": "warn",
      "unicode": "e601",
      "unicode_decimal": 58881
    },
    {
      "icon_id": "9788470",
      "name": "close",
      "font_class": "close",
      "unicode": "e607",
      "unicode_decimal": 58887
    },
    {
      "icon_id": "1802993",
      "name": "set",
      "font_class": "set-fill",
      "unicode": "e61e",
      "unicode_decimal": 58910
    },
    {
      "icon_id": "1380012",
      "name": "设置",
      "font_class": "set",
      "unicode": "e61d",
      "unicode_decimal": 58909
    },
    {
      "icon_id": "5140499",
      "name": "图表",
      "font_class": "chart",
      "unicode": "e632",
      "unicode_decimal": 58930
    },
    {
      "icon_id": "11198155",
      "name": "cc-arrow-right-circle",
      "font_class": "arrow-down-circle",
      "unicode": "e6f8",
      "unicode_decimal": 59128
    },
    {
      "icon_id": "10900908",
      "name": "arrow",
      "font_class": "arrow-down",
      "unicode": "e6f6",
      "unicode_decimal": 59126
    },
    {
      "icon_id": "11032339",
      "name": "arrow",
      "font_class": "arrow-left",
      "unicode": "e6f7",
      "unicode_decimal": 59127
    },
    {
      "icon_id": "11198224",
      "name": "cc-arrow-right-circle",
      "font_class": "arrow-up-circle",
      "unicode": "e6fa",
      "unicode_decimal": 59130
    },
    {
      "icon_id": "11198225",
      "name": "cc-arrow-right-circle",
      "font_class": "arrow-left-circle",
      "unicode": "e6fb",
      "unicode_decimal": 59131
    },
    {
      "icon_id": "58331",
      "name": "search",
      "font_class": "search",
      "unicode": "e621",
      "unicode_decimal": 58913
    },
    {
      "icon_id": "88038",
      "name": "clock",
      "font_class": "clock",
      "unicode": "e600",
      "unicode_decimal": 58880
    },
    {
      "icon_id": "144131",
      "name": "arrow",
      "font_class": "arrow-right",
      "unicode": "e636",
      "unicode_decimal": 58934
    },
    {
      "icon_id": "247436",
      "name": "table",
      "font_class": "table",
      "unicode": "e699",
      "unicode_decimal": 59033
    },
    {
      "icon_id": "372107",
      "name": "cc-arrow-right-circle",
      "font_class": "arrow-right-circle",
      "unicode": "e60d",
      "unicode_decimal": 58893
    },
    {
      "icon_id": "585102",
      "name": "help",
      "font_class": "help",
      "unicode": "e65d",
      "unicode_decimal": 58973
    },
    {
      "icon_id": "1045524",
      "name": "yxx_mark",
      "font_class": "mark",
      "unicode": "e63d",
      "unicode_decimal": 58941
    },
    {
      "icon_id": "1092161",
      "name": "钱",
      "font_class": "money",
      "unicode": "e640",
      "unicode_decimal": 58944
    },
    {
      "icon_id": "1104404",
      "name": "报表2",
      "font_class": "analyse",
      "unicode": "e6d2",
      "unicode_decimal": 59090
    },
    {
      "icon_id": "1237019",
      "name": "待办",
      "font_class": "dealt",
      "unicode": "e64a",
      "unicode_decimal": 58954
    },
    {
      "icon_id": "1327132",
      "name": "切换",
      "font_class": "change",
      "unicode": "e60e",
      "unicode_decimal": 58894
    },
    {
      "icon_id": "3405405",
      "name": "消息",
      "font_class": "bell",
      "unicode": "e6eb",
      "unicode_decimal": 59115
    },
    {
      "icon_id": "4111563",
      "name": "time",
      "font_class": "time",
      "unicode": "e64d",
      "unicode_decimal": 58957
    },
    {
      "icon_id": "5321791",
      "name": "画板主题",
      "font_class": "skin",
      "unicode": "e664",
      "unicode_decimal": 58980
    },
    {
      "icon_id": "5354204",
      "name": "邮箱",
      "font_class": "mail",
      "unicode": "e6af",
      "unicode_decimal": 59055
    },
    {
      "icon_id": "6050679",
      "name": "email",
      "font_class": "email",
      "unicode": "e628",
      "unicode_decimal": 58920
    },
    {
      "icon_id": "6427820",
      "name": "会议管理",
      "font_class": "meeting",
      "unicode": "e612",
      "unicode_decimal": 58898
    },
    {
      "icon_id": "6447175",
      "name": "今日收入",
      "font_class": "today",
      "unicode": "e645",
      "unicode_decimal": 58949
    },
    {
      "icon_id": "7876854",
      "name": "user",
      "font_class": "user",
      "unicode": "e606",
      "unicode_decimal": 58886
    },
    {
      "icon_id": "9102193",
      "name": "add",
      "font_class": "listadd",
      "unicode": "e654",
      "unicode_decimal": 58964
    },
    {
      "icon_id": "10104436",
      "name": "sun",
      "font_class": "sun",
      "unicode": "e6f5",
      "unicode_decimal": 59125
    }
  ]
}

Ignore Space Show notes View admin/assets/iconfonts/iconfont.svg 0 → 100644

Ignore Space Show notes View admin/assets/iconfonts/iconfont.ttf 0 → 100644
Not supported

Ignore Space Show notes View admin/assets/iconfonts/iconfont.woff 0 → 100644
Not supported

Ignore Space Show notes View admin/assets/iconfonts/iconfont.woff2 0 → 100644
Not supported

Ignore Space Show notes View admin/assets/index.less 0 → 100644

Ignore Space Show notes View admin/assets/logo.png 0 → 100644

Ignore Space Show notes View admin/assets/logo_max.png 0 → 100644

Ignore Space Show notes View admin/assets/logo_min.png 0 → 100644

Ignore Space Show notes View admin/assets/mixin.less 0 → 100644
@import './var'; .clearfix() { zoom: 1; &:before, &:after { content: ''; display: table; } &:after { clear: both; } } // mixins for grid system // ------------------------ .make-row(@gutter: @grid-gutter-width) { position: relative; margin-left: (@gutter / -2); margin-right: (@gutter / -2); height: auto; .clearfix; } .make-grid-columns() { .col(@index) { @item: ~'.@{css-prefix}-col-@{index}, .@{css-prefix}-col-xs-@{index}, .@{css-prefix}-col-sm-@{index}, .@{css-prefix}-col-md-@{index}, .@{css-prefix}-col-lg-@{index}'; .col((@index + 1), @item); } .col(@index, @list) when (@index =< @grid-columns) { @item: ~'.@{css-prefix}-col-@{index}, .@{css-prefix}-col-xs-@{index}, .@{css-prefix}-col-sm-@{index}, .@{css-prefix}-col-md-@{index}, .@{css-prefix}-col-lg-@{index}'; .col((@index + 1), ~'@{list}, @{item}'); } .col(@index, @list) when (@index > @grid-columns) { @{list} { position: relative; // Prevent columns from collapsing when empty min-height: 1px; padding-left: (@grid-gutter-width / 2); padding-right: (@grid-gutter-width / 2); } } .col(1); } .float-grid-columns(@class) { .col(@index) { // initial @item: ~'.@{css-prefix}-col@{class}-@{index}'; .col((@index + 1), @item); } .col(@index, @list) when (@index =< @grid-columns) { // general @item: ~'.@{css-prefix}-col@{class}-@{index}'; .col((@index + 1), ~'@{list}, @{item}'); } .col(@index, @list) when (@index > @grid-columns) { // terminal @{list} { float: left; flex: 0 0 auto; } } .col(1); // kickstart it } .loop-grid-columns(@index, @class) when (@index > 0) { .@{css-prefix}-col@{class}-@{index} { display: block; box-sizing: border-box; width: percentage((@index / @grid-columns)); } .@{css-prefix}-col@{class}-push-@{index} { left: percentage((@index / @grid-columns)); } .@{css-prefix}-col@{class}-pull-@{index} { right: percentage((@index / @grid-columns)); } .@{css-prefix}-col@{class}-offset-@{index} { margin-left: percentage((@index / @grid-columns)); } .@{css-prefix}-col@{class}-order-@{index} { order: @index; } .loop-grid-columns((@index - 1), @class); } .loop-grid-columns(@index, @class) when (@index = 0) { .@{css-prefix}-col@{class}-@{index} { display: none; } .@{css-prefix}-col-push-@{index} { left: auto; } .@{css-prefix}-col-pull-@{index} { right: auto; } .@{css-prefix}-col@{class}-push-@{index} { left: auto; } .@{css-prefix}-col@{class}-pull-@{index} { right: auto; } .@{css-prefix}-col@{class}-offset-@{index} { margin-left: 0; } .@{css-prefix}-col@{class}-order-@{index} { order: 0; } } .make-grid(@class: ~'') { .float-grid-columns(@class); .loop-grid-columns(@grid-columns, @class); }

Ignore Space Show notes View

admin/assets/mixin.less 0 → 100644

@import './var';
.clearfix() {
  zoom: 1;
  &:before,
  &:after {
    content: '';
    display: table;
  }
  &:after {
    clear: both;
  }
} 
// mixins for grid system
// ------------------------
.make-row(@gutter: @grid-gutter-width) {
  position: relative;
  margin-left: (@gutter / -2);
  margin-right: (@gutter / -2);
  height: auto;
  .clearfix;
}

.make-grid-columns() {
  .col(@index) {
    @item: ~'.@{css-prefix}-col-@{index}, .@{css-prefix}-col-xs-@{index}, .@{css-prefix}-col-sm-@{index}, .@{css-prefix}-col-md-@{index}, .@{css-prefix}-col-lg-@{index}';
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) {
    @item: ~'.@{css-prefix}-col-@{index}, .@{css-prefix}-col-xs-@{index}, .@{css-prefix}-col-sm-@{index}, .@{css-prefix}-col-md-@{index}, .@{css-prefix}-col-lg-@{index}';
    .col((@index + 1), ~'@{list}, @{item}');
  }
  .col(@index, @list) when (@index > @grid-columns) {
    @{list} {
      position: relative;
      // Prevent columns from collapsing when empty
      min-height: 1px;
      padding-left: (@grid-gutter-width / 2);
      padding-right: (@grid-gutter-width / 2);
    }
  }
  .col(1);
}

.float-grid-columns(@class) {
  .col(@index) {
    // initial
    @item: ~'.@{css-prefix}-col@{class}-@{index}';
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) {
    // general
    @item: ~'.@{css-prefix}-col@{class}-@{index}';
    .col((@index + 1), ~'@{list}, @{item}');
  }
  .col(@index, @list) when (@index > @grid-columns) {
    // terminal
    @{list} {
      float: left;
      flex: 0 0 auto;
    }
  }
  .col(1); // kickstart it
}

.loop-grid-columns(@index, @class) when (@index > 0) {
  .@{css-prefix}-col@{class}-@{index} {
    display: block;
    box-sizing: border-box;
    width: percentage((@index / @grid-columns));
  }
  .@{css-prefix}-col@{class}-push-@{index} {
    left: percentage((@index / @grid-columns));
  }
  .@{css-prefix}-col@{class}-pull-@{index} {
    right: percentage((@index / @grid-columns));
  }
  .@{css-prefix}-col@{class}-offset-@{index} {
    margin-left: percentage((@index / @grid-columns));
  }
  .@{css-prefix}-col@{class}-order-@{index} {
    order: @index;
  }
  .loop-grid-columns((@index - 1), @class);
}

.loop-grid-columns(@index, @class) when (@index = 0) {
  .@{css-prefix}-col@{class}-@{index} {
    display: none;
  }
  .@{css-prefix}-col-push-@{index} {
    left: auto;
  }
  .@{css-prefix}-col-pull-@{index} {
    right: auto;
  }
  .@{css-prefix}-col@{class}-push-@{index} {
    left: auto;
  }
  .@{css-prefix}-col@{class}-pull-@{index} {
    right: auto;
  }
  .@{css-prefix}-col@{class}-offset-@{index} {
    margin-left: 0;
  }
  .@{css-prefix}-col@{class}-order-@{index} {
    order: 0;
  }
}

.make-grid(@class: ~'') {
  .float-grid-columns(@class);
  .loop-grid-columns(@grid-columns, @class);
}

Ignore Space Show notes View admin/assets/page.less 0 → 100644
@import './mixin'; @import './base'; @import './grid'; @import './design'; .@{css-prefix}-page { display: block; min-height: 100%; } .@{css-prefix}-header { position: absolute; left: 0; top: 0; height: 50px; width: 100%; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5f0fa', GradientType=0); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; color: #333; .@{css-prefix}-logo { // background: transparent url(logo.png) 50% 50% no-repeat; // width: 136px; // height: 40px; float: left; width: 140px; margin: 5px 0; } .@{css-prefix}-search { width: 240px; margin-right: 20px; } >.ltArea { padding:0; list-style: none; margin: 0; >li{ float: left; height: 100%; // padding:5px 5px 0; .sysTrigger{ line-height: 50px !important; padding:0 5px; // border-left:1px #aaa solid; line-height: 1; cursor: pointer; .icon { display: inline-block; height: 16px; width: 16px; } .iconfont{ font-size:14px; margin-left:5px; color:#aaa; } } } } >.rtArea { list-style: none; margin: 0; padding: 9px 5px 0 0; li { float: left; padding:0 5px; line-height: 30px; .item { display: block; word-wrap: normal; /* for IE / white-space: nowrap; cursor: pointer; color:#076ce0;; .iconfont { color: #076ce0;; margin-right: 5px; display: inline-block; vertical-align: middle; } &:hover, &:hover .iconfont{ color:#f30; } .tip, .title { position: relative; display: inline-block; vertical-align: middle; } } .line { height: 15px; margin: 0; display: inline-block; vertical-align: middle; border-right: 1px #d9d9d9 solid; } } } } .@{css-prefix}-search { display: block; border: 1px #eee solid; background: #fff; border-radius: 50px; overflow: hidden; position: relative; >.iconfont { position: absolute; right: 8px; top: 0; font-size: 20px; color: #999; } .@{css-prefix}-search-text { border: 0; padding: 5px 15px; outline: 0; line-height: 20px; display: block; width: 100%; box-sizing: border-box; } } .@{css-prefix}-navbar { position: absolute; top: 50px; left: 0; height: 48px; width: 100%; background-color: #0066cc; color: #fff; z-index: 10; >.allFunc, >.history { float: left; padding: 0 15px; width: 100px; line-height: 48px; height: 48px; text-align: center; cursor: pointer; display: inline-flex; overflow: hidden; .icon { display: inline-block; height: 16px; width: 16px; } .title { font-size: 14px; padding: 0 5px; display: inline-block; } } >.menusArea{ margin-left:130px; >.arrRt, >.arrLt{ width: 30px; line-height: 48px; text-align: center; cursor: pointer; &:hover{ background: #4d94db; } } >.arrRt{ float: right; } >.arrLt{ float: left; } >.scroll{ margin:0 auto; line-height: 48px; height: 48px; overflow: hidden; } &.hasMenusBtn>.scroll{ margin:0 30px; } } >.allFunc { float: right; } } .@{css-prefix}-sidebar { position: absolute; top: 98px; left: 0; bottom: 0; width: 70px; border-right: 1px #ced7e0 solid; .menus { margin: 0; padding: 0; list-style: none; .item { padding: 8px 2px; text-align: center; cursor: pointer; .box { display: inline-block; margin: 0 auto; padding: 0; position: relative; img{ display: block; overflow: hidden; border-radius: 50%; } .iconfont { display: block; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; font-size: 24px; color: #fff; text-align: center; } .tip { position: absolute; right: -5px; top: -5px; font-size: 12px; font-weight: normal; background: #ff3300; color: #fff; border-radius: 50px; padding: 3px; min-width: 15px; } } .title { padding-top: 5px; display: block; font-size: 12px!important; word-wrap: normal; / for IE / text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } .item:hover { .iconfont { box-shadow: 0 0 5px #ff3300; } .title { color: #ff3300; } } .itemBg1 .iconfont { background-color: #64d0c6; } .itemBg2 .iconfont { background-color: #1f85ec; } .itemBg3 .iconfont { background-color: #5246c5; } .itemBg4 .iconfont { background-color: #ff6d68; } .itemBg5 .iconfont { background-color: #26a3ed; } .itemBg6 .iconfont { background-color: #f9b954; } .itemBg7 .iconfont { background-color: #24bde3; } .itemBg8 .iconfont { background-color: #00d58b; } } } .@{css-prefix}-sideMenus{ line-height: 32px; padding-inline-start: 0; } .@{css-prefix}-sideMenus li{ list-style-type:none; padding-left: 40px; border-bottom: 1px solid #151d2a; cursor: pointer; } // .@{css-prefix}-sideMenus li::after{ // content: '>'; // color: #363d48; // right: 10px; // position: absolute; // } .@{css-prefix}-sideMenus .trigger{ float: right; margin-right: 15px; color: #363d48; } .@{css-prefix}-main { position: absolute; top: 98px; left: 71px; right: 0; bottom: 0; } .@{css-prefix}-menus { list-style: none; padding: 0; margin: 0; .@{css-prefix}-menus-item { position: relative; .title { display: block; height: 100%; padding: 0 15px; cursor: pointer; word-wrap: normal; / for IE / // text-overflow: ellipsis; // overflow: hidden; white-space: nowrap; .icon { display: inline-block; margin-right: 5px; vertical-align: middle } .txt { display: inline-block; vertical-align: middle; font-size:14px; } } } } .@{css-prefix}-menus-horizontal { overflow: hidden; zoom: 1; .@{css-prefix}-menus-item { float: left; font-size: 14px!important; } >.@{css-prefix}-menus-itemSeld { background: #4d94db; color: #fff; } } .@{css-prefix}-menus-pop { position: absolute; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; z-index: 100; overflow:auto; >.@{css-prefix}-menus-item { min-width: 150px; color: #333; &:hover { background: #0066cc; color: #fff; } .title { padding: 5px 10px; display: block; line-height: 25px; .txt{ vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-width: 120px; font-size:14px; } } .trigger { line-height: 25px; float: right; } } >.@{css-prefix}-menus-itemSeld { background: #d4eaff; color: #06c; >.@{css-prefix}-menus-pop { display: block !important; left: 100% !important; } } >.@{css-prefix}-menus-tips{ background: #fff; color: #999; padding: 5px 10px; display: block; line-height: 25px; text-align: center; } } .@{css-prefix}-Smenus-horizontal .@{css-prefix}-Smenus-item{ line-height: 40px; border-bottom: 1px solid #151d2a; // width: 140px; } .@{css-prefix}-Smenus-horizontal .@{css-prefix}-Smenus-item:hover{ background: #010307; } .@{css-prefix}-Smenus-horizontal .@{css-prefix}-Smenus-itemSeld{ background: #0f1e38; color: #e6e6e6; } .@{css-prefix}-Smenus-horizontal .@{css-prefix}-Smenus-itemSeld .trigger{ color: #e6e6e6 !important; } .@{css-prefix}-Smenus{ list-style: none; padding: 0; margin: 0; .@{css-prefix}-Smenus-item { position: relative; .title { display: block; height: 100%; padding: 0 15px; cursor: pointer; word-wrap: normal; / for IE / // text-overflow: ellipsis; // overflow: hidden; white-space: nowrap; .icon { display: inline-block; margin-right: 5px; vertical-align: middle } .txt { display: inline-block; vertical-align: middle; font-size:14px; width: 82px; overflow: hidden; text-overflow: ellipsis; } } .trigger { line-height: 40px; float: right; color: #363d48; } } } .@{css-prefix}-Smenus-pop { position: absolute; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; z-index: 100; overflow:auto; >.@{css-prefix}-Smenus-item { min-width: 150px; color: #333; &:hover { background: #0066cc; color: #fff; } .title { padding: 5px 10px; display: block; line-height: 25px; .txt{ vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-width: 120px; font-size:14px; } } .trigger { line-height: 25px; float: right; } } >.@{css-prefix}-Smenus-itemSeld { background: #d4eaff; color: #06c; >.@{css-prefix}-Smenus-pop { display: block !important; left: 100% !important; } } >.@{css-prefix}-Smenus-tips{ background: #fff; color: #999; padding: 5px 10px; display: block; line-height: 25px; text-align: center; } } .@{css-prefix}-navbar { >.@{css-prefix}-menus-horizontal { line-height: 48px; margin: 0 130px; } } .@{css-prefix}-tabs { height: 100%; background: #fff; } .showTab .@{css-prefix}-tabs-hd{ position: absolute; // top:48px; width: 100%; } .@{css-prefix}-tabs-hd { height: 39px; background: #ebf1f7; border-bottom: 1px #ced7e0 solid; border-top: 1px #ced7e0 solid; font-size: 14px; .clearfix(); .@{css-prefix}-tabs-tool { float: right; .item { line-height: 39px; display: inline-block; padding: 0 5px; border-left: 1px #ced7e0 solid; cursor: pointer; &:hover { background: #0066cc; color: #fff; } } } .@{css-prefix}-tabs-scroll { overflow: hidden; position: relative; ul { .clearfix(); list-style: none; margin: 0; padding: 0; display: flex; >li { float: left; border-right: 1px #ced7e0 solid; } } .@{css-prefix}-tabs-item { line-height: 39px; padding: 0 20px; text-align: center; position: relative; cursor: pointer; >.@{css-prefix}-tabs-itemTxt { //width: 75px; display: block; word-wrap: normal; / for IE / text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } &::after { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 2px transparent solid; content: ""; } .@{css-prefix}-tabs-itemClose { position: absolute; right: 0; top: 0; color: #ccc; line-height: normal; &:hover { color: red; } } } .@{css-prefix}-tabs-itemSeld { >.@{css-prefix}-tabs-itemTxt { color: #0066cc; font-weight: bold; } &::after { border-color: #0066cc; } } } } .@{css-prefix}-tabpanel-bd { overflow: auto; .@{css-prefix}-tabs-panel { height:100%; iframe { border: 0; height: 100%; width: 100%; } } } .@{css-prefix}-portal-panel { border: 1px #ddd solid; background: #fff; border-radius: 5px; overflow: hidden; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); &.@{css-prefix}-portal-panelHover { box-shadow: 0 0 5px rgba(250, 125, 60, 0.7); } >.@{css-prefix}-portal-panel-head { // padding:0 10px; >.tabs { padding: 0 10px; overflow: hidden; ul { list-style: none; margin: 0; padding: 0; word-wrap: normal; / for IE */ white-space: nowrap; overflow: hidden; height: 38px; .clearfix(); >li { float: left; padding: 10px; border-bottom: 2px transparent solid; cursor: pointer; &.seld { color: #0066cc; border-color: #0066cc; } } } } >.tool { float: right; padding: 10px 10px 0 0; >.iconfont { margin-left: 5px; cursor: pointer; } } } >.@{css-prefix}-portal-panel-body { padding: 10px; } .@{css-prefix}-tabs-hd{ background: none; border:0; .@{css-prefix}-tabs-scroll ul>li, .@{css-prefix}-tabs-tool .item{ border:0; &:hover{ background: none; color:#333; } } .@{css-prefix}-tabs-tool .item>.iconfont{ border:1px #ccc solid; border-radius: 50%; &:hover{ background: #0066cc; color:#fff; border:1px #0066cc solid; } } } } .@{css-prefix}-logo-lg{ // height:230px; // background: transparent url(./logo_max.png) no-repeat 50% 50%; } .@{css-prefix}-noPower{ padding: 10px; text-align: center; >.iconfont{ margin: auto; display: inline-block; line-height: 50px; padding:10px; font-size:32px; color:#999; } >.txt{ margin: auto; display: inline-block; line-height: 50px; font-size:24px; color:#999; } } .@{css-prefix}-loading { width: 150px; height: 15px; margin: 0 auto; margin-top: 100px; } .@{css-prefix}-loading-fixed{ position: absolute; left:50%; top:50%; margin:-10px 0 0 -75px; } .@{css-prefix}-loading span { display: inline-block; width: 15px; height: 100%; margin-right: 5px; background: #0066cc; -webkit-transform-origin: right bottom; -webkit-animation: load 1s ease infinite; } .@{css-prefix}-loading span:last-child { margin-right: 0px; } @-webkit-keyframes load { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: rotate(90deg) scale(.3); } } .@{css-prefix}-loading span:nth-child(1) { -webkit-animation-delay: 0.13s; } .@{css-prefix}-loading span:nth-child(2) { -webkit-animation-delay: 0.26s; } .@{css-prefix}-loading span:nth-child(3) { -webkit-animation-delay: 0.39s; } .@{css-prefix}-loading span:nth-child(4) { -webkit-animation-delay: 0.52s; } .@{css-prefix}-loading span:nth-child(5) { -webkit-animation-delay: 0.65s; }

Ignore Space Show notes View

admin/assets/page.less 0 → 100644

@import './mixin';
@import './base';
@import './grid';
@import './design';

.@{css-prefix}-page {
    display: block;
    min-height: 100%;
}

.@{css-prefix}-header {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 100%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f8fd 50%, #e5f0fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5f0fa', GradientType=0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #333;

.@{css-prefix}-logo {
        // background: transparent url(logo.png) 50% 50% no-repeat;
        // width: 136px;
        // height: 40px;
        float: left;
        width: 140px;
        margin: 5px 0;
    }

.@{css-prefix}-search {
        width: 240px;
        margin-right: 20px;
    }

>.ltArea {
        padding:0;
        list-style: none;
        margin: 0;
        >li{
            float: left;
            height: 100%;
            // padding:5px 5px 0;
            .sysTrigger{
                line-height: 50px !important;
                padding:0 5px;
                // border-left:1px #aaa solid;
                line-height: 1;
                cursor: pointer;
                .icon {
                    display: inline-block;
                    height: 16px;
                    width: 16px;
                }
                .iconfont{
                    font-size:14px;
                    margin-left:5px;
                    color:#aaa;
                }
            }
        }        
    }

>.rtArea {
        list-style: none;
        margin: 0;
        padding: 9px 5px 0 0;

li {
            float: left;
            padding:0 5px;
            line-height: 30px;

.item {
                display: block;
                word-wrap: normal;
                /* for IE */
                white-space: nowrap;
                cursor: pointer;
                color:#076ce0;;

.iconfont {
                    color: #076ce0;;
                    margin-right: 5px;
                    display: inline-block;
                    vertical-align: middle;
                }
                &:hover,
                &:hover .iconfont{
                    color:#f30;
                }

.tip,
                .title {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                }
            }

.line {
                height: 15px;
                margin: 0;
                display: inline-block;
                vertical-align: middle;
                border-right: 1px #d9d9d9 solid;
            }
        }
    }
}

.@{css-prefix}-search {
    display: block;
    border: 1px #eee solid;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    position: relative;

>.iconfont {
        position: absolute;
        right: 8px;
        top: 0;
        font-size: 20px;
        color: #999;
    }

.@{css-prefix}-search-text {
        border: 0;
        padding: 5px 15px;
        outline: 0;
        line-height: 20px;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
}

.@{css-prefix}-navbar {
    position: absolute;
    top: 50px;
    left: 0;
    height: 48px;
    width: 100%;
    background-color: #0066cc;
    color: #fff;
    z-index: 10;
    >.allFunc,
    >.history {
        float: left;
        padding: 0 15px;
        width: 100px;
        line-height: 48px;
        height: 48px;
        text-align: center;
        cursor: pointer;
        display: inline-flex;
        overflow: hidden;
        .icon {
            display: inline-block;
            height: 16px;
            width: 16px;
        }

.title {
            font-size: 14px;
            padding: 0 5px;
            display: inline-block;
        }
    }
    >.menusArea{
        margin-left:130px;
        >.arrRt,
        >.arrLt{
            width: 30px;
            line-height: 48px;
            text-align: center;
            cursor: pointer;
            &:hover{
                background: #4d94db;
            }
        }
        >.arrRt{
            float: right;
        }
        >.arrLt{
            float: left;
        }
        >.scroll{
            margin:0 auto;
            line-height: 48px;
            height: 48px;
            overflow: hidden;
        }
        &.hasMenusBtn>.scroll{
            margin:0 30px;
        }
    }
    >.allFunc {
        float: right;
    }
}

.@{css-prefix}-sidebar {
    position: absolute;
    top: 98px;
    left: 0;
    bottom: 0;
    width: 70px;
    border-right: 1px #ced7e0 solid;
     .menus {
        margin: 0;
        padding: 0;
        list-style: none;

.item {
            padding: 8px 2px;
            text-align: center;
            cursor: pointer;

.box {
                display: inline-block;
                margin: 0 auto;
                padding: 0;
                position: relative;
                img{
                    display: block;
                    overflow: hidden;
                    border-radius: 50%;
                }

.iconfont {
                    display: block;
                    border-radius: 50%;
                    width: 46px;
                    height: 46px;
                    line-height: 46px;
                    font-size: 24px;
                    color: #fff;
                    text-align: center;
                }

.tip {
                    position: absolute;
                    right: -5px;
                    top: -5px;
                    font-size: 12px;
                    font-weight: normal;
                    background: #ff3300;
                    color: #fff;
                    border-radius: 50px;
                    padding: 3px;
                    min-width: 15px;
                }
            }

.title {
                padding-top: 5px;
                display: block; 
                font-size: 12px!important;
                word-wrap: normal;
                /* for IE */
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
        }

.item:hover {
            .iconfont {
                box-shadow: 0 0 5px #ff3300;
            }

.title {
                color: #ff3300;
            }
        }

.itemBg1 .iconfont {
            background-color: #64d0c6;
        }

.itemBg2 .iconfont {
            background-color: #1f85ec;
        }

.itemBg3 .iconfont {
            background-color: #5246c5;
        }

.itemBg4 .iconfont {
            background-color: #ff6d68;
        }

.itemBg5 .iconfont {
            background-color: #26a3ed;
        }

.itemBg6 .iconfont {
            background-color: #f9b954;
        }

.itemBg7 .iconfont {
            background-color: #24bde3;
        }

.itemBg8 .iconfont {
            background-color: #00d58b;
        }
    }
}
.@{css-prefix}-sideMenus{
    line-height: 32px;
    padding-inline-start: 0;
}
.@{css-prefix}-sideMenus li{
    list-style-type:none;
    padding-left: 40px;
    border-bottom: 1px solid #151d2a;
    cursor: pointer;
}
// .@{css-prefix}-sideMenus li::after{
//     content: '>';
//     color: #363d48;
//     right: 10px;
//     position: absolute;
// }
.@{css-prefix}-sideMenus .trigger{
    float: right;
    margin-right: 15px;
    color: #363d48;
}
.@{css-prefix}-main {
    position: absolute;
    top: 98px;
    left: 71px;
    right: 0;
    bottom: 0;
}

.@{css-prefix}-menus {
    list-style: none;
    padding: 0;
    margin: 0;

.@{css-prefix}-menus-item {
        position: relative;

.title {
            display: block;
            height: 100%;
            padding: 0 15px;
            cursor: pointer;
            word-wrap: normal;
            /* for IE */
            // text-overflow: ellipsis;
            // overflow: hidden;
            white-space: nowrap;

.icon {
                display: inline-block;
                margin-right: 5px;
                vertical-align: middle
            }

.txt {
                display: inline-block;
                vertical-align: middle;
                font-size:14px;
            }
        }
    }
}

.@{css-prefix}-menus-horizontal {
    overflow: hidden;
    zoom: 1;

.@{css-prefix}-menus-item {
        float: left;
        font-size: 14px!important;
    }

>.@{css-prefix}-menus-itemSeld {
        background: #4d94db;
        color: #fff;
    }
}

.@{css-prefix}-menus-pop {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 100;
    overflow:auto;

>.@{css-prefix}-menus-item {
        min-width: 150px;
        color: #333;

&:hover {
            background: #0066cc;
            color: #fff;
        }

.title {
            padding: 5px 10px;
            display: block;
            line-height: 25px;
            .txt{
                vertical-align: middle;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                min-width: 120px;
                font-size:14px;
            }
        }

.trigger {
            line-height: 25px;
            float: right;
        }
    }

>.@{css-prefix}-menus-itemSeld {
        background: #d4eaff;
        color: #06c;

>.@{css-prefix}-menus-pop {
            display: block !important;
            left: 100% !important;
        }
    }
    >.@{css-prefix}-menus-tips{
        background: #fff;
        color: #999;
        padding: 5px 10px;
        display: block;
        line-height: 25px;
        text-align: center;
    }
}
.@{css-prefix}-Smenus-horizontal
.@{css-prefix}-Smenus-item{
    line-height: 40px;
    border-bottom: 1px solid #151d2a;
    // width: 140px;
}
.@{css-prefix}-Smenus-horizontal
.@{css-prefix}-Smenus-item:hover{
    background: #010307;
}
.@{css-prefix}-Smenus-horizontal
.@{css-prefix}-Smenus-itemSeld{
    background: #0f1e38;
    color: #e6e6e6;
}
.@{css-prefix}-Smenus-horizontal
.@{css-prefix}-Smenus-itemSeld .trigger{
    color: #e6e6e6 !important;
}
.@{css-prefix}-Smenus{
    list-style: none;
    padding: 0;
    margin: 0;
    .@{css-prefix}-Smenus-item {
        position: relative;
        .title {
            display: block;
            height: 100%;
            padding: 0 15px;
            cursor: pointer;
            word-wrap: normal;
            /* for IE */
            // text-overflow: ellipsis;
            // overflow: hidden;
            white-space: nowrap;

.icon {
                display: inline-block;
                margin-right: 5px;
                vertical-align: middle
            }

.txt {
                display: inline-block;
                vertical-align: middle;
                font-size:14px;
                width: 82px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        .trigger {
            line-height: 40px;
            float: right;
            color: #363d48;
        }
    }
}
.@{css-prefix}-Smenus-pop {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 100;
    overflow:auto;

>.@{css-prefix}-Smenus-item {
        min-width: 150px;
        color: #333;

&:hover {
            background: #0066cc;
            color: #fff;
        }

.trigger {
            line-height: 25px;
            float: right;
        }
    }

>.@{css-prefix}-Smenus-itemSeld {
        background: #d4eaff;
        color: #06c;

>.@{css-prefix}-Smenus-pop {
            display: block !important;
            left: 100% !important;
        }
    }
    >.@{css-prefix}-Smenus-tips{
        background: #fff;
        color: #999;
        padding: 5px 10px;
        display: block;
        line-height: 25px;
        text-align: center;
    }
}
.@{css-prefix}-navbar {
    >.@{css-prefix}-menus-horizontal {
        line-height: 48px;
        margin: 0 130px;
    }
}

.@{css-prefix}-tabs {
    height: 100%;
    background: #fff;
}
.showTab .@{css-prefix}-tabs-hd{
    position: absolute;
    // top:48px;
    width: 100%;
}
.@{css-prefix}-tabs-hd {
    height: 39px;
    background: #ebf1f7;
    border-bottom: 1px #ced7e0 solid;
    border-top: 1px #ced7e0 solid;
    font-size: 14px;
    .clearfix();

.@{css-prefix}-tabs-tool {
        float: right;

.item {
            line-height: 39px;
            display: inline-block;
            padding: 0 5px;
            border-left: 1px #ced7e0 solid;
            cursor: pointer;

&:hover {
                background: #0066cc;
                color: #fff;
            }
        }
    }

.@{css-prefix}-tabs-scroll {
        overflow: hidden;
        position: relative;
        ul {
            .clearfix();
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            >li {
                float: left;
                border-right: 1px #ced7e0 solid;
            }
        }

.@{css-prefix}-tabs-item {
            line-height: 39px;
            padding: 0 20px;
            text-align: center;
            position: relative;
            cursor: pointer;

>.@{css-prefix}-tabs-itemTxt {
                //width: 75px;
                display: block;
                word-wrap: normal;
                /* for IE */
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

&::after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                border-bottom: 2px transparent solid;
                content: "";
            }

.@{css-prefix}-tabs-itemClose {
                position: absolute;
                right: 0;
                top: 0;
                color: #ccc;
                line-height: normal;

&:hover {
                    color: red;
                }
            }
        }

.@{css-prefix}-tabs-itemSeld {
            >.@{css-prefix}-tabs-itemTxt {
                color: #0066cc;
                font-weight: bold;
            }

&::after {
                border-color: #0066cc;
            }
        }
    }
}

.@{css-prefix}-tabpanel-bd {
    overflow: auto;

.@{css-prefix}-tabs-panel {
        height:100%;

iframe {
            border: 0;
            height: 100%;
            width: 100%;
        }
    }
}

.@{css-prefix}-portal-panel {
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);

&.@{css-prefix}-portal-panelHover {
        box-shadow: 0 0 5px rgba(250, 125, 60, 0.7);
    }

>.@{css-prefix}-portal-panel-head {

// padding:0 10px;
        >.tabs {
            padding: 0 10px;
            overflow: hidden;

ul {
                list-style: none;
                margin: 0;
                padding: 0;
                word-wrap: normal;
                /* for IE */
                white-space: nowrap;
                overflow: hidden;
                height: 38px;
                .clearfix();

>li {
                    float: left;
                    padding: 10px;
                    border-bottom: 2px transparent solid;
                    cursor: pointer;

&.seld {
                        color: #0066cc;
                        border-color: #0066cc;
                    }
                }
            }
        }

>.tool {
            float: right;
            padding: 10px 10px 0 0;

>.iconfont {
                margin-left: 5px;
                cursor: pointer;
            }
        }
    }

>.@{css-prefix}-portal-panel-body {
        padding: 10px;
    }

.@{css-prefix}-tabs-hd{
        background: none;
        border:0;
        .@{css-prefix}-tabs-scroll ul>li,
        .@{css-prefix}-tabs-tool .item{
            border:0;
            &:hover{
                background: none;
                color:#333;
            }
        }
        
        .@{css-prefix}-tabs-tool .item>.iconfont{
            border:1px #ccc solid;
            border-radius: 50%;
            &:hover{
                background: #0066cc;
                color:#fff;
                border:1px #0066cc solid;
            }
        }
    }

}
.@{css-prefix}-logo-lg{
    // height:230px;
    // background: transparent url(./logo_max.png) no-repeat 50% 50%;
}
.@{css-prefix}-noPower{
    padding: 10px;
    text-align: center;
    >.iconfont{
        margin: auto;
        display: inline-block;
        line-height: 50px;
        padding:10px;
        font-size:32px;
        color:#999;
    }
    >.txt{
        margin: auto;
        display: inline-block;
        line-height: 50px;
        font-size:24px;
        color:#999;
    }
}

.@{css-prefix}-loading {
    width: 150px;
    height: 15px;
    margin: 0 auto;
    margin-top: 100px;
}
.@{css-prefix}-loading-fixed{
    position: absolute;
    left:50%;
    top:50%;
    margin:-10px 0 0 -75px;
}

.@{css-prefix}-loading span {
    display: inline-block;
    width: 15px;
    height: 100%;
    margin-right: 5px;
    background: #0066cc;
    -webkit-transform-origin: right bottom;
    -webkit-animation: load 1s ease infinite;
}

.@{css-prefix}-loading span:last-child {
    margin-right: 0px;
}

@-webkit-keyframes load {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

100% {
        opacity: 0;
        -webkit-transform: rotate(90deg) scale(.3);
    }
}

.@{css-prefix}-loading span:nth-child(1) {
    -webkit-animation-delay: 0.13s;
}

.@{css-prefix}-loading span:nth-child(2) {
    -webkit-animation-delay: 0.26s;
}

.@{css-prefix}-loading span:nth-child(3) {
    -webkit-animation-delay: 0.39s;
}

.@{css-prefix}-loading span:nth-child(4) {
    -webkit-animation-delay: 0.52s;
}

.@{css-prefix}-loading span:nth-child(5) {
    -webkit-animation-delay: 0.65s;
}

Ignore Space Show notes View admin/assets/var.less 0 → 100644
@css-prefix: pl; // Media queries breakpoints // Extra small screen / phone @screen-xs : 480px; @screen-xs-min : @screen-xs; // Small screen / tablet @screen-sm : 576px; @screen-sm-min : @screen-sm; // Medium screen / desktop @screen-md : 768px; @screen-md-min : @screen-md; // Large screen / wide desktop @screen-lg : 992px; @screen-lg-min : @screen-lg; // Extra large screen / full hd @screen-xl : 1200px; @screen-xl-min : @screen-xl; // Extra extra large screen / large descktop @screen-xxl : 1600px; @screen-xxl-min : @screen-xxl; // provide a maximum @screen-xs-max : (@screen-sm-min - 1px); @screen-sm-max : (@screen-md-min - 1px); @screen-md-max : (@screen-lg-min - 1px); @screen-lg-max : (@screen-xl-min - 1px); @screen-xl-max : (@screen-xxl-min - 1px); // Grid system @grid-columns : 24; @grid-gutter-width : 0;

Ignore Space Show notes View

admin/assets/var.less 0 → 100644

Ignore Space Show notes View admin/components/contextMenu/ContextMenuItem.vue 0 → 100644
<template> <li @click="handleClick(item, $event)" :class="itemClass" :title="item[field]"> <div class="label"> <i class="iconfont" :class="item.iconClass" v-if="item.iconClass"></i> <span class="item-label" v-html="item.html\|\|item[field]"></span> <span class="children-indicator iconfont icon-arrow-right trigger" v-if="item.children"></span> </div> <ul class="context-menu" v-if="item.children"> <context-menu-item v-for="(childItem, index) in item.children" :item="childItem" :field="field" :key="index"> </context-menu-item> </ul> </li> </template> <script> export default { name: 'context-menu-item', props: { item: { type: Object, }, field:{ type:String, default:'title' } }, inject:['getActiveKey','setActiveKey'], computed:{ itemClass() { let item =this.item; return { // 'item-active':(item.id!=null)&&this.activeKey==item.id, 'item-active':item.actived, 'item-disabled': this.isItemDisabled(item) }; }, activeKey(){ return this.getActiveKey(); } }, methods: { handleClick(item, event) { // !item.children&&this.setActiveKey(item.id); if (typeof item.handler !== 'undefined') { if (!this.isItemDisabled(item)) { item.handler(event); } else { event.stopPropagation(); } }else{ } }, isItemDisabled(item) { if (typeof item.disabled !== 'undefined') { return item.disabled; } return false; }, }, }; </script>

Ignore Space Show notes View

admin/components/contextMenu/ContextMenuItem.vue 0 → 100644

// !item.children&&this.setActiveKey(item.id);
      if (typeof item.handler !== 'undefined') {
      
        if (!this.isItemDisabled(item)) {
          item.handler(event);
        } else {
          
          event.stopPropagation();
        }

}else{

}

isItemDisabled(item) {
      if (typeof item.disabled !== 'undefined') {
        return item.disabled;
      }

return false;
    },
  },
};
</script>

Ignore Space Show notes View admin/components/contextMenu/index.vue 0 → 100644
<template> <div class="context-menu context-menu-container" :class="openPosition" v-if="visible" :style="contextMenuPosition" v-click-outside="close" @click="close" @mouseenter="visble=true" @mouseleave="visible=false" ref="contextMenu" > <ul> <context-menu-item :field="field" v-for="(menuItem, index) in menuItems" :item="menuItem" :key="index"> </context-menu-item> </ul> </div> </template> <script> /* eslint-disable prefer-destructuring / import ContextMenuItem from './ContextMenuItem.vue'; /* * A simple context menu component * * ```html * <ContextMenu :menu-items="[....]"/> * ``` / export default { props: { menuItems: { type: Array, required: true, }, field:{ type:String, default:'title' } }, provide(){ let me=this; return { getActiveKey(){ return me.activeKey; }, setActiveKey(key){ me.activeKey = key; } } }, data() { return { visible: false, activeKey:'', contextMenuPosition: { top: 0, left: 0, }, openPosition: 'context-menu-open-right', }; }, methods: { close() { this.visible = false; }, /* * Accepts an Object with an `x, y` position or an instance of Event / open(position) { this.visible = true; this.$nextTick(() => { let x = 0; let y = 0; if (typeof position !== 'undefined' && typeof position === 'object') { if (position instanceof Event) { const windowWidth = window.innerWidth; // const contextMenuWidth = this.$refs.contextMenu.getBoundingClientRect().width; //ie getBoundingClientRect null const contextMenuWidth = this.$refs.contextMenu.offsetWidth; let pageX = position.pageX; let pageY = position.pageY; // let elRect = position.currentTarget.getBoundingClientRect(); //ie getBoundingClientRect null let elRect = (position.currentTarget\|\|position.target).getBoundingClientRect(); if( position.type != "contextmenu"){ pageX = elRect.left; pageY = elRect.top+elRect.height; if(pageX>=(windowWidth - contextMenuWidth2)){ this.openPosition = 'context-menu-open-left'; x = windowWidth<(pageX+contextMenuWidth)?(windowWidth-contextMenuWidth):pageX; }else{ this.openPosition = 'context-menu-open-right'; x = pageX; } }else{ if (pageX >= (windowWidth - contextMenuWidth)) { this.openPosition = 'context-menu-open-left'; x = windowWidth - contextMenuWidth - 10; } else { this.openPosition = 'context-menu-open-right'; x = pageX; } } y = pageY; } else { x = position.x; y = position.y; } } this.contextMenuPosition = { left: `${x}px`, top: `${y}px`, }; }); }, }, components: { 'context-menu-item': ContextMenuItem, }, directives: { 'click-outside': { inserted: function (el) { document.body.appendChild(el) }, bind(el, binding, vnode) { el.clickOutsideEvent = (event) => { // here I check that click was outside the el and his childrens if (!(el === event.target \|\| el.contains(event.target))) { // and if it did, call method provided in attribute value vnode.context[binding.expression](event); } }; document.body.addEventListener('click', el.clickOutsideEvent); }, unbind(el) { document.body.removeEventListener('click', el.clickOutsideEvent); }, } }, }; </script> <style lang="less"> @context-menu-border-radius: 0px; .context-menu-container { position: absolute; user-select: none; z-index: 100; } .context-menu { background: #fff; border-radius: @context-menu-border-radius; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); ul { margin: 0; padding: 0; list-style: none; :first-child { border-top-right-radius: @context-menu-border-radius; border-top-left-radius: @context-menu-border-radius; } :last-child { border-bottom-right-radius: @context-menu-border-radius; border-bottom-left-radius: @context-menu-border-radius; } li { position: relative; padding: 5px; display: block; line-height: 25px; cursor: pointer; .label { // display: flex; white-space: nowrap; .iconfont{ margin-right: 5px; } .item-label { margin-right: 10px; } .children-indicator{ float: right; } } &.item-disabled { cursor: not-allowed; opacity: 0.3; } ul { display: none; } &.item-active{ background: #0066cc; >.label{ color:#fff; } } &:hover { background: #0066cc; >.label{ color:#fff; } > ul { position: absolute; // left: calc(100% + 2px); left:100%; top: 0; display: inline-block; min-width: 100px; } } } } &.context-menu-open-left { ul { li { &:hover { > ul { left: auto; // right: calc(100% + 2px); right: 100%; } } } } } } </style>

Ignore Space Show notes View

admin/components/contextMenu/index.vue 0 → 100644

<template>
    <div class="context-menu context-menu-container"
         :class="openPosition"
         v-if="visible"
         :style="contextMenuPosition"
         v-click-outside="close" 
         @click="close"
         @mouseenter="visble=true"
         @mouseleave="visible=false"
         ref="contextMenu"

>
        <ul>
            <context-menu-item
                    :field="field"
                    v-for="(menuItem, index) in menuItems"
                    :item="menuItem"
                    :key="index">
            </context-menu-item>
        </ul>
    </div>
</template>

import ContextMenuItem from './ContextMenuItem.vue';

/**
 * A simple context menu component
 *
 * ```html
 * <ContextMenu :menu-items="[....]"/>
 * ```
 */
export default {
  props: {
    menuItems: {
      type: Array,
      required: true,
    },
    field:{
      type:String,
      default:'title'
    }
  },
  provide(){
    let me=this;
    return {
      getActiveKey(){
        return me.activeKey;
      },
      setActiveKey(key){
        me.activeKey = key;
      }
    }
  },
  data() {
    return {
      visible: false,
      activeKey:'',
      contextMenuPosition: {
        top: 0,
        left: 0,
      },
      openPosition: 'context-menu-open-right',
    };
  },

methods: {
    close() {
      this.visible = false;
    },

/**
     * Accepts an Object with an `x, y` position or an instance of Event
     */
    open(position) { 
      this.visible = true;
      this.$nextTick(() => { 
        let x = 0;
        let y = 0;
        if (typeof position !== 'undefined' && typeof position === 'object') {
          if (position instanceof Event) {
            const windowWidth = window.innerWidth;
            // const contextMenuWidth = this.$refs.contextMenu.getBoundingClientRect().width;  //ie  getBoundingClientRect   null
            const contextMenuWidth = this.$refs.contextMenu.offsetWidth;

let pageX = position.pageX;
            let pageY = position.pageY;

// let elRect = position.currentTarget.getBoundingClientRect(); //ie  getBoundingClientRect   null
            let elRect = (position.currentTarget||position.target).getBoundingClientRect();

if( position.type != "contextmenu"){
              pageX = elRect.left;
              pageY = elRect.top+elRect.height;
              if(pageX>=(windowWidth - contextMenuWidth*2)){
                this.openPosition = 'context-menu-open-left';
                x = windowWidth<(pageX+contextMenuWidth)?(windowWidth-contextMenuWidth):pageX;                
              }else{
                this.openPosition = 'context-menu-open-right';
                x = pageX;
              }
            }else{
              if (pageX >= (windowWidth - contextMenuWidth)) {
                this.openPosition = 'context-menu-open-left';
                x = windowWidth - contextMenuWidth - 10;
              } else {
                this.openPosition = 'context-menu-open-right';
                x = pageX;
              }
            }
            y = pageY;
          } else {
            x = position.x;
            y = position.y;
          }
        }

this.contextMenuPosition = {
          left: `${x}px`,
          top: `${y}px`,
        };
      });
    },
  },

components: {
    'context-menu-item': ContextMenuItem,
  },

directives: {
    'click-outside': {
      inserted: function (el) {
        document.body.appendChild(el)
      },
      bind(el, binding, vnode) {
        el.clickOutsideEvent = (event) => {
          // here I check that click was outside the el and his childrens
          if (!(el === event.target || el.contains(event.target))) {
            // and if it did, call method provided in attribute value
            vnode.context[binding.expression](event);
          }
        };
        document.body.addEventListener('click', el.clickOutsideEvent);
      },
      unbind(el) {
        document.body.removeEventListener('click', el.clickOutsideEvent);
      },
    }
  },
};
</script>

.context-menu-container {
        position: absolute;
        user-select: none;
        z-index: 100;
    }

.context-menu {
        background: #fff;
        border-radius: @context-menu-border-radius;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

ul {
            margin: 0;
            padding: 0;
            list-style: none;

:first-child {
                border-top-right-radius: @context-menu-border-radius;
                border-top-left-radius: @context-menu-border-radius;
            }

:last-child {
                border-bottom-right-radius: @context-menu-border-radius;
                border-bottom-left-radius: @context-menu-border-radius;
            }

li {
                position: relative;
                padding: 5px;
                display: block;
                line-height: 25px;
                cursor: pointer;

.label {
                    // display: flex;
                    white-space: nowrap;
                    .iconfont{
                      margin-right: 5px;
                    }
                    .item-label {
                        margin-right: 10px;
                    }
                    .children-indicator{
                      float: right;
                    }
                }

&.item-disabled {
                    cursor: not-allowed;
                    opacity: 0.3;
                }

ul {
                    display: none;
                }
                &.item-active{
                  background: #0066cc;
                   >.label{
                      color:#fff;
                    }
                }
                &:hover {
                    background: #0066cc;
                    >.label{
                      color:#fff;
                    }
                    > ul {
                        position: absolute;
                        // left: calc(100% + 2px);
                        left:100%;
                        top: 0;
                        display: inline-block;
                        min-width: 100px; 
                    }
                }
            }
        }

&.context-menu-open-left {
            ul {
                li {
                    &:hover {
                        > ul {
                            left: auto;
                            // right: calc(100% + 2px);
                            right: 100%;
                        }
                    }
                }
            }
        }
    }
</style>

Ignore Space Show notes View admin/components/dialog/index.vue 0 → 100644
<template> <transition> <div class="pl-dialog-wrap" v-show="visible"> <vue-draggable-resizable ref="cmp-VueDraggable" class="pl-dialog" class-name-handle="pl-dialog-resize" :w="w" :h="h" :z="zindex" :minWidth="width" :minHeight="height" :x="x" :y="y" @dragging="onDrag" @resizing="onResize" :parent="true" :dragHandle="dragHandle" :enableNativeDrag="true" > <div class="pl-dialog-head" ref="dom-head"> <div class="title"> {{title}} </div> <i class="icon-close iconfont close" @click="handleCancel"></i> </div> <div class="pl-dialog-body" ref="dom-body" :style="bdStyle"> <div class="pl-dialog-content" ref="dom-content"> <div v-html="content"></div> <slot v-if="!content"></slot> </div> </div> <div class="pl-dialog-foot" ref="dom-foot" v-if="hasfoot"> <slot name="footer"> <button class="pl-btn pl-btn-round" @click="handleCancel">取消</button> <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">确定</button> </slot> </div> </vue-draggable-resizable> <div class="pl-dialog-shadow" v-if="shade"></div> </div> </transition> </template> <script> //https://mauricius.github.io/vue-draggable-resizable/?path=/info/styling--style-resizing import VueDraggableResizable from "vue-draggable-resizable"; export default { components: { VueDraggableResizable }, data() { return { w: this.width, h: this.height, x: 0, y: 0, dragHandle: ".pl-dialog-head", zindex: 10000, bdStyle:{ height:null }, visible:false, content:null }; }, props:{ title:{ type:String, default:'提示' }, width:{ type:Number, default:200 }, height:{ type:Number, default:200 }, offset:{ type:String, default:'' }, hasfoot:{ type:Boolean, default:true }, shade:{ type:Boolean, default:true } }, mounted() { document.body.appendChild(this.$el); }, updated(){ this.resizeBody(); }, beforeDestroy(){ this.$el.remove(); }, methods: { winResize(){ let parentW = document.documentElement.offsetWidth, parentH = document.documentElement.offsetHeight \|\| 0; this.winWidth=parentW; this.winHeight=parentH; }, setContent(html){ this.content = html; }, show(){ //v-if="visible" 显示会准 v-show会不准 this.visible=true; this.x = (document.documentElement.offsetWidth - this.w)/2; this.y = (document.documentElement.offsetHeight - this.h)/2; if(this.offset=='rb'){ debugger this.x = (document.documentElement.offsetWidth - this.w); this.y = (document.documentElement.offsetHeight - this.h); } this.$nextTick(r=>{ //因为不会准所以重新计算 let dragable = this.$refs['cmp-VueDraggable']; dragable.resetBoundsAndMouseState(); dragable.rawWidth = this.w; dragable.rawHeight = this.h; dragable.rawLeft = this.x; dragable.rawTop = this.y; dragable.left = this.x; dragable.top = this.y; [dragable.parentWidth, dragable.parentHeight] = dragable.getParentSize(); dragable.rawRight = dragable.parentWidth - dragable.rawWidth - dragable.rawLeft dragable.rawBottom = dragable.parentHeight - dragable.rawHeight - dragable.rawTop }) }, hide(){ this.visible=false; }, resizeBody(){ if(!this.$refs['dom-head'])return; const headRect = this.$refs['dom-head'].getBoundingClientRect(); const footRect = this.$refs['dom-foot'].getBoundingClientRect(); this.bdStyle.height = (this.h - headRect.height - footRect.height)+'px'; }, onResize: function(x, y, width, height) { this.x = x; this.y = y; this.w = width; this.h = height; this.resizeBody(); }, onDrag: function(x, y) { this.x = x; this.y = y; }, handleOk(){ let backVal = this.$emit('onOk'); this.hide(); }, handleCancel(){ this.$emit('onCancel'); this.hide(); } } }; </script> <style lang="less"> .pl-dialog-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pl-dialog-shadow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.3); } .pl-dialog { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); >.pl-dialog-head { padding: 15px 10px; border-top: 2px #0066cc solid; background: #efefef; cursor: move; height: 16px; overflow: hidden; > .close { position: absolute; right: 8px; top: 12px; font-size: 24px; color:#666; cursor: pointer; &:hover{ color:red; transform: rotate(-90); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } } } >.pl-dialog-body { overflow: auto; .pl-dialog-content{ padding: 8px; } } >.pl-dialog-foot{ height: 35px; overflow: hidden; padding: 10px; text-align: right; background-color:#f3f3f3; .pl-btn+.pl-btn{ margin-left: 15px; } } .pl-dialog-resize { position: absolute; height: 4px; width: 4px; display: block!important; } .pl-dialog-resize-tl { top: 0px; left: 0px; cursor: nw-resize; } .pl-dialog-resize-tm { top: 0; left: 4px; right:4px; width:auto; cursor: n-resize; } .pl-dialog-resize-tr { top: 0; right:0; cursor: ne-resize; } .pl-dialog-resize-ml { top: 4px; bottom:4px; left: 0; height: auto; cursor: w-resize; } .pl-dialog-resize-mr { top: 4px; bottom: 4px; right: 0; height: auto; cursor: e-resize; } .pl-dialog-resize-bl { bottom: 0; left: 0; cursor: sw-resize; } .pl-dialog-resize-bm { bottom: 0; left: 4px; right: 4px; width:auto; cursor: s-resize; } .pl-dialog-resize-br { bottom: 0; right: 0; cursor: se-resize; } } </style>

Ignore Space Show notes View

admin/components/dialog/index.vue 0 → 100644

<template>
    <transition>
    <div class="pl-dialog-wrap" v-show="visible">
        <vue-draggable-resizable
            ref="cmp-VueDraggable"
            class="pl-dialog"
            class-name-handle="pl-dialog-resize"
            :w="w"
            :h="h"
            :z="zindex"
            :minWidth="width"
            :minHeight="height"
            :x="x"
            :y="y"
            @dragging="onDrag"
            @resizing="onResize"
            :parent="true"
            :dragHandle="dragHandle"
            :enableNativeDrag="true"
        >
            <div class="pl-dialog-head" ref="dom-head">
                <div class="title">
                    {{title}}
                </div>
                <i class="icon-close iconfont close" @click="handleCancel"></i>
            </div>
            <div class="pl-dialog-body" ref="dom-body" :style="bdStyle">
                <div class="pl-dialog-content" ref="dom-content">
                    <div v-html="content"></div>
                    <slot v-if="!content"></slot>
                </div>
            </div>
            <div class="pl-dialog-foot" ref="dom-foot" v-if="hasfoot">
                <slot name="footer">
                    <button class="pl-btn pl-btn-round" @click="handleCancel">取消</button>
                    <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">确定</button>
                </slot>
            </div>
        </vue-draggable-resizable>
        <div class="pl-dialog-shadow" v-if="shade"></div>
    </div>
    </transition>
</template>
<script>
//https://mauricius.github.io/vue-draggable-resizable/?path=/info/styling--style-resizing
import VueDraggableResizable from "vue-draggable-resizable";
export default {
    components: {
        VueDraggableResizable
    },
    data() {
        return {
            w: this.width,
            h: this.height,
            x: 0,
            y: 0,
            dragHandle: ".pl-dialog-head",
            zindex: 10000,
            bdStyle:{
                height:null
            },
            visible:false,
            content:null
        };
    },
    props:{
        title:{
            type:String,
            default:'提示'
        },
        width:{
            type:Number,
            default:200
        },
        height:{
            type:Number,
            default:200
        },
        offset:{
            type:String,
            default:''
        },
        hasfoot:{
            type:Boolean,
            default:true
        },
        shade:{
            type:Boolean,
            default:true
        }

},
    mounted() {
        document.body.appendChild(this.$el);
    },
    updated(){
        this.resizeBody();
    },
    beforeDestroy(){
        this.$el.remove();
    },
    methods: {  
        winResize(){
            let parentW = document.documentElement.offsetWidth,
            parentH = document.documentElement.offsetHeight || 0;
            this.winWidth=parentW;
            this.winHeight=parentH;
        },
        setContent(html){
            this.content = html;
        },
        show(){
            //v-if="visible" 显示会准  v-show会不准
            this.visible=true;
            this.x = (document.documentElement.offsetWidth - this.w)/2;
            this.y = (document.documentElement.offsetHeight - this.h)/2;    
            if(this.offset=='rb'){
                debugger
                this.x = (document.documentElement.offsetWidth - this.w);
                this.y = (document.documentElement.offsetHeight - this.h);    
            }
            this.$nextTick(r=>{
                //因为不会准 所以 重新计算
                let dragable = this.$refs['cmp-VueDraggable'];  
                dragable.resetBoundsAndMouseState();
                dragable.rawWidth = this.w;
                dragable.rawHeight = this.h;
                dragable.rawLeft = this.x;
                dragable.rawTop = this.y;
                dragable.left = this.x;
                dragable.top = this.y;
                [dragable.parentWidth, dragable.parentHeight] = dragable.getParentSize();
                dragable.rawRight = dragable.parentWidth - dragable.rawWidth - dragable.rawLeft
                dragable.rawBottom = dragable.parentHeight - dragable.rawHeight - dragable.rawTop
            })  
        },
        hide(){
            this.visible=false;
        },
        resizeBody(){
            if(!this.$refs['dom-head'])return;
            const headRect = this.$refs['dom-head'].getBoundingClientRect();
            const footRect = this.$refs['dom-foot'].getBoundingClientRect();
            this.bdStyle.height = (this.h - headRect.height - footRect.height)+'px';
        },
        onResize: function(x, y, width, height) {
            this.x = x;
            this.y = y;
            this.w = width;
            this.h = height;
            this.resizeBody();
        },
        onDrag: function(x, y) {
            this.x = x;
            this.y = y;
        },
        handleOk(){
            let backVal = this.$emit('onOk');
            this.hide();
        },
        handleCancel(){
            this.$emit('onCancel');
            this.hide();
        }        
    }
};
</script>
<style lang="less">
.pl-dialog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pl-dialog-shadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
}
.pl-dialog {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
    >.pl-dialog-head {
        padding: 15px 10px;
        border-top: 2px #0066cc solid;
        background: #efefef;
        cursor: move;
        height: 16px;
        overflow: hidden;
        > .close {
            position: absolute;
            right: 8px;
            top: 12px;
            font-size: 24px;
            color:#666;
            cursor: pointer;
            &:hover{
                color:red;   
                transform: rotate(-90);
                -webkit-transition: all 300ms linear;
                -ms-transition: all 300ms linear;
                transition: all 300ms linear;
            }
        }
    }
    >.pl-dialog-body {
        overflow: auto;
        .pl-dialog-content{
            padding: 8px;
        }
    }
    >.pl-dialog-foot{
        height: 35px;
        overflow: hidden;
        padding: 10px;
        text-align: right;
        background-color:#f3f3f3;
        .pl-btn+.pl-btn{
            margin-left: 15px;
        }
    }
    .pl-dialog-resize {
        position: absolute;
        height: 4px;
        width: 4px;
        display: block!important;
    }

.pl-dialog-resize-tl {
        top: 0px;
        left: 0px;
        cursor: nw-resize;
    }

.pl-dialog-resize-tm {
        top: 0;
        left: 4px;
        right:4px;
        width:auto;
        cursor: n-resize;
    }

.pl-dialog-resize-tr {
        top: 0;
        right:0;
        cursor: ne-resize;
    }

.pl-dialog-resize-ml {
        top: 4px;
        bottom:4px;
        left: 0;
        height: auto;
        cursor: w-resize;
    }

.pl-dialog-resize-mr {
        top: 4px;
        bottom: 4px;
        right: 0;
        height: auto;
        cursor: e-resize;
    }

.pl-dialog-resize-bl {
        bottom: 0;
        left: 0;
        cursor: sw-resize;
    }

.pl-dialog-resize-bm {
        bottom: 0;
        left: 4px;
        right: 4px;
        width:auto;
        cursor: s-resize;
    }

.pl-dialog-resize-br {
        bottom: 0;
        right: 0;
        cursor: se-resize;
    }
}
</style>

Ignore Space Show notes View admin/components/grid/col.vue 0 → 100644
<template> <div :class="divProps.class" v-on="divProps.on" v-bind="divProps.attrs" :style="divProps.style"><slot></slot></div> </template> <script> import PropTypes from '@admin/utils/vue-types/index' const stringOrNumber = PropTypes.oneOfType([PropTypes.string, PropTypes.number]); export const ColSize = PropTypes.shape({ span: stringOrNumber, order: stringOrNumber, offset: stringOrNumber, push: stringOrNumber, pull: stringOrNumber, }).loose; const objectOrNumber = PropTypes.oneOfType([PropTypes.number, ColSize]); export const ColProps = { span: stringOrNumber, order: stringOrNumber, offset: stringOrNumber, push: stringOrNumber, pull: stringOrNumber, xs: objectOrNumber, sm: objectOrNumber, md: objectOrNumber, lg: objectOrNumber, xl: objectOrNumber, xxl: objectOrNumber, prefixCls: PropTypes.string, }; export default { name: 'pl-col', props: ColProps, computed:{ divProps(){ const { span, order, offset, push, pull, prefixCls = 'pl-col', $slots, $attrs, $listeners, rowContext, } = this; let sizeClassObj = {}; ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].forEach(size => { let sizeProps = {}; if (typeof this[size] === 'number') { sizeProps.span = this[size]; } else if (typeof this[size] === 'object') { sizeProps = this[size] \|\| {}; } sizeClassObj = { ...sizeClassObj, [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined, [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order \|\| sizeProps.order === 0, [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset \|\| sizeProps.offset === 0, [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push \|\| sizeProps.push === 0, [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull \|\| sizeProps.pull === 0, }; }); const classes = { [`${prefixCls}-${span}`]: span !== undefined, [`${prefixCls}-order-${order}`]: order, [`${prefixCls}-offset-${offset}`]: offset, [`${prefixCls}-push-${push}`]: push, [`${prefixCls}-pull-${pull}`]: pull, ...sizeClassObj, }; const divProps = { on: $listeners, attrs: $attrs, class: classes, style: {}, }; if (rowContext) { const gutter = rowContext.getGutter(); if (gutter > 0) { divProps.style = { paddingLeft: `${gutter / 2}px`, paddingRight: `${gutter / 2}px`, }; } } return divProps; } }, inject: { rowContext: { default: () => null, }, } }; </script>

Ignore Space Show notes View

admin/components/grid/col.vue 0 → 100644

const stringOrNumber = PropTypes.oneOfType([PropTypes.string, PropTypes.number]);

export const ColSize = PropTypes.shape({
  span: stringOrNumber,
  order: stringOrNumber,
  offset: stringOrNumber,
  push: stringOrNumber,
  pull: stringOrNumber,
}).loose;

const objectOrNumber = PropTypes.oneOfType([PropTypes.number, ColSize]);

export const ColProps = {
  span: stringOrNumber,
  order: stringOrNumber,
  offset: stringOrNumber,
  push: stringOrNumber,
  pull: stringOrNumber,
  xs: objectOrNumber,
  sm: objectOrNumber,
  md: objectOrNumber,
  lg: objectOrNumber,
  xl: objectOrNumber,
  xxl: objectOrNumber,
  prefixCls: PropTypes.string,
};

export default {
  name: 'pl-col',
  props: ColProps,
  computed:{
      divProps(){
        const {
            span,
            order,
            offset,
            push,
            pull,
            prefixCls = 'pl-col',
            $slots,
            $attrs,
            $listeners,
            rowContext,
        } = this;
        let sizeClassObj = {};
        ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].forEach(size => {
            let sizeProps = {};
            if (typeof this[size] === 'number') {
                sizeProps.span = this[size];
            } else if (typeof this[size] === 'object') {
                sizeProps = this[size] || {};
            }

sizeClassObj = {
                ...sizeClassObj,
                [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
                [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
                [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:
                sizeProps.offset || sizeProps.offset === 0,
                [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
                [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
            };
        });
        const classes = {
            [`${prefixCls}-${span}`]: span !== undefined,
            [`${prefixCls}-order-${order}`]: order,
            [`${prefixCls}-offset-${offset}`]: offset,
            [`${prefixCls}-push-${push}`]: push,
            [`${prefixCls}-pull-${pull}`]: pull,
            ...sizeClassObj,
        };
        const divProps = {
            on: $listeners,
            attrs: $attrs,
            class: classes,
            style: {},
        };
        if (rowContext) {
            const gutter = rowContext.getGutter();
            if (gutter > 0) {
                divProps.style = {
                paddingLeft: `${gutter / 2}px`,
                paddingRight: `${gutter / 2}px`,
                };
            }
        }
        return divProps;
    }
  },
  inject: {
    rowContext: {
      default: () => null,
    },
  }
};
</script>

Ignore Space Show notes View admin/components/grid/index.js 0 → 100644
import PRow from './row.vue'; import PCol from './col.vue'; export { PRow,PCol };

Ignore Space Show notes View admin/components/grid/row.vue 0 → 100644
<template> <div :class="classes" :style="rowStyle"> <slot></slot> </div> </template> <script> import PropTypes from '@admin/utils/vue-types/index' import enquire from 'enquire.js' // matchMedia polyfill for // https://github.com/WickyNilliams/enquire.js/issues/82 // let enquire = null; if (typeof window !== "undefined") { const matchMediaPolyfill = mediaQuery => { return { media: mediaQuery, matches: false, addListener() {}, removeListener() {} }; }; window.matchMedia = window.matchMedia \|\| matchMediaPolyfill; // enquire = require("enquire.js"); } const BreakpointMap = PropTypes.shape({ xs: PropTypes.number, sm: PropTypes.number, md: PropTypes.number, lg: PropTypes.number, xl: PropTypes.number, xxl: PropTypes.number }).loose; const RowProps = { gutter: PropTypes.oneOfType([PropTypes.number, BreakpointMap]), type: PropTypes.oneOf(["flex"]), align: PropTypes.oneOf(["top", "middle", "bottom"]), justify: PropTypes.oneOf([ "start", "end", "center", "space-around", "space-between" ]), prefixCls: PropTypes.string }; const responsiveArray = ["xxl", "xl", "lg", "md", "sm", "xs"]; const responsiveMap = { xs: "(max-width: 575px)", sm: "(min-width: 576px)", md: "(min-width: 768px)", lg: "(min-width: 992px)", xl: "(min-width: 1200px)", xxl: "(min-width: 1600px)" }; export default { name: "pl-row", //mixins: [BaseMixin], props: { ...RowProps, gutter: PropTypes.oneOfType([PropTypes.number, BreakpointMap]).def(0) }, provide() { return { rowContext: this }; }, data() { return { screens: {} }; }, computed:{ classes(){ const { type, justify, align, prefixCls = "pl-row", $slots } = this; const classes = { [prefixCls]: !type, [`${prefixCls}-${type}`]: type, [`${prefixCls}-${type}-${justify}`]: type && justify, [`${prefixCls}-${type}-${align}`]: type && align }; return classes; }, rowStyle(){ const gutter = this.getGutter(); const rowStyle = gutter > 0 ? { marginLeft: `${gutter / -2}px`, marginRight: `${gutter / -2}px` } : {}; return rowStyle; } }, mounted() { this.$nextTick(() => { Object.keys(responsiveMap).map(screen =>{ enquire.register(responsiveMap[screen], { match: () => { if (typeof this.gutter !== "object") { return; } this.setState(prevState => ({ screens: { ...prevState.screens, [screen]: true } })); }, unmatch: () => { if (typeof this.gutter !== "object") { return; } this.setState(prevState => ({ screens: { ...prevState.screens, [screen]: false } })); }, // Keep a empty destory to avoid triggering unmatch when unregister destroy() {} }) }); }); }, beforeDestroy() { Object.keys(responsiveMap).map(screen => enquire.unregister(responsiveMap[screen]) ); }, methods: { setState(state, callback) { const newState = typeof state === 'function' ? state(this.$data, this.$props) : state; Object.assign(this.$data, newState); this.$nextTick(() => { callback && callback(); }); }, __emit() { // 直接调用listeners，底层组件不需要vueTool记录events const args = [].slice.call(arguments, 0); const filterEvent = []; const eventName = args[0]; if (args.length && this.$listeners[eventName]) { if (filterEvent.includes(eventName)) { this.$emit(eventName, ...args.slice(1)); } else { this.$listeners[eventName](...args.slice(1)); } } }, getGutter() { const { gutter } = this; if (typeof gutter === "object") { for (let i = 0; i < responsiveArray.length; i++) { const breakpoint = responsiveArray[i]; if (this.screens[breakpoint] && gutter[breakpoint] !== undefined) { return gutter[breakpoint]; } } } return gutter; } } }; </script>

Ignore Space Show notes View

admin/components/grid/row.vue 0 → 100644

<template>
  <div :class="classes" :style="rowStyle">
    <slot></slot>
  </div>
</template>
<script>
import PropTypes from '@admin/utils/vue-types/index'
import enquire from 'enquire.js'
// matchMedia polyfill for
// https://github.com/WickyNilliams/enquire.js/issues/82
// let enquire = null;
if (typeof window !== "undefined") {
    const matchMediaPolyfill = mediaQuery => {
        return {
            media: mediaQuery,
            matches: false,
            addListener() {},
            removeListener() {}
        };
    };
    window.matchMedia = window.matchMedia || matchMediaPolyfill;
    // enquire = require("enquire.js");
}

const BreakpointMap = PropTypes.shape({
    xs: PropTypes.number,
    sm: PropTypes.number,
    md: PropTypes.number,
    lg: PropTypes.number,
    xl: PropTypes.number,
    xxl: PropTypes.number
}).loose;

const RowProps = {
  gutter: PropTypes.oneOfType([PropTypes.number, BreakpointMap]),
  type: PropTypes.oneOf(["flex"]),
  align: PropTypes.oneOf(["top", "middle", "bottom"]),
  justify: PropTypes.oneOf([
    "start",
    "end",
    "center",
    "space-around",
    "space-between"
  ]),
  prefixCls: PropTypes.string
};

const responsiveArray = ["xxl", "xl", "lg", "md", "sm", "xs"];
const responsiveMap = {
  xs: "(max-width: 575px)",
  sm: "(min-width: 576px)",
  md: "(min-width: 768px)",
  lg: "(min-width: 992px)",
  xl: "(min-width: 1200px)",
  xxl: "(min-width: 1600px)"
};

export default {
    name: "pl-row",
    //mixins: [BaseMixin],
    props: {
        ...RowProps,
        gutter: PropTypes.oneOfType([PropTypes.number, BreakpointMap]).def(0)
    },
    provide() {
        return {
            rowContext: this
        };
    },
    data() {
        return {
            screens: {}
        };
    },
    computed:{
        classes(){
            const { type, justify, align, prefixCls = "pl-row", $slots } = this;
            const classes = {
                [prefixCls]: !type,
                [`${prefixCls}-${type}`]: type,
                [`${prefixCls}-${type}-${justify}`]: type && justify,
                [`${prefixCls}-${type}-${align}`]: type && align
            };
            return classes;
        },
        rowStyle(){
            const gutter = this.getGutter();
            const rowStyle =
                gutter > 0
                ? {
                    marginLeft: `${gutter / -2}px`,
                    marginRight: `${gutter / -2}px`
                    }
                : {};
            return rowStyle;
        }
    },
    mounted() {
        this.$nextTick(() => {
            Object.keys(responsiveMap).map(screen =>{
                enquire.register(responsiveMap[screen], {
                    match: () => {
                    if (typeof this.gutter !== "object") {
                        return;
                    }
                    this.setState(prevState => ({
                        screens: {
                            ...prevState.screens,
                            [screen]: true
                        }
                    }));
                    },
                    unmatch: () => {
                    if (typeof this.gutter !== "object") {
                        return;
                    }
                    this.setState(prevState => ({
                        screens: {
                        ...prevState.screens,
                        [screen]: false
                        }
                    }));
                    },
                    // Keep a empty destory to avoid triggering unmatch when unregister
                    destroy() {}
                })
            });
        });
    },
    beforeDestroy() {
        Object.keys(responsiveMap).map(screen =>
            enquire.unregister(responsiveMap[screen])
        );
    },
    
    methods: {
        setState(state, callback) {
            const newState = typeof state === 'function' ? state(this.$data, this.$props) : state;
            Object.assign(this.$data, newState);
            this.$nextTick(() => {
                callback && callback();
            });
        },
        __emit() {
            // 直接调用listeners，底层组件不需要vueTool记录events
            const args = [].slice.call(arguments, 0);
            const filterEvent = [];
            const eventName = args[0];
            if (args.length && this.$listeners[eventName]) {
                if (filterEvent.includes(eventName)) {
                this.$emit(eventName, ...args.slice(1));
                } else {
                this.$listeners[eventName](...args.slice(1));
                }
            }
        },
        getGutter() {
            const { gutter } = this;
            if (typeof gutter === "object") {
                for (let i = 0; i < responsiveArray.length; i++) {
                    const breakpoint = responsiveArray[i];
                    if (this.screens[breakpoint] && gutter[breakpoint] !== undefined) {
                    return gutter[breakpoint];
                    }
                }
            }
            return gutter;
        }
    }
};
</script>

Ignore Space Show notes View admin/components/portalPanel/index.vue 0 → 100644
<template> <div :class="['pl-portal-panel',isHover?'pl-portal-panelHover':'']" @mouseenter="isHover=true" @mouseleave="isHover=false" :style="panelStyle" > <p-tabs ref="cmp-tabs" v-model="defTabKey" :hasMoreMenu="false" :hasContextMenu="false"> <p-tabpanel v-for="(item,index) in tabs" :key="item.id" :close="false" :title="item.name" :name="item.resId" :url="hasPower(item.resUrl)?rootUrl+item.resUrl:''" :itemData="item" > <div class="pl-noPower" v-if="!hasPower(item.resUrl)"> <i class="iconfont icon-quanxian"></i> <div class="txt">暂无功能权限!</div> </div> </p-tabpanel> </p-tabs> </div> </template> <script> import {PTabs,PTabpanel} from '@admin/components/tabpanel' import {baseURL,codeProjectName} from '@admin/config' export default { components:{ PTabs,PTabpanel }, props:{ tabList:{ type:Array, default:[] }, height:{ type:[String, Number], require:true } }, data(){ let tabs = this.tabList; let l = tabs.length; return { defTabKey:l>0?tabs[0].resId:'', isHover:false, curIndex:0, tabs:tabs, rootUrl:baseURL+codeProjectName } }, computed:{ panelStyle(){ let h = this.height>100?this.height:100; let stl = { // height:(h-58-12)+'px',//总的-头部-边距 height:h+'px', position:'relative' } return stl; } }, methods:{ hasPower(url){ let powers = this.$store.getters.powerList; for(let i=powers.length-1;i>=0;i--){ if(url.indexOf(powers[i].resUrl)>-1){ return true } } return false; }, doRender(){ this.$refs['cmp-tabs'].resize(); } } } </script> <style scoped> </style>

Ignore Space Show notes View

admin/components/portalPanel/index.vue 0 → 100644

<template>
    <div :class="['pl-portal-panel',isHover?'pl-portal-panelHover':'']" 
        @mouseenter="isHover=true" 
        @mouseleave="isHover=false" 
        :style="panelStyle"
    >
        <p-tabs ref="cmp-tabs" v-model="defTabKey"
        :hasMoreMenu="false"
        :hasContextMenu="false">
            <p-tabpanel 
                v-for="(item,index) in tabs" :key="item.id"
                :close="false" 
                :title="item.name" 
                :name="item.resId"                 
                :url="hasPower(item.resUrl)?rootUrl+item.resUrl:''"
                :itemData="item"
            >      
                <div class="pl-noPower" v-if="!hasPower(item.resUrl)">
                    <i class="iconfont icon-quanxian"></i>
                    <div class="txt">暂无功能权限!</div>
                </div>
            </p-tabpanel>
        </p-tabs> 
        
    </div>
</template>
<script>

import {PTabs,PTabpanel} from '@admin/components/tabpanel'
import {baseURL,codeProjectName} from '@admin/config'
export default {
     components:{
        PTabs,PTabpanel
    },
    props:{
        tabList:{            
            type:Array,
            default:[]
        },
        height:{
            type:[String, Number],
            require:true
        }
    },
    data(){
        let tabs = this.tabList;
        let l = tabs.length;
        return {
            defTabKey:l>0?tabs[0].resId:'',
            isHover:false,
            curIndex:0,
            tabs:tabs,
            rootUrl:baseURL+codeProjectName
        }
    },
    computed:{
        panelStyle(){
            let h = this.height>100?this.height:100;
            let stl = {
                // height:(h-58-12)+'px',//总的-头部-边距
                height:h+'px',
                position:'relative'
            }
            return stl;
        }
    },
    methods:{
        hasPower(url){
            let powers = this.$store.getters.powerList;
            for(let i=powers.length-1;i>=0;i--){
                if(url.indexOf(powers[i].resUrl)>-1){
                    return true
                }
            }
            return false;
        },
        doRender(){
            this.$refs['cmp-tabs'].resize(); 
        }
    }
}
</script>
<style scoped>
</style>

Ignore Space Show notes View admin/components/tabpanel/drpMenus.jsx 0 → 100644
const drpMenus={ name:'PTabitem', props:{ children:[Array] }, data(){ return { menuStyle:{ right:0, left:'auto', top:0, display:'none', overflow:'auto', maxHeight:'50%', // maxWidth:'150px' } } }, mounted(){ document.body.appendChild(this.$el); // document.addEventListener('click',this.hide) }, beforeDestroy(){ this.$el.remove(); // document.removeEventListener('click',this.hide) }, methods:{ show(x,y){ // let w=document.documentElement.offsetWidth; // let el_w = 150; // if(x+el_w>w){ // this.menuStyle.left=(w-el_w)+'px'; // }else{ // this.menuStyle.left=(x\|\|0)+'px'; // } if(y){ this.menuStyle.top=(y\|\|0)+'px'; } this.menuStyle.display='block' }, hide(){ this.menuStyle.display='none' }, onClose(panel,evt){ evt.stopPropagation(); this.$emit('onTabClose',panel.name,evt); // this.hide(); }, onActive(panel,evt){ evt.stopPropagation(); this.$emit('onTabChange',panel,evt) } }, render(h){ const {onClose,onActive,children}=this; const Props={ style:this.menuStyle, on:{ mouseout:()=>{this.hide()}, mouseover:()=>{this.show()} } } return ( <ul class="pl-menus pl-menus-sub pl-menus-pop" {...Props}> { children.map((panel,index)=>{ return ( <li class="pl-menus-item" on-click={(ev) => { onActive(panel, ev); } }> <a class="title" > <span class="txt">{panel.title}</span> {panel.close&&( <i class="trigger iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i> )} </a> </li> ) }) } </ul> ) } } export default drpMenus;

Ignore Space Show notes View

admin/components/tabpanel/drpMenus.jsx 0 → 100644

export default drpMenus;

Ignore Space Show notes View admin/components/tabpanel/index.js 0 → 100644
import PTabs from './tabs' import PTabpanel from './panel.vue' export { PTabs, PTabpanel }; export default PTabs;

Ignore Space Show notes View admin/components/tabpanel/panel.vue 0 → 100644
<template> <div class="pl-tabs-panel" :title="title" v-show="active" > <div class="pl-loading pl-loading-fixed" v-show="url&&!loaded" ref="dom-loader"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <iframe v-if="hasUrl" @load="handleIframeLoad" :name="'iframe'+name" ref="iframe"></iframe> <slot v-if="!hasUrl"></slot> </div> </template> <script> export default { name:'PTabpanel', props:{ close:[String,Number,Boolean], itemData:Object, title:{ type:String, default:"" }, name:{ type:[String,Number], default:"" }, url:{ type:[String], default:"" }, index:[String,Number] }, data(){ return { scrollTop: 0, loaded: false, hasUrl:!(this.url==null\|\|this.url=='') } }, computed:{ active(){ const active = this.$parent.currentName === this.name; return active; } }, watch:{ active(val){ let ifm = this.$refs["iframe"]; if(val){ this.setIframeSrc(); if (ifm.contentDocument) { this.$nextTick(()=>{ //保持原有的滚动位置 ifm.contentDocument.documentElement.scrollTop=this.scrollTop; }); } }else{ if (ifm.contentDocument) { //保持原有的滚动位置 this.scrollTop = ifm.contentDocument.documentElement.scrollTop; } } } }, updated() { this.$parent.$emit('tab-nav-update'); }, mounted(){ if(this.active){ // console.log('___________ mounted active ! setIframeSrc') this.setIframeSrc(); } }, beforeDestroy() { // this.offIframeScroll(); }, methods:{ setIframeSrc(){ let ifm = this.$refs['iframe']; if(!this.hasUrl\|\|this.loaded==true){ if (ifm.contentDocument) { ifm.contentWindow.document.body.scrollTop = this.scrollTop; } return; } if(ifm&&this.url.indexOf("about:blank")<0){ this.loaded = false; ifm.setAttribute('src',this.url); }else{ this.loaded = true; } }, reload(){ let ifm = this.$refs['iframe']; this.loaded=false; // console.log(' reload this page :',ifm.src,ifm.contentWindow.window.location.href); ifm.contentWindow.location.reload(); }, handleIframeLoad(evt){ // if(this.active==false){ // //如果没有被激活，就不加载 // return; // } let ifm = this.$refs['iframe']; if(this.title==""&& ifm.contentWindow.document.title!=""){ this.$emit("update:title", ifm.contentWindow.document.title); } if(ifm.src!=''&&ifm.src!=="about:blank"){ this.loaded=true; }else{ if(ifm.contentWindow.document.body.innerHTML==""){ this.loaded=false; }else{ this.loaded=true; } } if (ifm.contentDocument) { ifm.contentWindow.window.addEventListener('beforeunload',()=>{ this.loaded=false;//右击刷新时进行加载状态 }); } this.loaded&&this.$emit('onIframeLoad',this,evt); }, } } </script>

Ignore Space Show notes View

admin/components/tabpanel/panel.vue 0 → 100644

if (ifm.contentDocument) { 
                ifm.contentWindow.window.addEventListener('beforeunload',()=>{
                    this.loaded=false;//右击刷新 时进行加载状态
                });
            }

this.loaded&&this.$emit('onIframeLoad',this,evt);
        },
    }
}
</script>

Ignore Space Show notes View admin/components/tabpanel/tabNav.jsx 0 → 100644
import vueContextMenu from "@admin/components/contextMenu"; // import screenfull from 'screenfull' function noop() {} export default { props:{ panels:Array, onTabClick: { type: Function, default: noop }, onTabRemove: { type: Function, default: noop }, onTabCloseAll: { type: Function, default: noop }, hasContextMenu:{ type:Boolean, default:true } }, data(){ return { curContextMenuName:'',//右击tab curContextMenuIndex:null, show:true,//用于强制刷新 } }, watch:{ panels(){ this.show=false; this.$nextTick(()=>{ this.show = true;//用于强制刷新 }); } }, methods:{ resize(){ let tabWidth=0; let children = this.$el.querySelectorAll('li'); Array.prototype.map.call(children, function (el, index, list) { let rct = el.getBoundingClientRect(); tabWidth += rct.width; }); this.$el.style.width = (tabWidth+5)+'px'; let id = this.$parent.currentName; if (this.$refs[id] == null) return; let scrollLeft = this.$refs[id].offsetLeft, scrollArea = this.$refs[id].parentNode.parentNode.parentNode; if (scrollArea.offsetWidth < scrollLeft) { scrollArea.scrollLeft = scrollLeft; } else if (scrollArea.scrollLeft > scrollLeft) { scrollArea.scrollLeft = scrollLeft; } }, onClose(panel,e){ e.stopPropagation(); if(panel.$listeners&&panel.$listeners.onBeforeClose&&panel.$listeners.onBeforeClose(panel,e)===false){ return; } this.$emit('onTabClose',panel.name); }, onActive(panel,evt){ panel.$listeners&&panel.$listeners.onSelected&&panel.$listeners.onSelected(panel,evt) this.$emit('onTabChange',panel); }, onContextMenu(panel,index,e) { if(this.hasContextMenu==false){ return; } e.preventDefault() this.curContextMenuName = panel.name; this.curContextMenuIndex = index, this.$refs['cmp-tabContextMenu'].open(e); }, handleContextMenuRefresh(e) { let panel = this.panels[this.curContextMenuIndex]; if(!panel){return} if(panel.$listeners&&panel.$listeners.onBeforeRefresh&&panel.$listeners.onBeforeRefresh(panel,e)===false){ return; } panel.reload(); // let ifms = panel.$el.querySelectorAll('iframe'); // for(let i=ifms.length-1;i>=0;i--){ // ifms[i].contentWindow.window.location.reload(); // } }, handleContextMenuClose(e) { // e.stopPropagation(); let panel = this.panels[this.curContextMenuIndex]; if(!panel){return} if(panel.$listeners&&panel.$listeners.onBeforeClose&&panel.$listeners.onBeforeClose(panel,e)===false){ return; } this.$emit('onTabClose',panel.name); }, handleContextMenuCloseAll(e) { this.$emit('onTabCloseAll'); }, handleContextMenuCloseRt() { this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex); }, handleContextMenuCloseLt() { this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex); }, handleContextMenuCloseOt() { this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex); }, handleFullScreen(){ // this.FullCreeen(document.documentElement); this.$emit('onFullScreen') }, FullCreeen(element) { // let el = element; // let rfs = // el.requestFullScreen \|\| // el.webkitRequestFullScreen \|\| // el.mozRequestFullScreen \|\| // el.msRequestFullScreen; // // Element.requestFullscreen() 此方法用于发出异步请求使元素进入全屏模式。 // // 调用此API并不能保证元素一定能够进入全屏模式。如果元素被允许进入全屏幕模式， // // document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏模式。如果全屏请求不被许可，则会收到一个fullscreenerror事件。 // if (typeof rfs != "undefined" && rfs) { // rfs.call(el); // } else if (typeof window.ActiveXObject != "undefined") { // let wscript = new ActiveXObject("WScript.Shell"); // if (wscript != null) { // wscript.SendKeys("{F11}"); // } // } screenfull.toggle() }, outFullCreeen(element){ // let el = element; // let cfs = el.cancelFullScreen \|\| el.webkitCancelFullScreen \|\| // el.mozCancelFullScreen \|\| el.exitFullScreen; // if (typeof cfs != "undefined" && cfs) { // cfs.call(el); // } else if (typeof window.ActiveXObject != "undefined") { // let wscript = new ActiveXObject("WScript.Shell"); // if (wscript != null) { // wscript.SendKeys("{F11}"); // } // } }, }, render(h){ let { onClose, onActive, onContextMenu, hasContextMenu, show }=this; let tabs = this._l(this.panels,(panel,index)=>{ const nodeProps = { class:{ ['pl-tabs-item']:1, ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName }, attrs:{ id:'tab_'+panel.name } }; const closeTpl = ( <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i> ) const title = panel.title; return ( <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}> <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}> <span class="pl-tabs-itemTxt sys-tab-item-text">{title}</span> {(panel.close===""\|\|panel.close===true)&&closeTpl} </div> </li> ) }); const ctxMenuProp = { props: { ['menu-items']: [ { title: this.$lang('refresh')\|\|'刷新', iconClass: 'icon-refresh', handler: this.handleContextMenuRefresh, }, { title: this.$lang('close')\|\|'关闭', iconClass: 'icon-close-circle', handler: this.handleContextMenuClose, }, { title: this.$lang('closeLeft')\|\|'关闭左侧', iconClass: 'icon-arrow-leftMore-circle', handler: this.handleContextMenuCloseLt, }, { title: this.$lang('closeRight')\|\|'关闭右侧', iconClass: 'icon-arrow-rightMore-circle', handler: this.handleContextMenuCloseRt, }, { title: this.$lang('closeOther')\|\|'关闭其它', iconClass: 'icon-closeOther', handler: this.handleContextMenuCloseOt, }, { title: this.$lang('closeAll')\|\|'关闭所有', iconClass: 'icon-closeAll', handler: this.handleContextMenuCloseAll, }, { title: this.$lang('fullScreen')\|\|'全屏', iconClass: 'icon-quanping', handler: this.handleFullScreen, } ] } }; return ( <div> <ul>{show?tabs:''}</ul> { hasContextMenu&&( <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu> ) } </div> ) }, updated(){ this.$parent.resize(); } }

Ignore Space Show notes View

admin/components/tabpanel/tabNav.jsx 0 → 100644

import vueContextMenu from "@admin/components/contextMenu";
// import screenfull from 'screenfull'
 function noop() {}
export default {
    props:{
        panels:Array,
        onTabClick: {
        type: Function,
        default: noop
      },
      onTabRemove: {
        type: Function,
        default: noop
      },
      onTabCloseAll: {
        type: Function,
        default: noop
      },
        hasContextMenu:{
            type:Boolean,
            default:true
        }
    },
    data(){
        return {
            curContextMenuName:'',//右击tab
            curContextMenuIndex:null,
            show:true,//用于强制刷新
        }
    },
    watch:{
        panels(){
            this.show=false;
            this.$nextTick(()=>{
                this.show = true;//用于强制刷新
            });
        }
    },
    methods:{
        resize(){
            let tabWidth=0;
            let children = this.$el.querySelectorAll('li');
            Array.prototype.map.call(children, function (el, index, list) {
                let rct = el.getBoundingClientRect();        
                tabWidth += rct.width;
            });
            this.$el.style.width = (tabWidth+5)+'px';

let id = this.$parent.currentName;
            if (this.$refs[id] == null) return;
                let scrollLeft = this.$refs[id].offsetLeft,
                scrollArea = this.$refs[id].parentNode.parentNode.parentNode;
            if (scrollArea.offsetWidth < scrollLeft) {
                scrollArea.scrollLeft = scrollLeft;
            } else if (scrollArea.scrollLeft > scrollLeft) {
                scrollArea.scrollLeft = scrollLeft;
            }

},
        onClose(panel,e){
            e.stopPropagation();
            if(panel.$listeners&&panel.$listeners.onBeforeClose&&panel.$listeners.onBeforeClose(panel,e)===false){
                return;
            }
            this.$emit('onTabClose',panel.name);
        },
        onActive(panel,evt){
            panel.$listeners&&panel.$listeners.onSelected&&panel.$listeners.onSelected(panel,evt)
            this.$emit('onTabChange',panel);
        },
        onContextMenu(panel,index,e) {
            if(this.hasContextMenu==false){
                return;
            }
            e.preventDefault()
            this.curContextMenuName = panel.name;
            this.curContextMenuIndex = index,
            this.$refs['cmp-tabContextMenu'].open(e);
        },
        handleContextMenuRefresh(e) {
            let panel = this.panels[this.curContextMenuIndex];
            if(!panel){return}
            if(panel.$listeners&&panel.$listeners.onBeforeRefresh&&panel.$listeners.onBeforeRefresh(panel,e)===false){
                return;
            }
            panel.reload();
            // let ifms = panel.$el.querySelectorAll('iframe');
            // for(let i=ifms.length-1;i>=0;i--){
            //     ifms[i].contentWindow.window.location.reload();
            // }
        },
        handleContextMenuClose(e) {
            // e.stopPropagation();
            let panel = this.panels[this.curContextMenuIndex];            
            if(!panel){return}
            if(panel.$listeners&&panel.$listeners.onBeforeClose&&panel.$listeners.onBeforeClose(panel,e)===false){
                return;
            }
            this.$emit('onTabClose',panel.name);
        },
        handleContextMenuCloseAll(e) {
            this.$emit('onTabCloseAll');
        },
        handleContextMenuCloseRt() {
            this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseLt() {
            this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseOt() {
            this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleFullScreen(){
            // this.FullCreeen(document.documentElement);
            this.$emit('onFullScreen')
        },
        FullCreeen(element) {
            // let el = element;
            // let rfs =
            //     el.requestFullScreen ||
            //     el.webkitRequestFullScreen ||
            //     el.mozRequestFullScreen ||
            //     el.msRequestFullScreen;
            //     // Element.requestFullscreen() 此方法用于发出异步请求使元素进入全屏模式。
            //     // 调用此API并不能保证元素一定能够进入全屏模式。如果元素被允许进入全屏幕模式，
            //     // document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏模式。如果全屏请求不被许可，则会收到一个fullscreenerror事件。
            // if (typeof rfs != "undefined" && rfs) {
            //     rfs.call(el);
            // } else if (typeof window.ActiveXObject != "undefined") {
            //     let wscript = new ActiveXObject("WScript.Shell");
            //     if (wscript != null) {
            //     wscript.SendKeys("{F11}");
            //     }
            // }
            screenfull.toggle()
        },
        outFullCreeen(element){
            // let el = element;
            // let cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||
            //     el.mozCancelFullScreen || el.exitFullScreen;
            // if (typeof cfs != "undefined" && cfs) { 
            //     cfs.call(el);
            // } else if (typeof window.ActiveXObject != "undefined") {
            //     let wscript = new ActiveXObject("WScript.Shell");
            //     if (wscript != null) {
            //         wscript.SendKeys("{F11}");
            //     }
            // }
        },
    },
    render(h){
        let {
            onClose,
            onActive,
            onContextMenu,
            hasContextMenu,
            show
        }=this;
        let tabs = this._l(this.panels,(panel,index)=>{           
            const nodeProps = {
                class:{                
                    ['pl-tabs-item']:1,
                    ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName
                },
                attrs:{
                    id:'tab_'+panel.name
                }
            };
            const closeTpl = (
                <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i>
            )  
            const title = panel.title; 
            return (
                <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}>
                    <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}>
                        <span class="pl-tabs-itemTxt sys-tab-item-text">{title}</span>
                        {(panel.close===""||panel.close===true)&&closeTpl}
                    </div>
                </li>
            )
        });
        const ctxMenuProp = {
            props: {
                ['menu-items']: [
                    {
                        title: this.$lang('refresh')||'刷新',
                        iconClass: 'icon-refresh',
                        handler: this.handleContextMenuRefresh,
                    },
                    {
                        title: this.$lang('close')||'关闭',
                        iconClass: 'icon-close-circle',
                        handler: this.handleContextMenuClose,
                    },
                    {
                        title: this.$lang('closeLeft')||'关闭左侧',
                        iconClass: 'icon-arrow-leftMore-circle',
                        handler: this.handleContextMenuCloseLt,
                    },
                    {
                        title: this.$lang('closeRight')||'关闭右侧',
                        iconClass: 'icon-arrow-rightMore-circle',
                        handler: this.handleContextMenuCloseRt,
                    },
                    {
                        title: this.$lang('closeOther')||'关闭其它',
                        iconClass: 'icon-closeOther',
                        handler: this.handleContextMenuCloseOt,
                    },
                    {
                        title: this.$lang('closeAll')||'关闭所有',
                        iconClass: 'icon-closeAll',
                        handler: this.handleContextMenuCloseAll,
                    },
                    {
                        title: this.$lang('fullScreen')||'全屏',
                        iconClass: 'icon-quanping',
                        handler: this.handleFullScreen,
                    }
                ]
            }
        };
        return (
            <div>
                <ul>{show?tabs:''}</ul>
                {
                    hasContextMenu&&(
                        <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu>
                    )
                }                   
            </div>    
        )
    },
    updated(){
        this.$parent.resize();
    }
}

Ignore Space Show notes View admin/components/tabpanel/tabs.jsx 0 → 100644
import findIndex from 'lodash/findIndex' import Panel from './panel.vue' import TabNav from './tabNav.jsx' import DrpMenus from './drpMenus' const Tabs = { name: 'PTabs', props: { value: {}, hasMoreMenu:{ type:Boolean, default:true }, hasContextMenu:{ type:Boolean, default:true } }, watch: { value(value) { this.setCurrentName(value) }, }, inject:['showTab','hideTab'], data() { return { currentName: this.value \|\| this.activeName, contextMenuKey: null, scrollStep: 115, showScroll: false, panels: [] } }, created() { this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true)); }, mounted() { this.calcPaneInstances(); window.addEventListener('resize',this.resize); }, updated() { this.calcPaneInstances(); }, beforeDestroy() { window.removeEventListener('resize',this.resize); }, methods: { setCurrentName(value) { this.currentName = value; //绑定提是v-model所以这里要加一下，这样可以对 props 传进来的value 进行改变 this.$emit('input', value); this.$nextTick(r=>{ let panel = this.getItem(value); this.$emit('onActiveTab',panel); }); }, calcPaneInstances() { //收集插槽里头的组件实例，以重新渲染 if (this.$slots.default) { const panelslots = this.$slots.default.filter(vnode => vnode.tag && vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'PTabpanel'); // update indeed const panels = panelslots.map(({ componentInstance }) => componentInstance); const panelsChanged = !(panels.length === this.panels.length && panels.every((pane, index) => pane === this.panels[index])); if (panelsChanged) { this.panels = panels; this.$set(this,'panels',panels) } } else if (this.panels.length !== 0) { this.$set(this,'panels',[]) } }, closeItem(key) { let me = this; me.$emit('onRemoveTab', key); me.resize(); }, closeCurItem() { this.closeItem(this.currentName); }, getItemIndex(name) { let index = findIndex(this.panels, item => { return item.name == name; }); return index; }, getItem(name) { let index = findIndex(this.panels, item => { return item.name == name; }); if (index > -1) { return this.panels[index]; } return null; }, getItemObj(name) { let panel = this.getItem(name); if (panel == null) return null; return { //.$refs['TabNavs'] id:name, uid:name, name:name, tabEl: this.$el.querySelector('#tab_'+name),//null tabPanelEl: panel.$el, tabPanelIframeEl: panel.$el.querySelector('iframe') }; }, getSeldItemObj() { return this.getItemObj(this.currentName); }, resize() { this.$refs['TabNavs'].resize(); // console.log('height', this.$refs['domTabHead'].offsetHeight) // console.log('offsetHeight', this.$el.offsetHeight) this.$refs['domTabBody'].style.height = this.$el.offsetHeight - this.$refs['domTabHead'].offsetHeight + 'px'; // console.log('main height', this.$refs['domTabBody'].style.height) let tabScroll = this.$refs['domTabScroll']; this.showScroll = tabScroll.offsetWidth < tabScroll.scrollWidth; }, handleShowDrpMenus(evt) { evt.stopPropagation(); const rects = evt.currentTarget.getClientRects()[0]; this.$refs['cmp-drpMenus'].show(rects.left,rects.top + rects.height); }, handleHideDrpMenus() { this.$refs['cmp-drpMenus'].hide(); }, handleMoreMenuClick(vm, event) { // this.activeKey = vm.$el.getAttribute('alt'); this.resize(); }, handleScrollLt(step) { let el = this.$refs['domTabScroll']; el.scrollLeft = el.scrollLeft - (step \|\| this.scrollStep); }, handleScrollLtMouseDown() { let me = this; me.scrollPressTimer = setInterval(function () { me.handleScrollLt(10); }, 10); }, handleScrollLtMouseUp() { clearInterval(this.scrollPressTimer); }, handleScrollRt(step) { let el = this.$refs['domTabScroll']; el.scrollLeft = el.scrollLeft + (step \|\| this.scrollStep); }, handleScrollRtMouseDown() { let me = this; me.scrollPressTimer = setInterval(function () { me.handleScrollRt(10); }, 10); }, handleScrollRtMouseUp() { clearInterval(this.scrollPressTimer); }, handleTabChange(panel) { if(panel.name==this.currentName){ return; } this.setCurrentName(panel.name); }, handleTabClose(name) { this.closeItem(name); }, handleTabCloseAll(){ this.$emit('onRemoveAllTab'); this.resize(); }, handleTabCloseLt(name,index){ this.$emit('onRemoveLeft',name,index); this.resize(); }, handleTabCloseRt(name,index){ this.$emit('onRemoveRight',name,index); this.resize(); }, handleTabCloseOt(name,index){ this.$emit('onRemoveOther',name,index); this.resize(); }, handleFullScreen(){ this.$emit('onFullScreen') } }, render(h) { let {hasMoreMenu,hasContextMenu}=this; let children = this.panels; let navData={ props:{ panels:children, hasContextMenu:hasContextMenu }, on:{ onTabChange: this.handleTabChange, onTabClose: this.handleTabClose, onTabCloseAll: this.handleTabCloseAll, onTabCloseLt:this.handleTabCloseLt, onTabCloseRt:this.handleTabCloseRt, onTabCloseOt:this.handleTabCloseOt, onFullScreen:this.handleFullScreen }, ref:'domTabSrcollInner' }; let scrollLtBtn = { style: { display: this.showScroll ? 'inline-block' : 'none' }, on: { //click:this.handleScrollLt, mousedown: this.handleScrollLtMouseDown, mouseup: this.handleScrollLtMouseUp, } }, scrollRtBtn = { style: { display: this.showScroll ? 'inline-block' : 'none' }, on: { //click:this.handleScrollRt, mousedown: this.handleScrollRtMouseDown, mouseup: this.handleScrollRtMouseUp, } }, moreBtn = { on: { mouseover: this.handleShowDrpMenus, mouseout: this.handleHideDrpMenus } }, drpMenus = { props: { children: children }, on: { click: this.handleMoreMenuClick, onTabChange: this.handleTabChange, onTabClose: this.handleTabClose } }, hideSty = { on: { mouseout: this.showTab, mouseover: this.hideTab } }; return ( <div class="pl-tabs"> <div class="pl-tabs-hd" ref='domTabHead'> <div class="pl-tabs-tool" ref='domTabTool'> <div class="item" title='左边滚动' ref='domTabScrollLt' {...scrollLtBtn}> <i class="iconfont icon-arrow-left"></i> </div> <div class="item" title='右边滚动' ref='domTabScrollRt' {...scrollRtBtn}> <i class="iconfont icon-arrow-right"></i> </div> { hasMoreMenu&&( <div class="item" title='更多' ref='domTabScrollMore' {...moreBtn} > <i class="iconfont icon-arrow-down"></i> <DrpMenus ref="cmp-drpMenus" {...drpMenus}></DrpMenus> </div> ) } </div> <div class="pl-tabs-scroll" ref='domTabScroll'> <TabNav {...navData} ref='TabNavs'></TabNav> </div> </div> <div class="pl-tabpanel-bd" ref='domTabBody' {...hideSty}> {this.$slots.default} </div> </div> ) } } export default Tabs;

Ignore Space Show notes View

admin/components/tabpanel/tabs.jsx 0 → 100644

import findIndex from 'lodash/findIndex'
import Panel from './panel.vue'
import TabNav from './tabNav.jsx'
import DrpMenus from './drpMenus'
const Tabs = {
    name: 'PTabs',
    props: {
        value: {},
        hasMoreMenu:{
            type:Boolean,
            default:true
        },
        hasContextMenu:{
            type:Boolean,
            default:true
        }
    },
    watch: {
        value(value) {
            this.setCurrentName(value)
        },
    },
    inject:['showTab','hideTab'],
    data() {
        return {
            currentName: this.value || this.activeName,
            contextMenuKey: null,
            scrollStep: 115,
            showScroll: false,
            panels: []
        }
    },
    created() {
        this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
    },
    mounted() {
        this.calcPaneInstances();
        window.addEventListener('resize',this.resize);
    },
    updated() {
        this.calcPaneInstances();
    },
    beforeDestroy() {
        window.removeEventListener('resize',this.resize);
    },
    methods: {
        setCurrentName(value) {
            this.currentName = value;  
            //绑定提是v-model所以这里要加一下，这样可以对 props 传进来的value 进行改变          
            this.$emit('input', value);
            this.$nextTick(r=>{
                let panel = this.getItem(value);
                this.$emit('onActiveTab',panel);
            });  
        },
        calcPaneInstances() {
            //收集插槽里头的组件实例，以重新渲染
            if (this.$slots.default) {
                const panelslots = this.$slots.default.filter(vnode => vnode.tag &&
                    vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'PTabpanel');
                // update indeed
                const panels = panelslots.map(({ componentInstance }) => componentInstance);
                const panelsChanged = !(panels.length === this.panels.length && panels.every((pane, index) => pane === this.panels[index]));
                if (panelsChanged) {
                    this.panels = panels;
                    this.$set(this,'panels',panels)
                }
            } else if (this.panels.length !== 0) {
                this.$set(this,'panels',[])
            }
        },
        closeItem(key) {
            let me = this;
            me.$emit('onRemoveTab', key);
            me.resize();
        },
        closeCurItem() {
            this.closeItem(this.currentName);
        },
        getItemIndex(name) {
            let index = findIndex(this.panels, item => {
                return item.name == name;
            });
            return index;
        },
        getItem(name) {
            let index = findIndex(this.panels, item => {
                return item.name == name;
            });
            if (index > -1) {
                return this.panels[index];
            }
            return null;
        },
        getItemObj(name) {
            let panel = this.getItem(name);
            if (panel == null) return null; 
            return {   
                //.$refs['TabNavs']
                id:name,
                uid:name,
                name:name,
                tabEl: this.$el.querySelector('#tab_'+name),//null
                tabPanelEl: panel.$el,
                tabPanelIframeEl: panel.$el.querySelector('iframe')
            };
        },
        getSeldItemObj() {
            return this.getItemObj(this.currentName);
        },
        resize() {
            this.$refs['TabNavs'].resize();
            // console.log('height', this.$refs['domTabHead'].offsetHeight)
            // console.log('offsetHeight', this.$el.offsetHeight)
            this.$refs['domTabBody'].style.height = this.$el.offsetHeight - this.$refs['domTabHead'].offsetHeight + 'px';
            // console.log('main height', this.$refs['domTabBody'].style.height)
            let tabScroll = this.$refs['domTabScroll'];
            this.showScroll = tabScroll.offsetWidth < tabScroll.scrollWidth;
        },
        handleShowDrpMenus(evt) {
            evt.stopPropagation();
            const rects = evt.currentTarget.getClientRects()[0];
            this.$refs['cmp-drpMenus'].show(rects.left,rects.top + rects.height);
        },
        handleHideDrpMenus() {
            this.$refs['cmp-drpMenus'].hide();
        },
        handleMoreMenuClick(vm, event) {
            // this.activeKey = vm.$el.getAttribute('alt');
            this.resize();
        },
        handleScrollLt(step) {
            let el = this.$refs['domTabScroll'];
            el.scrollLeft = el.scrollLeft - (step || this.scrollStep);
        },
        handleScrollLtMouseDown() {
            let me = this;
            me.scrollPressTimer = setInterval(function () {
                me.handleScrollLt(10);
            }, 10);
        },
        handleScrollLtMouseUp() {
            clearInterval(this.scrollPressTimer);
        },
        handleScrollRt(step) {
            let el = this.$refs['domTabScroll'];
            el.scrollLeft = el.scrollLeft + (step || this.scrollStep);
        },
        handleScrollRtMouseDown() {
            let me = this;
            me.scrollPressTimer = setInterval(function () {
                me.handleScrollRt(10);
            }, 10);
        },
        handleScrollRtMouseUp() {
            clearInterval(this.scrollPressTimer);
        },
        handleTabChange(panel) {
            if(panel.name==this.currentName){
                return;
            }
            this.setCurrentName(panel.name);
                      
        },
        handleTabClose(name) {
            this.closeItem(name);
        },
        handleTabCloseAll(){
            this.$emit('onRemoveAllTab');
            this.resize();
        },
        handleTabCloseLt(name,index){
            this.$emit('onRemoveLeft',name,index);
            this.resize();
        },
        handleTabCloseRt(name,index){
            this.$emit('onRemoveRight',name,index);
            this.resize();
        },
        handleTabCloseOt(name,index){
            this.$emit('onRemoveOther',name,index);
            this.resize();
        },
        handleFullScreen(){
            this.$emit('onFullScreen')
        }
    },
    render(h) {
        let {hasMoreMenu,hasContextMenu}=this;
        let children = this.panels;
        let navData={
            props:{
                panels:children,
                hasContextMenu:hasContextMenu
            },
            on:{
                onTabChange: this.handleTabChange,
                onTabClose: this.handleTabClose,
                onTabCloseAll: this.handleTabCloseAll,
                onTabCloseLt:this.handleTabCloseLt,
                onTabCloseRt:this.handleTabCloseRt,
                onTabCloseOt:this.handleTabCloseOt,
                onFullScreen:this.handleFullScreen
            },
            ref:'domTabSrcollInner'
        };
        let scrollLtBtn = {
            style: {
                display: this.showScroll ? 'inline-block' : 'none'
            },
            on: {
                //click:this.handleScrollLt,
                mousedown: this.handleScrollLtMouseDown,
                mouseup: this.handleScrollLtMouseUp,
            }
        }, scrollRtBtn = {
            style: {
                display: this.showScroll ? 'inline-block' : 'none'
            },
            on: {
                //click:this.handleScrollRt,
                mousedown: this.handleScrollRtMouseDown,
                mouseup: this.handleScrollRtMouseUp,
            }
        }, moreBtn = {
            on: {
                mouseover: this.handleShowDrpMenus,
                mouseout: this.handleHideDrpMenus
            }
        }, drpMenus = {
            props: {
                children: children
            },
            on: {
                click: this.handleMoreMenuClick,
                onTabChange: this.handleTabChange,
                onTabClose: this.handleTabClose
            }
        }, hideSty = {
            on: {
                mouseout: this.showTab,
                mouseover: this.hideTab
            }
        };
        return (
            <div class="pl-tabs">
                <div class="pl-tabs-hd" ref='domTabHead'>
                    <div class="pl-tabs-tool" ref='domTabTool'>
                        <div class="item" title='左边滚动' ref='domTabScrollLt' {...scrollLtBtn}>
                            <i class="iconfont icon-arrow-left"></i>
                        </div>
                        <div class="item" title='右边滚动' ref='domTabScrollRt' {...scrollRtBtn}>
                            <i class="iconfont icon-arrow-right"></i>
                        </div>
                        {
                            hasMoreMenu&&(
                                <div class="item" title='更多' ref='domTabScrollMore' {...moreBtn} >
                                    <i class="iconfont icon-arrow-down"></i>
                                    <DrpMenus ref="cmp-drpMenus" {...drpMenus}></DrpMenus>
                                </div>
                            )
                        }
                        
                    </div>
                    <div class="pl-tabs-scroll" ref='domTabScroll'>
                        <TabNav {...navData} ref='TabNavs'></TabNav>
                    </div>
                </div>
                <div class="pl-tabpanel-bd" ref='domTabBody' {...hideSty}>
                    {this.$slots.default}
                </div>
            </div>
        )
    }
}

export default Tabs;

Ignore Space Show notes View admin/config/index.js 0 → 100644
export const projectName = window.__sysConfig.projectName//hcm //业务项目名 export const codeProjectName = 'amrept-web'; // code项目名 export const baseURL = import.meta.env.VITE_APP_BASE_API; // api的base_url

Ignore Space Show notes View admin/index.html 0 → 100644
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <script> function changeLayout(name) { window.localStorage.setItem('layout', name) window.location.reload(); } var Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } var __guid=new Date().valueOf(); var __sysConfig = { events:{ onLoad1:function(){ } }, projectName: "eaptpl", sysProjectMange:{ id: __guid++, name:'工程树', iconClass:'icon-tree', uri :'amreport/designer/tree/design.do', url :'/amrept-web/amreport/designer/tree/design.do' }, sysLoadLogo:{ src:'', title:'中海创科技' }, sysLogo:{ src:'', title:'中海创科技' }, //默认门户对应自定义门户功能 sysSetTabs:[ { title:'首页', id: __guid++, close:false, type:'home', actived:true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs:[ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, // { // id: __guid++, // title:"百度功能测试", // url:'http://www.baidu.com', // close:true // }, // { // id: __guid++, // title:"bing", // url:'https://cn.bing.com/', // close:true // } ], sysList: [ ], sysFuncMenus: [ { id: __guid++, name:'<font color=red>邮件系统</font>', url:'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass:'icon-mail', target:'_blank', }, {type:'split'}, { id: __guid++, name:'布局', type:'layout', iconClass:'icon-user', children:[ { id: 'vertical', name:'上下布局', handler:function(){ changeLayout(this.id) } }, { id: 'level', name:'左右布局', handler:function(){ changeLayout(this.id) } } ] }, {type:'split'}, { id: __guid++, name:'用户信息', type:'userInfo', iconClass:'icon-user', children:[ { id: __guid++, name:'部门：AF10', iconClass:'icon-user', actived:true }, { id: __guid++, html:'<font color=red>访问下属111</font>', name:'<font color=red>访问下属</font>', iconClass:'icon-user', children:[ {name:"张三",id: __guid++}, {name:"李四",id: __guid++}, ] }, { id: __guid++, name:'修改密码',iconClass:'', handler:function(){ alert('访问下属'); } } ] }, {type:'split'} ], } </script> </head> <body> <div id="app"></div> <script type="module" src="./index.js"></script> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

admin/index.html 0 → 100644

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>EAP5-Admin-Main</title>
    <script>
      function  changeLayout(name) {
        window.localStorage.setItem('layout', name)
        window.location.reload();
      }
      var Scp = {
        User: {
          id: "admin",
          name: "管理员",
          deptId: "",
          deptName: "",
          positionId: "GLY",
          postionName: "管理员",
          bzId: "admin_3",
          bzName: "管理员岗位3",
          bzDeptId: ".WLDJT.DGS",
          bzDeptName: "D公司",
          bzPositionId: "HQRY",
          bzPositionName: "后勤人员",
          orgId: "admin_3",
          defOrgId: "admin_3"
        }
      }
      var __guid=new Date().valueOf();
      var __sysConfig = {
        events:{
          onLoad1:function(){
           
          }
        },
        projectName: "eaptpl",
        sysProjectMange:{
          id: __guid++,
          name:'工程树',
          iconClass:'icon-tree',
          uri :'amreport/designer/tree/design.do',
          url :'/amrept-web/amreport/designer/tree/design.do'
        },
        sysLoadLogo:{
          src:'',
          title:'中海创科技'
        },    
        sysLogo:{
          src:'',
          title:'中海创科技'
        },
        //默认门户   对应自定义门户功能
        sysSetTabs:[
          {
              title:'首页',
              id: __guid++,
              close:false,
              type:'home',
              actived:true //默认选中
          }
          // ,{
          //     title:'工作台',
          //     id: __guid++,
          //     close:false,
          //     type:'work'
          // }
        ],
        //默认 打开功能
        sysDefTabs:[      
          // {
          //   id: __guid++,
          //   title:"设计",
          //   url:'http://192.168.7.109:9090/#/design',
          //   close:true,
          // },
          // {
          //   id: __guid++,
          //   title:"百度功能测试",
          //   url:'http://www.baidu.com',
          //   close:true
          // },
          // {
          //   id: __guid++,
          //   title:"bing",
          //   url:'https://cn.bing.com/',
          //   close:true
          // }
        ],
        sysList: [
         
        ],
        sysFuncMenus: [ 
          {
            id: __guid++,
            name:'<font color=red>邮件系统</font>',
            url:'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows',
            iconClass:'icon-mail',
            target:'_blank',          
          },
          {type:'split'},
          {
            id: __guid++,
            name:'布局',
            type:'layout',
            iconClass:'icon-user',
            children:[
              {
                id: 'vertical',
                name:'上下布局',
                handler:function(){
                   changeLayout(this.id) 
                }
              },
              {
                id: 'level',
                name:'左右布局',
                handler:function(){
                  changeLayout(this.id) 
                }
              }
            ]
          },
          {type:'split'},
          {
            id: __guid++,
            name:'用户信息',
            type:'userInfo',
            iconClass:'icon-user',
            children:[
              {
                id: __guid++,
                name:'部门：AF10',
                iconClass:'icon-user',
                actived:true
              },
              {              
                id: __guid++,
                html:'<font color=red>访问下属111</font>',
                name:'<font color=red>访问下属</font>',
                iconClass:'icon-user',
                children:[
                  {name:"张三",id: __guid++},
                  {name:"李四",id: __guid++},
                ]
              },
              {
                id: __guid++,
                name:'修改密码',iconClass:'',
                handler:function(){
                    alert('访问下属');
                }
              }
            ]
          },
          {type:'split'}
        ],
      }
    </script> 
  </head>
  <body> 
    <div id="app"></div>
    <script type="module" src="./index.js"></script>
    
  </body>
</html>

Ignore Space Show notes View admin/index.js 0 → 100644
import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import './assets/iconfonts/iconfont.css' import './assets/page.less' // import 'normalize.css' import './permission' // permission control import GeminiScrollbar from 'vue-gemini-scrollbar' Vue.use(GeminiScrollbar) import Message from 'vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` Vue.config.productionTip = false Vue.directive('add2Body', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { document.body.appendChild(el); } }); Vue.prototype.$lang = function(key){ if(Scp&&Scp.lang&&Scp.lang["Portal.Page"]){ return Scp.lang["Portal.Page"][key]\|\|""; }else{ return ""; } } new Vue({ router, store, render: h => h(App) }).$mount('#app')

Ignore Space Show notes View

admin/index.js 0 → 100644

Ignore Space Show notes View admin/mock/index.js 0 → 100644
import Mock from 'mockjs' import portalAPI from './portal' // 门户块相关 Mock.mock(/\/portal\/list/, 'get', portalAPI.getPortalList) Mock.mock(/\/portal\/columns/, 'get', portalAPI.getColumns) export default Mock

Ignore Space Show notes View admin/mock/portal.js 0 → 100644
const columns=[ { id:'1', title:'搜索引擎', children:[ {id:'11',pid:'1',title:'百度',href:'http://www.baidu.com',loadType:'iframe'}, {id:'13',pid:'1',title:'360搜索',href:'https://www.so.com/',loadType:'iframe'}, {id:'14',pid:'1',title:'神马',href:'https://m.sm.cn/',loadType:'iframe'}, {id:'15',pid:'1',title:'sogo搜索',href:'https://www.sogo.com/',loadType:'iframe'} ] }, { id:'2', title:'问答', children:[ { id:'21',pid:'2',title:'百度', children:[ {id:'211',pid:'21',title:'百度知道',href:'https://zhidao.baidu.com/',loadType:'iframe'}, ] }, ] } ]; const portals=[ { layoutCols:[8,16], panels:[ [ { columns:[ {title:'百度',href:'http://www.baidu.com',loadType:'iframe'}, {title:'百度知道',href:'https://zhidao.baidu.com/',loadType:'iframe'}, ] }, { columns:[ {title:'网易',href:'http://www.163.com',loadType:'iframe'} ] }, ], [ { columns:[ {title:'微博',href:'http://www.weibo.com',loadType:'iframe'}, {title:'搜狗',href:'http://www.sogo.com',loadType:'iframe'} ] }, ], ] } ] export default { getPortalList(){ return portals; }, getColumns(){ return columns; } }

Ignore Space Show notes View

admin/mock/portal.js 0 → 100644

Ignore Space Show notes View admin/permission.js 0 → 100644
import router from './router' import store from './store' router.beforeEach((to, from, next) => { if(to.meta.title){ document.title=to.meta.title; } store.dispatch('initApp').then(i=>{ store.dispatch('setAppLoad','success') // console.log('//初始化成功！') next(); }).catch(e=>{ store.dispatch('setAppLoad','failed') }); }); router.afterEach((to,form)=>{ // location.hash = location.hash.replace(/(#\/){1,}/gi,"#/"); // console.log('-----------------router.afterEach---------------',new Date(),location.hash ); });

Ignore Space Show notes View

admin/permission.js 0 → 100644

Ignore Space Show notes View admin/router.js 0 → 100644
import Vue from 'vue' import Router from 'vue-router' import Layout from './views/layout/index.vue' //import Home from './views/Home.vue' import Design from './views/design/index.vue' import store from './store/index' Vue.use(Router) const router =new Router({ //mode: 'history', mode: 'hash', base: import.meta.env.VITE_BASE_URL, routes: [ { path: '/', name: 'home', meta: {}, component: Layout },{ path: '/design', name: 'design', meta: { title: '门户自定义'}, component: Design },{ path: '/test', name: 'testApi', meta: {}, component: () => import( './views/test/index.vue') }, /* { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. // webpackChunkName: "about" component: () => import( './views/About.vue') }, / { path: '', name: 'home', meta: {}, component: Layout }, ] }) export default router;

Ignore Space Show notes View

admin/router.js 0 → 100644

import Vue from 'vue'
import Router from 'vue-router'
import Layout from './views/layout/index.vue'
//import Home from './views/Home.vue'
import Design from './views/design/index.vue'
import store from './store/index'

Vue.use(Router)

const router =new Router({
  //mode: 'history',
  mode: 'hash',
  base: import.meta.env.VITE_BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      meta: {},
      component: Layout
    },{
      path: '/design',
      name: 'design',
      meta: { title: '门户自定义'},
      component: Design
    },{
      path: '/test',
      name: 'testApi',
      meta: {},
      component: () => import( './views/test/index.vue')
    },
    /*
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      // webpackChunkName: "about" 
      component: () => import( './views/About.vue')
    },
    */ 
    {
      path: '*',
      name: 'home',
      meta: {},
      component: Layout
    },
  ]
}) 
export default router;

Ignore Space Show notes View admin/store/getters.js 0 → 100644
const getters = { userName: state => state.user.name, userId: state => state.user.id, powerList:state=>state.app.powerList, menusList: state=>state.app.menusList, menus: state=>state.app.menus, defTabs: state => state.app.defTabs, navs: state => state.app.navs, navsLatelyUse: state => state.app.latelyNavs, portalList: state => state.portal.list, portalSysList: state => state.portal.sysList, portalColumns: state => state.portal.columns } export default getters

Ignore Space Show notes View

admin/store/getters.js 0 → 100644

Ignore Space Show notes View admin/store/index.js 0 → 100644
import Vue from 'vue' import Vuex from 'vuex' import app from './modules/app' import portal from './modules/portal' import user from './modules/user' import getters from './getters' Vue.use(Vuex) export default new Vuex.Store({ modules:{ portal, app, user }, getters, state: { appStatus:'loading'//failed , loading ,success }, mutations: { SET_appStatus(state,str){ state.appStatus = str; } }, actions: { async initApp(me){ // await me.dispatch('user/load') await me.dispatch('app/getPowers')//权限 // console.log('//权限 end') await me.dispatch('app/getMenus')//菜单 // console.log('//菜单 end') // await me.dispatch('app/getLatelyUse')//最近使用 // console.log('//最近使用 end') await me.dispatch('app/getQuickNav')//快速导航 // console.log('//快速导航 end') // await me.dispatch('portal/loadColumns')//栏目功能 // console.log('//栏目功能 end') // await me.dispatch('portal/loadList')//工作台门户列表 // console.log('//工作台门户列表 end') // await me.dispatch('portal/loadSysList')//系统门户列表 // console.log('//系统门户列表 end') }, setAppLoad({state,commit},status){ commit('SET_appStatus',status); } } })

Ignore Space Show notes View

admin/store/index.js 0 → 100644

import Vue from 'vue'
import Vuex from 'vuex'
import app from './modules/app'
import portal from './modules/portal'
import user from './modules/user'
import getters from './getters'

Vue.use(Vuex)

export default new Vuex.Store({
  modules:{
    portal,
    app,
    user
  }, 
  getters,
  state: {
    appStatus:'loading'//failed , loading ,success
  },
  mutations: {
    SET_appStatus(state,str){
      state.appStatus = str;
    }
  },
  actions: {
    async initApp(me){
      // await me.dispatch('user/load')
      await me.dispatch('app/getPowers')//权限
      // console.log('//权限 end')
      await me.dispatch('app/getMenus')//菜单
      // console.log('//菜单 end')
      // await me.dispatch('app/getLatelyUse')//最近使用 
      // console.log('//最近使用 end')   
      await me.dispatch('app/getQuickNav')//快速导航
      // console.log('//快速导航 end')
      // await me.dispatch('portal/loadColumns')//栏目功能
      // console.log('//栏目功能 end')
      // await me.dispatch('portal/loadList')//工作台门户列表
      // console.log('//工作台门户列表 end')
      // await me.dispatch('portal/loadSysList')//系统门户列表
      // console.log('//系统门户列表 end')
    },
    setAppLoad({state,commit},status){
      commit('SET_appStatus',status);
    }
  }
})

Ignore Space Show notes View admin/store/modules/app.js 0 → 100644
import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '@admin/api/menu' const portal = { namespaced: true, state: { powerList:[], menusList:[], menus:[], defTabs: [], navs: [], latelyNavs:[], config:window.__sysConfig }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { await getMenus().then(res => { const data = res.data.dataPack.rows; commit('SET_menusList', [...data]); console.log(`SET_menusList:`,data); let treeMap = {},treeData=[],defTabs=[],flag=false; data.map(item=>{ //构建树 map treeMap[item.resId] = item,flag=false; for(let i = (state.defTabs\|\|[]).length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } //获取默认打开项的菜单 if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); data.map(item=>{ if(treeMap[item.parentId]){ treeMap[item.parentId].children=treeMap[item.parentId].children\|\|[]; //将子节点挂到对应父节点上 treeMap[item.parentId].children.push(item); } }); debugger; console.log('treeMap', treeMap); let vList = []; for(let key in treeMap){ let item = treeMap[key]; if(item.type=='vdir'){ //虚拟目录 vList.push(item.resId); if(treeMap[item.parentId]){ treeMap[item.parentId].children=treeMap[item.parentId].children\|\|[]; //将子节点挂到对应父节点上 treeMap[item.parentId].children = treeMap[item.parentId].children.concat(item.children\|\|[]); } } if(item.parentId!='-1'){ delete treeMap[key]; }else if((item.type=='dir'\|\|item.type=='vdir') && item.children){//第一级只能是目录 treeData.push(item); } } //清理虚拟目录 var mData=[]; treeData.map(item=>{ if(item.type=='vdir'){ (item.children\|\|[]).map(i=>{ if(i.type!='vdir'&&i.children){ i.parentId="-1"; i.parentName=""; mData.push(i); } }); }else{ mData.push(item); } }); console.info('menusTree:',mData); commit('SET_menus', mData); return mData; }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, async getLatelyUse({ commit, state }){ let me =this; await getLeastRecentlyUsed(me.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_latelyNavs', data); return data; }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, } } export default portal

Ignore Space Show notes View

admin/store/modules/app.js 0 → 100644

import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '@admin/api/menu'
const portal = {
    namespaced: true,
    state: {
        powerList:[],
        menusList:[],
        menus:[],
        defTabs: [],
        navs: [],
        latelyNavs:[],
        config:window.__sysConfig
    },
    mutations: {
        SET_powerList: (state, powerList) => {
            state.powerList = powerList
        },
        SET_menusList: (state, menusList) => {
            state.menusList = menusList
        },
        SET_menus: (state, menus) => {
            state.menus = menus
        },
        SET_defTabs: (state, data) => {
            state.defTabs = data
        },
        SET_navs: (state, navs) => {
            state.navs = navs
        },
        SET_latelyNavs: (state, latelyNavs) => {
            state.latelyNavs = latelyNavs
        },
    },
    actions: {
        //取功能菜单
        async getMenus({ commit, state }) {
            await getMenus().then(res => {
                const data = res.data.dataPack.rows;
                commit('SET_menusList', [...data]);
                console.log(`SET_menusList:`,data);
                let treeMap = {},treeData=[],defTabs=[],flag=false;
                data.map(item=>{
                    //构建 树 map
                    treeMap[item.resId] = item,flag=false;
                    for(let i = (state.defTabs||[]).length-1;i>=0;i--){
                        if(state.defTabs[i].resId==item.resId){
                            flag = true;
                            break;
                        }
                    }
                    //获取默认打开项的菜单
                    if(item.isActive&&!flag) defTabs.push(item);
                });   
                commit('SET_defTabs', [...defTabs,...state.defTabs]);
                data.map(item=>{
                    if(treeMap[item.parentId]){
                        treeMap[item.parentId].children=treeMap[item.parentId].children||[];
                        //将子节点挂到 对应父节点上
                        treeMap[item.parentId].children.push(item); 
                    }
                });
                
                debugger; 
                console.log('treeMap', treeMap);
                let vList = [];
                for(let key in treeMap){
                    let item = treeMap[key];
                    if(item.type=='vdir'){ //虚拟目录
                        vList.push(item.resId);
                        if(treeMap[item.parentId]){
                            treeMap[item.parentId].children=treeMap[item.parentId].children||[];
                            //将子节点挂到 对应父节点上
                            treeMap[item.parentId].children = treeMap[item.parentId].children.concat(item.children||[]);                            
                        }
                    }

if(item.parentId!='-1'){                        
                        delete treeMap[key];
                    }else if((item.type=='dir'||item.type=='vdir') && item.children){//第一级只能是目录
                        treeData.push(item);
                    }
                }
                //清理虚拟目录
                var mData=[];
                treeData.map(item=>{
                    if(item.type=='vdir'){
                        (item.children||[]).map(i=>{
                            if(i.type!='vdir'&&i.children){
                                i.parentId="-1";
                                i.parentName="";
                                mData.push(i);
                            }
                        });
                    }else{
                        mData.push(item);
                    }

});
                console.info('menusTree:',mData);
                commit('SET_menus', mData);
                return mData;
            });
        },
        //取左侧快速
        async getQuickNav({ commit, state }) {
            await getQuickNav().then(res => {
                const data = res.data.dataPack.rows;
                console.log(`getQuickNav`)
                let defTabs=[],flag=false;
                data.map(item=>{ 
                    flag=false;
                    for(let i = state.defTabs.length-1;i>=0;i--){
                        if(state.defTabs[i].resId==item.resId){
                            flag = true;
                            break;
                        }
                    }
                    if(item.isActive&&!flag) defTabs.push(item);
                });   
                commit('SET_defTabs', [...defTabs,...state.defTabs]);
                commit('SET_navs', data);
                return data;
            });
        },
        setQuickNav({ commit, state },data){
            commit('SET_navs', data);
        },
        async getLatelyUse({ commit, state }){
            let me =this;
            await getLeastRecentlyUsed(me.state.user.id).then(res => {
                const data = res.data.dataPack.rows;
                commit('SET_latelyNavs', data);
                return data;
            });
        },
        //取功能权限
        async getPowers({ commit, state }) {
            await getPermissions(this.state.user.id).then(res => {
                const data = res.data.dataPack.rows;
                commit('SET_powerList', [...data]);  
            });
        },
    }
}

export default portal

Ignore Space Show notes View

admin/store/modules/portal.js 0 → 100644

// import { fetchList, fetchColumns } from '@admin/api/portal'
import { getPortal as fetchList, addPortal,updatePortal , getSysPortal } from "@admin/api/portal";
import { getPortalMenus as fetchColumns } from '@admin/api/menu'
const portal = {
  namespaced: true,
  state: {
    record:null,
    list: [],
    sysList:[],
    columns: []
  },
  mutations: {
    SET_record: (state, list) => {
      state.record = list
    },
    SET_list: (state, list) => {
      state.list = list
    },
    SET_sysList: (state, list) => {
      state.sysList = list
    },
    SET_columns: (state, columns) => {
      state.columns = columns
    }
  },
  actions: {
    setList({ commit, state }, data) {
      commit('SET_list', data);
    },
    //创建门户,功能选择 
    async loadColumns({ commit, state }) {

// console.log('\n portal 加载门户  相关栏目功能列表')

await fetchColumns().then(res => {
        const data = res.data.dataPack.rows;
        commit('SET_columns', data);
        return data;
      });
    },
    //取已配好的门户
    loadList({ commit, state }) {

// console.log('\n portal 加载用户自定义 门户 ')
      
      commit('SET_list', []);
      return new Promise((resolve, reject)=>{
        fetchList().then(res => {
          const records = res.data.dataPack.rows;
          if(records.length==0){
            return;
          }
          const item = records[records.length-1];
          let data=[];
          if(item){
            if(typeof item.package == 'object'){
              data = item.package;
            }else{
              data = JSON.parse(item.package);
            }
            
          }
          commit('SET_record', item);
          commit('SET_list', data);
          resolve(data)
          return data;
        });

});

// await fetchList().then(res => {
      //   const records = res.data.dataPack.rows;
      //   if(records.length==0){
      //     return;
      //   }
      //   const item = records[records.length-1];
      //   let data=[];
      //   if(item){
      //     data = JSON.parse(item.package);
      //   }
      //   commit('SET_record', item);
      //   commit('SET_list', data);
      //   return data;
      // });
    },
    //取已配好的系统 门户
    async loadSysList({ commit, state }) {
      // console.log('\n portal 加载系统 门户 ')
      
      commit('SET_sysList', []);
      await getSysPortal().then(res => {
        const records = res.data.dataPack.rows;
        if(records.length==0){
          return;
        }
        const item = records[records.length-1];
        let data=[];
        if(item){
          if(typeof item.package =="object"){
            data = item.package;
          }else{
            data = JSON.parse(item.package);
          }
        }
        commit('SET_sysList', data);
        return data;
      });
    },
    //保存门户
    async savePortal({ commit, state },data=[]){ 
      let me =this;
      if(state.record){
        await updatePortal(state.record, {
          fuser: me.state.user.id, //id
          userBz:me.state.user.bzId,  //bzId
          package: JSON.stringify(data)
        }).then(res => {
          console.info('\n 更新门户 updatePortal callback:',res);
        });
      }else{
        let record = {
          FID: new Date().valueOf(),
          package:JSON.stringify(data),
          fuser: me.state.user.id, //id
          userBz:me.state.user.bzId  //bzId
        };        
        await addPortal(record).then(res => {
          console.info('保存 addPortal callback:',res);
        });
      };
    }
    
  }
}

export default portal

Ignore Space Show notes View

admin/store/modules/user.js 0 → 100644

Ignore Space Show notes View

admin/utils/getScroll.js 0 → 100644

Ignore Space Show notes View

admin/utils/index.js 0 → 100644

import getScroll from './getScroll'
export function getTargetRect(target) {
    return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 };
}
export function getOffset(element, target) {
    const elemRect = element.getBoundingClientRect();
    const targetRect = getTargetRect(target);

const scrollTop = getScroll(target, true);
    const scrollLeft = getScroll(target, false);

const docElem = window.document.body;
    const clientTop = docElem.clientTop || 0;
    const clientLeft = docElem.clientLeft || 0;

return {
        top: elemRect.top - targetRect.top + scrollTop - clientTop,
        left: elemRect.left - targetRect.left + scrollLeft - clientLeft,
        width: elemRect.width,
        height: elemRect.height,
    };
}

export function getDefaultTarget() {
    return typeof window !== 'undefined' ? window : null;
}

/**
 * @method setUrlValue
 * @description 设置地址栏参数值
 * @param url
 * @param pName
 * @param pValue
 * 
 * @example: urlAppend("http://www.fdauto.com","userid=03870");�����http://www.fdauto.com?userid=03870;1`
 *           urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")�����http://www.fdauto.com?userid=03870&bumen=aj;
 */

export function setUrlValue(url, key, value) {
    var returnUrl = ''
    if (url.indexOf('?') == -1) {
        returnUrl += url + '?' + key + '=' + value
    } else {
        if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) {
            returnUrl += url + '&' + key + '=' + value
        } else {
            var isDone = false
            var startIndex = 0
            var endIndex = url.length - 1
            var parm = '?' + key + '='
            for (var i = 0; i < url.length; i++) {
                if (url.substr(i, parm.length) == parm) {
                    startIndex = i + parm.length
                    for (var j = startIndex; j < url.length; j++) {
                        if (url[j] == '&') {
                            endIndex = j
                            break
                        } else if (j == url.length - 1) {
                            endIndex = url.length
                        }
                    }
                    isDone = true
                    break
                }
            }
            if (!isDone) {
                parm = '&' + key + '='
                for (var i = 0; i < url.length; i++) {
                    if (url.substr(i, parm.length) == parm) {
                        startIndex = i + parm.length
                        for (var j = startIndex; j < url.length; j++) {
                            if (url[j] == '&') {
                                endIndex = j
                                break
                            } else if (j == url.length - 1) {
                                endIndex = url.length
                            }
                        }
                        break
                    }
                }
            }
            var parmKeyValue = parm + url.substring(startIndex, endIndex)
            returnUrl = url.replace(parmKeyValue, parm + value)
        }
    }
    return returnUrl
}
/**
 * @method getUrlValue
 * @description 获取地址栏参数值
 * @param name
 *            string
 * @param url
 *            string
 * @example: getUrlValue("p","http://www.baidu.com?p=5"); 
 */
export function getUrlValue(url, name) {

Ignore Space Show notes View

admin/utils/props-util.js 0 → 100644

import isPlainObject from 'lodash/isPlainObject';
import classNames from 'classnames';
function getType(fn) {
  const match = fn && fn.toString().match(/^\s*function (\w+)/);
  return match ? match[1] : '';
}

const getAttrs = ele => {
  let data = ele.data;
  if (ele.$vnode) {
    data = ele.$vnode.data;
  }
  return data ? data.attrs || {} : {};
};

const getKey = ele => {
  let key = ele.key;
  if (ele.$vnode) {
    key = ele.$vnode.key;
  }
  return key;
};

export function getEvents(child) {
  let events = {};
  if (child.componentOptions && child.componentOptions.listeners) {
    events = child.componentOptions.listeners;
  } else if (child.data && child.data.on) {
    events = child.data.on;
  }
  return { ...events };
}
export function getClass(ele) {
  let data = {};
  if (ele.data) {
    data = ele.data;
  } else if (ele.$vnode && ele.$vnode.data) {
    data = ele.$vnode.data;
  }
  const tempCls = data.class || {};
  const staticClass = data.staticClass;
  let cls = {};
  staticClass &&
    staticClass.split(' ').forEach(c => {
      cls[c.trim()] = true;
    });
  if (typeof tempCls === 'string') {
    tempCls.split(' ').forEach(c => {
      cls[c.trim()] = true;
    });
  } else if (Array.isArray(tempCls)) {
    classNames(tempCls)
      .split(' ')
      .forEach(c => {
        cls[c.trim()] = true;
      });
  } else {
    cls = { ...cls, ...tempCls };
  }
  return cls;
}
export function getStyle(ele, camel) {
  let data = {};
  if (ele.data) {
    data = ele.data;
  } else if (ele.$vnode && ele.$vnode.data) {
    data = ele.$vnode.data;
  }
  let style = data.style || data.staticStyle;
  if (typeof style === 'string') {
    style = parseStyleText(style, camel);
  } else if (camel && style) {
    // 驼峰化
    const res = {};
    Object.keys(style).forEach(k => (res[camelize(k)] = style[k]));
    return res;
  }
  return style;
}

export function getComponentName(opts) {
  return opts && (opts.Ctor.options.name || opts.tag);
}

export function isEmptyElement(c) {
  return !(c.tag || (c.text && c.text.trim() !== ''));
}

export function filterEmpty(children = []) {
  return children.filter(c => !isEmptyElement(c));
}
const initDefaultProps = (propTypes, defaultProps) => {
  Object.keys(defaultProps).forEach(k => {
    if (propTypes[k]) {
      propTypes[k].def && (propTypes[k] = propTypes[k].def(defaultProps[k]));
    } else {
      throw new Error(`not have ${k} prop`);
    }
  });
  return propTypes;
};

export function mergeProps() {
  const args = [].slice.call(arguments, 0);
  const props = {};
  args.forEach((p = {}) => {
    for (const [k, v] of Object.entries(p)) {
      props[k] = props[k] || {};
      if (isPlainObject(v)) {
        Object.assign(props[k], v);
      } else {
        props[k] = v;
      }
    }
  });
  return props;
}

function isValidElement(element) {
  return (
    element &&
    typeof element === 'object' &&
    'componentOptions' in element &&
    'context' in element &&
    element.tag !== undefined
  ); // remove text node
}

export {
  hasProp,
  filterProps,
  getOptionProps,
  getComponentFromProp,
  getSlotOptions,
  slotHasProp,
  getPropsData,
  getKey,
  getAttrs,
  getValueByProp,
  parseStyleText,
  initDefaultProps,
  isValidElement,
  camelize,
  getSlots,
  getAllProps,
  getAllChildren,
};
export default hasProp;

Ignore Space Show notes View admin/utils/props.js 0 → 100644
export function isEmptyElement(c) { return !(c.tag \|\| (c.text && c.text.trim() !== '')); } export function filterEmpty(children = []) { return children.filter(c => !isEmptyElement(c)); }

Ignore Space Show notes View

admin/utils/request.js 0 → 100644

Ignore Space Show notes View

admin/utils/vnode.js 0 → 100644

import { filterEmpty, parseStyleText } from './props-util';
export function cloneVNode(vnode, deep) {
  const componentOptions = vnode.componentOptions;
  const data = vnode.data;

let listeners = {};
  if (componentOptions && componentOptions.listeners) {
    listeners = { ...componentOptions.listeners };
  }

let on = {};
  if (data && data.on) {
    on = { ...data.on };
  }

export function cloneVNodes(vnodes, deep) {
  const len = vnodes.length;
  const res = new Array(len);
  for (let i = 0; i < len; i++) {
    res[i] = cloneVNode(vnodes[i], deep);
  }
  return res;
}

export function cloneElement(n, nodeProps = {}, deep) {
  let ele = n;
  if (Array.isArray(n)) {
    ele = filterEmpty(n)[0];
  }
  if (!ele) {
    return null;
  }
  const node = cloneVNode(ele, deep);
  const { props = {}, key, on = {}, children, directives = [] } = nodeProps;
  const data = node.data || {};
  let cls = {};
  let style = {};
  const {
    attrs = {},
    ref,
    domProps = {},
    style: tempStyle = {},
    class: tempCls = {},
    scopedSlots = {},
  } = nodeProps;

if (typeof data.style === 'string') {
    style = parseStyleText(data.style);
  } else {
    style = { ...data.style, ...style };
  }
  if (typeof tempStyle === 'string') {
    style = { ...style, ...parseStyleText(style) };
  } else {
    style = { ...style, ...tempStyle };
  }

if (typeof data.class === 'string' && data.class.trim() !== '') {
    data.class.split(' ').forEach(c => {
      cls[c.trim()] = true;
    });
  } else {
    cls = { ...data.class, ...cls };
  }
  if (typeof tempCls === 'string' && tempCls.trim() !== '') {
    tempCls.split(' ').forEach(c => {
      cls[c.trim()] = true;
    });
  } else {
    cls = { ...cls, ...tempCls };
  }
  node.data = Object.assign({}, data, {
    style,
    attrs: { ...data.attrs, ...attrs },
    class: cls,
    domProps: { ...data.domProps, ...domProps },
    scopedSlots: { ...data.scopedSlots, ...scopedSlots },
    directives: [...(data.directives || []), ...directives],
  });

if (node.componentOptions) {
    node.componentOptions.propsData = node.componentOptions.propsData || {};
    node.componentOptions.listeners = node.componentOptions.listeners || {};
    node.componentOptions.propsData = { ...node.componentOptions.propsData, ...props };
    node.componentOptions.listeners = { ...node.componentOptions.listeners, ...on };
    if (children) {
      node.componentOptions.children = children;
    }
  } else {
    node.data.on = { ...(node.data.on || {}), ...on };
  }

if (key !== undefined) {
    node.key = key;
    node.data.key = key;
  }
  if (typeof ref === 'string') {
    node.data.ref = ref;
  }
  return node;
}

Ignore Space Show notes View

admin/utils/vue-types/index.js 0 → 100644

/**
 * 所有组件可以进行属性类型 使用eg:"button
 * 
 */
import isPlainObject from 'lodash/isPlainObject';
import { toType, getType, isFunction, validateType, isInteger, isArray, warn } from './utils';

const VuePropTypes = {
  get any() {
    return toType('any', {
      type: null,
    });
  },

get func() {
    return toType('function', {
      type: Function,
    }).def(currentDefaults.func);
  },

get bool() {
    return toType('boolean', {
      type: Boolean,
    }).def(currentDefaults.bool);
  },

get string() {
    return toType('string', {
      type: String,
    }).def(currentDefaults.string);
  },

get number() {
    return toType('number', {
      type: Number,
    }).def(currentDefaults.number);
  },

get array() {
    return toType('array', {
      type: Array,
    }).def(currentDefaults.array);
  },

get object() {
    return toType('object', {
      type: Object,
    }).def(currentDefaults.object);
  },

get integer() {
    return toType('integer', {
      type: Number,
      validator(value) {
        return isInteger(value);
      },
    }).def(currentDefaults.integer);
  },

get symbol() {
    return toType('symbol', {
      type: null,
      validator(value) {
        return typeof value === 'symbol';
      },
    });
  },

custom(validatorFn, warnMsg = 'custom validation failed') {
    if (typeof validatorFn !== 'function') {
      throw new TypeError('[VueTypes error]: You must provide a function as argument');
    }

return toType(validatorFn.name || '<<anonymous function>>', {
      validator(...args) {
        const valid = validatorFn(...args);
        if (!valid) warn(`${this._vueTypes_name} - ${warnMsg}`);
        return valid;
      },
    });
  },

oneOf(arr) {
    if (!isArray(arr)) {
      throw new TypeError('[VueTypes error]: You must provide an array as argument');
    }
    const msg = `oneOf - value should be one of "${arr.join('", "')}"`;
    const allowedTypes = arr.reduce((ret, v) => {
      if (v !== null && v !== undefined) {
        ret.indexOf(v.constructor) === -1 && ret.push(v.constructor);
      }
      return ret;
    }, []);

return toType('oneOf', {
      type: allowedTypes.length > 0 ? allowedTypes : null,
      validator(value) {
        const valid = arr.indexOf(value) !== -1;
        if (!valid) warn(msg);
        return valid;
      },
    });
  },

instanceOf(instanceConstructor) {
    return toType('instanceOf', {
      type: instanceConstructor,
    });
  },

oneOfType(arr) {
    if (!isArray(arr)) {
      throw new TypeError('[VueTypes error]: You must provide an array as argument');
    }

let hasCustomValidators = false;

if (!hasCustomValidators) {
      // we got just native objects (ie: Array, Object)
      // delegate to Vue native prop check
      return toType('oneOfType', {
        type: nativeChecks,
      }).def(undefined);
    }

const typesStr = arr
      .map(type => {
        if (type && isArray(type.type)) {
          return type.type.map(getType);
        }
        return getType(type);
      })
      .reduce((ret, type) => ret.concat(isArray(type) ? type : [type]), [])
      .join('", "');

return this.custom(function oneOfType(value) {
      const valid = arr.some(type => {
        if (type._vueTypes_name === 'oneOf') {
          return type.type ? validateType(type.type, value, true) : true;
        }
        return validateType(type, value, true);
      });
      if (!valid) warn(`oneOfType - value type should be one of "${typesStr}"`);
      return valid;
    }).def(undefined);
  },

arrayOf(type) {
    return toType('arrayOf', {
      type: Array,
      validator(values) {
        const valid = values.every(value => validateType(type, value));
        if (!valid) warn(`arrayOf - value must be an array of "${getType(type)}"`);
        return valid;
      },
    });
  },

objectOf(type) {
    return toType('objectOf', {
      type: Object,
      validator(obj) {
        const valid = Object.keys(obj).every(key => validateType(type, obj[key]));
        if (!valid) warn(`objectOf - value must be an object of "${getType(type)}"`);
        return valid;
      },
    });
  },

shape(obj) {
    const keys = Object.keys(obj);
    const requiredKeys = keys.filter(key => obj[key] && obj[key].required === true);

const type = toType('shape', {
      type: Object,
      validator(value) {
        if (!isPlainObject(value)) {
          return false;
        }
        const valueKeys = Object.keys(value);

// check for required keys (if any)
        if (requiredKeys.length > 0 && requiredKeys.some(req => valueKeys.indexOf(req) === -1)) {
          warn(
            `shape - at least one of required properties "${requiredKeys.join(
              '", "',
            )}" is not present`,
          );
          return false;
        }

return valueKeys.every(key => {
          if (keys.indexOf(key) === -1) {
            if (this._vueTypes_isLoose === true) return true;
            warn(`shape - object is missing "${key}" property`);
            return false;
          }
          const type = obj[key];
          return validateType(type, value[key]);
        });
      },
    });

Object.defineProperty(type, '_vueTypes_isLoose', {
      enumerable: false,
      writable: true,
      value: false,
    });

Object.defineProperty(type, 'loose', {
      get() {
        this._vueTypes_isLoose = true;
        return this;
      },
      enumerable: false,
    });

return type;
  },
};

const typeDefaults = () => ({
  func: undefined,
  bool: undefined,
  string: undefined,
  number: undefined,
  array: undefined,
  object: undefined,
  integer: undefined,
});

let currentDefaults = typeDefaults();

Object.defineProperty(VuePropTypes, 'sensibleDefaults', {
  enumerable: false,
  set(value) {
    if (value === false) {
      currentDefaults = {};
    } else if (value === true) {
      currentDefaults = typeDefaults();
    } else if (isPlainObject(value)) {
      currentDefaults = value;
    }
  },
  get() {
    return currentDefaults;
  },
});

export default VuePropTypes;

Ignore Space Show notes View

admin/utils/vue-types/utils.js 0 → 100644

import isPlainObject from 'lodash/isPlainObject';

const ObjProto = Object.prototype;
const toString = ObjProto.toString;
export const hasOwn = ObjProto.hasOwnProperty;

const FN_MATCH_REGEXP = /^\s*function (\w+)/;

// https://github.com/vuejs/vue/blob/dev/src/core/util/props.js#L159
export const getType = fn => {
  const type = fn !== null && fn !== undefined ? (fn.type ? fn.type : fn) : null;
  const match = type && type.toString().match(FN_MATCH_REGEXP);
  return match && match[1];
};

export const getNativeType = value => {
  if (value === null || value === undefined) return null;
  const match = value.constructor.toString().match(FN_MATCH_REGEXP);
  return match && match[1];
};

/**
 * No-op function
 */
export const noop = () => {};

/**
 * Checks for a own property in an object
 *
 * @param {object} obj - Object
 * @param {string} prop - Property to check
 */
export const has = (obj, prop) => hasOwn.call(obj, prop);

/**
 * Determines whether the passed value is an integer. Uses `Number.isInteger` if available
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger
 * @param {*} value - The value to be tested for being an integer.
 * @returns {boolean}
 */
export const isInteger =
  Number.isInteger ||
  function(value) {
    return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
  };

/**
 * Determines whether the passed value is an Array.
 *
 * @param {*} value - The value to be tested for being an array.
 * @returns {boolean}
 */
export const isArray =
  Array.isArray ||
  function(value) {
    return toString.call(value) === '[object Array]';
  };

/**
 * Checks if a value is a function
 *
 * @param {any} value - Value to check
 * @returns {boolean}
 */
export const isFunction = value => toString.call(value) === '[object Function]';

/**
 * Adds a `def` method to the object returning a new object with passed in argument as `default` property
 *
 * @param {object} type - Object to enhance
 */
export const withDefault = function(type) {
  Object.defineProperty(type, 'def', {
    value(def) {
      if (def === undefined && this.default === undefined) {
        this.default = undefined;
        return this;
      }
      if (!isFunction(def) && !validateType(this, def)) {
        warn(`${this._vueTypes_name} - invalid default value: "${def}"`, def);
        return this;
      }
      this.default =
        isArray(def) || isPlainObject(def)
          ? function() {
              return def;
            }
          : def;

return this;
    },
    enumerable: false,
    writable: false,
  });
};

/**
 * Adds a `isRequired` getter returning a new object with `required: true` key-value
 *
 * @param {object} type - Object to enhance
 */
export const withRequired = function(type) {
  Object.defineProperty(type, 'isRequired', {
    get() {
      this.required = true;
      return this;
    },
    enumerable: false,
  });
};

/**
 * Adds `isRequired` and `def` modifiers to an object
 *
 * @param {string} name - Type internal name
 * @param {object} obj - Object to enhance
 * @returns {object}
 */
export const toType = (name, obj) => {
  Object.defineProperty(obj, '_vueTypes_name', {
    enumerable: false,
    writable: false,
    value: name,
  });
  withRequired(obj);
  withDefault(obj);

if (isFunction(obj.validator)) {
    obj.validator = obj.validator.bind(obj);
  }
  return obj;
};

/**
 * Validates a given value against a prop type object
 *
 * @param {Object|*} type - Type to use for validation. Either a type object or a constructor
 * @param {*} value - Value to check
 * @param {boolean} silent - Silence warnings
 * @returns {boolean}
 */
export const validateType = (type, value, silent = false) => {
  let typeToCheck = type;
  let valid = true;
  let expectedType;
  if (!isPlainObject(type)) {
    typeToCheck = { type };
  }
  const namePrefix = typeToCheck._vueTypes_name ? typeToCheck._vueTypes_name + ' - ' : '';

if (hasOwn.call(typeToCheck, 'type') && typeToCheck.type !== null) {
    if (isArray(typeToCheck.type)) {
      valid = typeToCheck.type.some(type => validateType(type, value, true));
      expectedType = typeToCheck.type.map(type => getType(type)).join(' or ');
    } else {
      expectedType = getType(typeToCheck);

if (expectedType === 'Array') {
        valid = isArray(value);
      } else if (expectedType === 'Object') {
        valid = isPlainObject(value);
      } else if (
        expectedType === 'String' ||
        expectedType === 'Number' ||
        expectedType === 'Boolean' ||
        expectedType === 'Function'
      ) {
        valid = getNativeType(value) === expectedType;
      } else {
        valid = value instanceof typeToCheck.type;
      }
    }
  }

if (!valid) {
    silent === false && warn(`${namePrefix}value "${value}" should be of type "${expectedType}"`);
    return false;
  }

if (hasOwn.call(typeToCheck, 'validator') && isFunction(typeToCheck.validator)) {
    valid = typeToCheck.validator(value);
    if (!valid && silent === false) warn(`${namePrefix}custom validation failed`);
    return valid;
  }
  return valid;
};

let warn = noop;

if (process.env.NODE_ENV !== 'production') {
  const hasConsole = typeof console !== 'undefined';
  warn = msg => {
    if (hasConsole) {
      console.warn(`[VueTypes warn]: ${msg}`);
    }
  };
}

export { warn };

Ignore Space Show notes View admin/views/About.vue 0 → 100644
<template> <div>about</div> </template> <script> export default { } </script>

Ignore Space Show notes View admin/views/Home.vue 0 → 100644
<template> <div></div> </template> <script> export default { components: { } } </script>

Ignore Space Show notes View

admin/views/Portal.vue 0 → 100644

Ignore Space Show notes View

admin/views/Portal/sys.vue 0 → 100644

<template>
    <div class="index-main" v-if="hackShow">
        <PRow :gutter="10" v-for="(row,rowIndex) in portalList" :key="rowIndex">
            <PCol :span="colVal" v-for="(colVal,colIndex) in row.layoutCols" :key="colIndex">
                <template v-for="(panels,panelIndex) in row.panels[colIndex]">
                    <PPortalPanel :ref="`cmpPortalPanel${rowIndex}${colIndex}${panelIndex}`" :tabList='panels.columns' :height="panels.height"></PPortalPanel> 
                </template> 
            </PCol>
        </PRow>
    </div>
</template>
<script>
import {PRow,PCol} from "@admin/components/grid";
import PPortalPanel from "@admin/components/portalPanel";
export default {
    props:{
        itemData:Object
    },
    data(){
        return {
            hackShow:false,
            actived:false
        }
    },
    components:{
        PRow,PCol,PPortalPanel
    },
    computed:{
        portalList(){
            let pList = this.$store.getters.portalSysList;
            return pList;
        }
    },
    methods:{ 
        doRender(){
            //强制刷新，只执行一次
            if(this.actived)return;
            this.$nextTick(r=>{
                this.hackShow = true;
                this.actived=true;//判断只执行一次
            })
            return;
            // let list = this.portalList,cols,panels;
            // for(let i=0,l=list.length;i<l;i++){
            //     cols = list[i].layoutCols;
            //     for(let j=0,k=cols.length;j<k;j++){
            //         panels = list[i].panels[j];
            //         for(let n=0,m=panels.length;n<m;n++){
            //             this.$refs[`cmpPortalPanel${i}${j}${n}`][0].doRender(); 
            //         }
            //     } 
            // }
        }
    }
}
</script>
<style lang='less' scoped>
    .index-main{
        padding:10px;
        .pl-portal-panel{
            margin-bottom:10px;
        }
    }
</style>

Ignore Space Show notes View

admin/views/Portal/user.vue 0 → 100644

<template>
    <div class="index-main" v-if="hackShow">
        <PRow :gutter="10" v-for="(row,rowIndex) in portalList" :key="rowIndex">
            <PCol :span="colVal" v-for="(colVal,colIndex) in row.layoutCols" :key="colIndex">
                <template v-for="(panels,panelIndex) in row.panels[colIndex]">
                    <PPortalPanel :ref="`cmpPortalPanel${rowIndex}${colIndex}${panelIndex}`" :tabList='panels.columns' :height="panels.height"></PPortalPanel> 
                </template> 
            </PCol>
        </PRow>
    </div>
</template>
<script>
import {PRow,PCol} from "@admin/components/grid";
import PPortalPanel from "@admin/components/portalPanel";
export default {
    props:{
        itemData:Object
    },
    data(){
        return {
            hackShow:false,
            actived:false
        }
    },
    components:{
        PRow,PCol,PPortalPanel
    },
    computed:{
        portalList(){
            let pList = this.$store.getters.portalList;
            return pList;
        }
    },
    methods:{  
        doRender(){
            //强制刷新，只执行一次
            if(this.actived)return;
            this.$nextTick(r=>{
                this.hackShow = true;
                this.actived=true;//判断只执行一次
            })
            return;
            // let list = this.portalList,cols,panels;
            // for(let i=0,l=list.length;i<l;i++){
            //     cols = list[i].layoutCols;
            //     for(let j=0,k=cols.length;j<k;j++){
            //         panels = list[i].panels[j];
            //         for(let n=0,m=panels.length;n<m;n++){
            //             this.$refs[`cmpPortalPanel${i}${j}${n}`][0].doRender(); 
            //         }
            //     } 
            // }
        }
    }
}
</script>
<style lang='less' scoped>
    .index-main{
        padding:10px;
        .pl-portal-panel{
            margin-bottom:10px;
        }
    }
</style>

Ignore Space Show notes View

admin/views/design/columnsSelect.vue 0 → 100644

<template>
    <Dialog ref="cmp-dd" :title="dialogTitle" :width="650" :height="465">
        <div class="pl-design-row pl-row transfer-tip">
            <div class="pl-design-col pl-col-11">                
                <div class="pl-field">
                    <div class="pl-field-lb">{{$lang("setHeight")||"设置高度"}}</div>
                    <div class="pl-field-val">
                        <input class="pl-field-text" type="text" v-model="panelHeight"
                        onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
                        />
                    </div>
                </div>
            </div>
            <div class="pl-design-col pl-col-2"></div>
            <div class="pl-design-col pl-col-11">
                &nbsp;&nbsp;
                <i class="move iconfont icon-moveSort2"></i>{{$lang("dragOrderFlag")||"拖动排序标识"}}
                
            </div>
        </div>
        <div class="pl-design-row pl-row transfer-box">            
            <div class="pl-design-col pl-col-11">
                <v-jstree ref="cmp-tree"
                :data="columns" show-checkbox multiple allow-batch collapse
                text-field-name="name"
                @item-click="itemClick"></v-jstree>
            </div>
            
            <div class="pl-design-col pl-col-2">
                <div><i class="iconfont icon-arrow-right-circle" @click="handleMoveRight"></i></div>
                <div><i class="iconfont icon-arrow-left-circle" @click="handleMoveLeft"></i></div>
                <div><i class="iconfont icon-arrow-rightMore-circle" @click="handleMoveAllRight"></i></div>
                <div><i class="iconfont icon-arrow-leftMore-circle" @click="handleMoveAllLeft"></i></div>
            </div>
            <div class="pl-design-col pl-col-11" ref="dom-selected">
                <div class="transfer-item" v-for="(item,index) in selectList" :resId="item.resId">
                    <i class="move iconfont icon-moveSort2"></i>
                    <i class="iconfont" :class="item.selected?'icon-checkbox':'icon-checkbox-empty'"
                         @click="item.selected=!item.selected"
                    ></i>
                    <span @click="item.selected=!item.selected">{{item.name}}</span>
                    
                </div>
            </div>
        </div>
        <template slot="footer">            
            <button class="pl-btn pl-btn-round" @click="handleCancel">{{$lang("cancel")||"取消"}}</button>
            <button v-if="!isEdit" class="pl-btn pl-btn-round pl-btn-primary" @click="handleOk">{{$lang("ok")||"确定"}}</button>
            <button v-if="isEdit" class="pl-btn pl-btn-round pl-btn-primary" @click="handleEdit">{{$lang("ok")||"确定"}}</button>
        </template>
    </Dialog>
</template>
<script>
import findIndex from 'lodash/findIndex';
import cloneDeep from 'lodash/cloneDeep';

import VJstree from 'vue-jstree'
import Dialog from "@admin/components/dialog";
import Sortable from 'sortablejs';
import {strFormat} from '@admin/utils/index';

export default {
    props:['portalPanel'],
    components:{
        Dialog,VJstree
    },
    data(){
        return {
            columns:[],
            defHeight:300,
            panelHeight:300,//面板高度
            selectList:[],//存放选中的栏目列表
            Sortable:null,//拖拽对象
            /**
             * 提取字段
             */
            fields:['resId','resKey','resUrl','parentId','type','isShow','name','selected']
        }
    },
    computed:{
        // columns(){
        //     let data = cloneDeep(this.$store.getters.portalColumns);
        //     return data;
        // },
        isEdit(){
            return !!this.portalPanel;
        },
        dialogTitle(){
            let title='';
            if(this.portalPanel){
                let paths =  this.portalPanel.paths;
                title = strFormat(this.$lang("editSerialRowLayout"),paths[0]+1,paths[1]+1,paths[2]+1);
            }else{                
                title = this.$lang("addColunms")||"添加门户栏目"
            }
            debugger
            return title;
        }
    },
    mounted(){
        let me=this;
        me.Sortable&&me.Sortable.destroy();
        me.$nextTick(r=>{
            me.Sortable = new Sortable(me.$refs['dom-selected'], {
                group: "transfer-item",
                handle: '.move', // handle's class
                animation: 150,
                onEnd(evt){
                    // let itemEl = evt.item,
                    //     list = [...me.selectList];
                    // list[evt.oldIndex] = list.splice(evt.newIndex, 1, list[evt.oldIndex])[0];
                    // me.$set(me,'selectList',list);
                    // console.log(me.selectList);
                }
            })
        });
        if(me.$store.getters.portalColumns.length==0){
            me.$store.dispatch('portal/loadColumns').then((res)=>{
                me.columns = cloneDeep(me.$store.getters.portalColumns);
            });
        }else{
            me.columns = cloneDeep(me.$store.getters.portalColumns);
        }
    },
    beforeDestroy(){
        this.Sortable&&this.Sortable.destroy();
    },
    methods:{ 
        resetForm(){
            let me=this;
            me.panelHeight = me.defHeight;
            me.Sortable=null;
            me.$set(me,'selectList',[]);
        },
        setForm(data){
            console.log("portal->columnsSelect.vue :" ,data);
            let me=this,columns = [];
            data.columns.map(item=>{
                let tplObj={};
                me.fields.map(key=>{
                    tplObj[key] = item[key];
                });
                tplObj.selected=false;
                columns.push(tplObj);
            });
            me.panelHeight = data.height||me.defHeight;
            me.$set(me,'selectList',columns);
            
        },
        show(){
            this.$refs['cmp-dd'].show();
            this.$nextTick(()=>{
                this.resetTreeSeleted();
            })
        },
        hide(){
            this.$refs['cmp-dd'].hide();
        }, 
        /**
         * 因为拖动后排序，所以要重新获取
         */
        getSelectList(){
            let me=this,arr=[];
            let els = me.$refs['dom-selected'].children;
            for(let i=0,l=els.length;i<l;i++){
                let resId = els[i].getAttribute('resId');
                for(let n=0,k=me.selectList.length;n<k;n++){
                    if(me.selectList[n].resId==resId){
                        arr[i] = me.selectList.splice(n,1)[0];
                        break;
                    }
                }
            }
            return arr;
        },
        handleCancel(){
            let me=this;
            me.$set(me,'selectList',[]);
            me.hide()
        },
        handleOk(){
            let me=this,data=[]; 
            let list = me.getSelectList();
            list.map(item=>{
                let tplObj={};
                me.fields.map(key=>{
                    tplObj[key] = item[key];
                });
                data.push(tplObj);
            });
            let h =  parseFloat(me.panelHeight);
            h = isNaN(h)?me.defHeight:h;
            me.$emit('onOk',data,h);
            me.resetForm();
            me.hide();
        },
        handleEdit(){
            let me=this,columns=[],newData={...this.portalPanel};
            let list = me.getSelectList();
            list.map(item=>{
                let tplObj={};
                me.fields.map(key=>{
                    tplObj[key] = item[key];
                });
                columns.push(tplObj);
            });

Ignore Space Show notes View

admin/views/design/index.vue 0 → 100644

<template>
    <div class="pl-design">
        <div class="pl-design-head">
            <div class="pl-fr tool">
                
                
                <button class="pl-btn pl-btn-round pl-btn-primary" @click="handleSave">{{$lang("save")||"保存"}}</button>
            </div>
            <div class="pl-fl"></div>
        </div>
        <div class="pl-design-main">
            <div class="pl-design-area" ref="dom-designArea">
                <template v-if="hackResetPortal">
                    <Portal :ref="'cmp-desPortal'+index" :cols="item.layoutCols" :index="index" :key="index" v-for="(item,index) in layoutRows" @onDel="onDelPortal"></Portal>                     
                </template>                
            </div>
            
        </div>
        <div class="pl-design-aside">
            <div class="pl-design-aside-head">
                {{$lang("columnLayout")||"栏目布局"}}
            </div>
            <div class="pl-design-aside-body">
                <div class="pl-design-aside-tabs" v-if="false">
                    <button class="pl-btn pl-btn-round pl-btn-primary">{{$lang("selectTemplate")||"选择模板"}}</button>
                    <button class="pl-btn pl-btn-round">{{$lang("addSingleLine")||"添加单行"}}</button>
                </div>
                <div class="pl-design-aside-msg">
                    *{{$lang("demoLayoutTip")||"选择以下模板，拖拽添加至内容区"}}
                </div>
                <div>
                    <div class="pl-design-layoutDemo" ref="dom-layoutDome">
                        <div class="preview">
                            <input type="hidden" value="24"/>
                            <div class="name">
                                {{$lang("row24")||"一行一栏"}}
                            </div>
                            <div class="view">
                                <div class="pl-design-row pl-row">
                                    <div class="pl-design-col pl-col-24">24</div>
                                </div>
                            </div>
                        </div>
                        <div class="preview">
                            <input type="hidden" value="12 12"/>
                            <div class="name">
                                {{$lang("rowAvg2")||"两栏均分"}}
                            </div>
                            <div class="view">
                                <div class="pl-design-row pl-row">
                                    <div class="pl-design-col pl-col-12">12</div>
                                    <div class="pl-design-col pl-col-12">12</div>
                                </div>
                            </div>
                        </div>
                        <div class="preview">
                            <input type="hidden" value="8 16"/>
                            <div class="name">
                                {{$lang("row8_16")||"一行两栏"}}
                            </div>
                            <div class="view">
                                <div class="pl-design-row pl-row">
                                    <div class="pl-design-col pl-col-8">8</div>
                                    <div class="pl-design-col pl-col-16">16</div>
                                </div>
                            </div>
                        </div>
                        <div class="preview">
                            <input type="hidden" value="16 8"/>
                            <div class="name">
                                {{$lang("row16_8")||"一行两栏"}}
                            </div>
                            <div class="view">
                                <div class="pl-design-row pl-row">
                                    <div class="pl-design-col pl-col-16">16</div>
                                    <div class="pl-design-col pl-col-8">8</div>
                                </div>
                            </div>
                        </div>
                        <div class="preview">
                            <input type="hidden" value="8 8 8"/>
                            <div class="name">
                                {{$lang("rowAvg3")||"三栏均分"}}
                            </div>
                            <div class="view">
                                <div class="pl-design-row pl-row">
                                    <div class="pl-design-col pl-col-8">8</div>
                                    <div class="pl-design-col pl-col-8">8</div>
                                    <div class="pl-design-col pl-col-8">8</div>
                                </div>
                            </div>
                        </div>
                        <div class="preview">
                            <input type="hidden" value="6 6 6 6"/>
                            <div class="name">
                                {{$lang("rowAvg4")||"一行四栏"}}
                            </div>
                            <div class="view">
                                <div class="pl-design-row pl-row">
                                    <div class="pl-design-col pl-col-6">6</div>
                                    <div class="pl-design-col pl-col-6">6</div>
                                    <div class="pl-design-col pl-col-6">6</div>
                                    <div class="pl-design-col pl-col-6">6</div>
                                </div>
                            </div>
                        </div>
                        <div class="pl-design-aside-msg">
                        *{{$lang("customLayoutTip")||"自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认"}}
                        </div>
                        <div class="preview">
                            <div class="name">
                                {{$lang("custom")||"自定义"}}
                            </div>
                            <div class="view">
                                <input type="text" value="" :placeholder="$lang('spaceSeparate')||'数值以[空格]隔开'"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
        <Dialog ref="cmp-dd" :width="600"></Dialog>
    </div>
</template>
<script> 
import Dialog from "@admin/components/dialog";
import Portal from "./portal";
import Sortable from 'sortablejs';
export default {
    components: {
        Dialog,Portal
    },
    provide(){
        let me=this;
        return {
            addPanel(position,data){
                me.addPanel(position,data)
            },
            editPanel(data){
                me.editPanel(data)
            },
            delPanel(data){
                me.delPanel(data)
            },
            getPanels(index){
                return me.getRowPanels(index);
            },
            updatePanelPosition(ops){
                me.updatePanelPosition(ops)
            }
        }
    },
    data(){
        return {
            hackResetPortal:true,//ui补丁，用于拖拽强制重新渲染
            layoutRows:this.$store.getters.portalList,
            choosLayout:null,
            SortableList:[]
        }
    },
    watch:{
        layoutRows(newVal,oldVal){
            //强制刷新子组件portal
            this.resetPortal();
        }
    },
    mounted() {           
        let me =this;
        me.$store.dispatch('portal/loadList').then(data=>{
            me.layoutRows = data;
        });//工作台门户列表
        
        new Sortable(this.$refs["dom-designArea"], {
            group: "portal-layout",
            handle: '.pl-design-portal-head', // handle's class
            animation: 150,
            onMove(evt, originalEvent) {
                return evt.to==evt.from;
            },
            onEnd(evt){
                let rows=[...me.layoutRows];
                console.log('dom-designArea : ',me.layoutRows);
                rows[evt.oldIndex] = rows.splice(evt.newIndex, 1, rows[evt.oldIndex])[0];
                me.$set(me,'layoutRows',rows);
                me.resetPortal();
                me.$store.dispatch('portal/setList',rows);
            }
        });
        new Sortable(this.$refs["dom-layoutDome"], {
            sort:false,
            chosenClass:"ghostClass",
            filter: ".pl-design-aside-msg", 
            group: {
                name: 'portal-layout',
                pull: 'clone' // To clone: set pull to 'clone'
            },
            animation: 150,
            // Element dragging ended
            onEnd: function (evt) {
                var itemEl = evt.item;  // dragged HTMLElement
                if(evt.to!=evt.from) 
                {
                    let cols = itemEl.querySelector('input').value.split(' ');
                    if(cols.length&&cols[0]!=""){
                        let hasInt = true,tmpArr = [...me.layoutRows];
                        console.log('dom-layoutDome : ',me.layoutRows);
                        cols = cols.map((item,i)=>{
                            if(isNaN(parseInt(item))){
                                hasInt = false;
                            }
                            return item*1
                        });
                        if(!hasInt) return;//如果自定义列不是整数
                        let portal = me.makePortalItem(cols,evt.newIndex);
                        me.layoutRows.splice(evt.newIndex,0,portal);

}
                    itemEl.remove();                    
                }
                me.choosLayout = null;
            },
            onMove: function (evt, originalEvent) {                
                if(evt.to==evt.from) return false;
                // Example: https://jsbin.com/nawahef/edit?js,output
                let cols = evt.dragged.querySelector('input').value.split(' ');
                let hasInt = true;
                    cols = cols.map((item,i)=>{
                        if(isNaN(parseInt(item))){
                            hasInt = false;
                        }
                        return item*1
                    });
                if(cols.length&&hasInt) {
                    me.choosLayout = cols;
                }else{
                    // return false;
                }
            },
        });
    },
    methods: {
        getRowPanels(index){
            return this.layoutRows[index].panels;
        },
        updatePanelPosition(ops){
            let me=this;
            let oldPanel = me.layoutRows[ops.oldRowIndex].panels[ops.oldColIndex].splice(ops.oldPanelIndex,1);
            let taget = me.layoutRows[ops.newRowIndex].panels[ops.newColIndex];
            oldPanel[0].paths=[ops.newRowIndex,ops.newColIndex,ops.newPanelIndex];
            taget.splice(ops.newPanelIndex,0,oldPanel[0]);
            me.resetPortal();
            this.$store.dispatch('portal/setList',me.layoutRows);
        },
        /**
         * 创建一个门户版块
         */
        addPanel(position,data){
            let rowIndex = position[0],
                colIndex=position[1],
                layoutRows = this.layoutRows,
                tagetPanels = layoutRows[rowIndex].panels[colIndex];
            data.paths=[rowIndex,colIndex,tagetPanels.length]
            tagetPanels.push(data);
            // console.log('创建一个门户版块:',layoutRows);
            this.$set(this,'layoutRows',layoutRows);
            this.$store.dispatch('portal/setList',layoutRows);
        },
        /**
         * 创建一个门户版块
         */
        editPanel(data){
            let layoutRows = this.layoutRows;
            let paths = data.paths;
            let rowIndex=paths[0],colIndex=paths[1],index=paths[2];
            layoutRows[rowIndex].panels[colIndex].splice(index,1,data);
            this.$set(this,'layoutRows',layoutRows);
            this.$store.dispatch('portal/setList',layoutRows);
        },
        delPanel(data){
            let layoutRows = this.layoutRows;
            let paths = data.paths;
            let rowIndex=paths[0],colIndex=paths[1],index=paths[2];
            layoutRows[rowIndex].panels[colIndex].splice(index,1);
            this.$set(this,'layoutRows',layoutRows);
            this.$store.dispatch('portal/setList',layoutRows);
        },
        /**
         * vue 是vnode 节点，性能上最大化利用节点
         * 因此，当行布局增加时，插入布局的地方是原来的旧节点，影响新局结构
         * 然后 布局的增加，只会在最后一个子组件进行创建，原来的是复用的
         * 这样 拖拽功能就留下之前布局的痕迹在，新的布局上
         */
        resetPortal(){
            this.hackResetPortal= false;
            this.$nextTick(() => {
                this.hackResetPortal= true;
            });
        },
        /**
         * 创建一个门户行
         */
        makePortalItem(cols,rowIndex){
            let me=this; 
            let rowPanel = {
                layoutCols:cols,//布局列数、所占大小
                panels:[]//当前行的所有门户面板,以下标对应列中，每个面板有多个栏目
            };
            cols.map((col,index)=>{                
                /* 
                    demo : 
                    模拟默认一个栏目
                */
                // rowPanel.panels[index]=[{title:`栏目组 ${rowIndex}-${index}`}];//初始化对应列中的 面板列表，面板中有多个栏目
                rowPanel.panels[index]=[];
            });
            
            return rowPanel;
        },
        handleAddColumn() {
            this.$refs["cmp-dd"].setContent('<h1></h1>');
            this.$refs["cmp-dd"].show();
        },
        handleSave(){
            let me =this;
            let portalList = me.$store.getters.portalList; 
            let l = me.$message.loading({
                message: me.$lang("saving")||"保存中...",
                position: 'center',
                hasMask: true
            })
            me.$store.dispatch('portal/savePortal',portalList).then(r=>{
                 l.close();
                me.$message.success(me.$lang("saveSuc")||'保存成功！');
            }).catch(r=>{
                l.close();
                me.$message.error(me.$lang("saveError")||'保存出错！');
            });
        },
        onDelPortal(index){
            this.layoutRows.splice(index,1);
        }
    }
};
</script>

Ignore Space Show notes View

admin/views/design/portal.vue 0 → 100644

<template>
    <div class="pl-design-portal">
        <div class="pl-design-portal-head">
            {{index+1 | theRowLang($lang)}}
            <div class="pl-design-portal-tool"><i class="btn iconfont icon-delete" @click="handleDelPortal"></i></div>
        </div>
        <div class="pl-design-portal-body">
            <PRow class="pl-design-row" :index="index">
                <PCol v-for="(item,colIndex) in cols" :key="colIndex" :span="item" class="pl-design-col">
                    <div class="pl-design-col-inner" :index="colIndex">
                        <div v-if="panelsList[colIndex].length==0" class="nullData">{{$lang("dragInArea")||"拖入此区"}}</div>
                        <div class="pl-portal-panel" v-for="(item1,index1) in panelsList[colIndex]" :key="index1">
                            <div class="pl-portal-panel-head">
                                <div class="tool">
                                    <i class="iconfont icon-edit" @click="handleEidtColumns(item1,index,colIndex)"></i>
                                    <i class="iconfont icon-delete" @click="handleDelColumns(item1,index,colIndex)"></i>
                                </div>
                                <div class="tabs">
                                    <ul>
                                        <li v-for="(item2,index2) in item1.columns" @click="handleTabClick">{{item2.name}}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>                    
                    <div class="pl-design-portal-add">
                        <div class="oper" @click="handleAddPortal(index,colIndex)">
                            <i class="iconfont icon-add"></i>
                            <span> {{$lang("addColunms")||"添加门户栏目"}}{{item}}</span>
                        </div>
                    </div>
                </PCol> 
            </PRow>
        </div>        
        <ColumnsSelectDialog ref="cmp-columnsDD" 
        :portalPanel="curPortalPanel"
        @onOk="onAddColumns" @onUpdate="onUpdateColumns"></ColumnsSelectDialog>
    </div>
</template>
<script>
import Dialog from "@admin/components/dialog";
import {PRow,PCol} from "@admin/components/grid";
import ColumnsSelectDialog from "./columnsSelect";
import Sortable from 'sortablejs';
import {strFormat} from '@admin/utils/index';
export default {
    components:{
        Dialog,PRow,PCol,ColumnsSelectDialog
    },
    inject: ['addPanel','editPanel','delPanel','getPanels','updatePanelPosition'],
    props:{
        cols:{
            type:Array,
            default:[24]
        },
        index:{
            type:Number
        }
    },
    filters:{
        theRowLang(value,$lang){
            let formatStr = $lang("serialRowLayout")||"第{0}行布局";
            let rex = new RegExp("\\{0\\}", "g");            
            return strFormat(formatStr,value);
        }
    },
    data(){ 
        let panelsList = this.getPanels(this.index);
        return { 
            curPosition:[],//当前行、列 位置 
            SortableList:[],//拖拽对象列表
            curPortalPanel:null,//当前门户面板块
            panelsList:panelsList,//面板列表
            panelsItemEdit:false
        }
    },
    mounted(){
        this.createSortable();
    },
    beforeDestroy(){
        this.removeAllSortable();
    },
    methods:{
        removeAllSortable(){
            let me=this;
            me.SortableList.map(item=>{
                item.destroy();
            });
            me.$set(me,'SortableList',[]);
        },
        /**
         * 创建门户面板块的拖拽
         */
        createSortable(){
            let me=this;
            let list = me.$el.getElementsByClassName('pl-design-col-inner');
            let items = [...list];
            items.map(item => {
                let obj= new Sortable(item, {
                    group: "portal-Sortable",
                    handle: '.pl-portal-panel-head', // handle's class
                    animation: 150,
                    onUpdate(evt) { 
                        console.log(' protal createSortable onUpdate');
                    },
                    onEnd(evt){
                        let oldRowIndex = me.index;
                        let newRowIndex = evt.to.parentNode.parentNode.getAttribute('index');
                        let oldIndex = evt.from.getAttribute('index');
                        let newIndex = evt.to.getAttribute('index') ;
                        
                        console.log(`原是第${oldRowIndex}个布局中,第${oldIndex}列第${evt.oldIndex}个，移动到第${newRowIndex}个布局中,第${newIndex}列第${evt.newIndex}个`);
                        //数据要更新
                        me.updatePanelPosition({ 
                            oldRowIndex:oldRowIndex,
                            oldColIndex:oldIndex,
                            oldPanelIndex:evt.oldIndex,
                            newRowIndex:newRowIndex,
                            newColIndex:newIndex,
                            newPanelIndex:evt.newIndex,
                        });
                    }
                }); 
                me.SortableList.push(obj);
            });
            // console.info('createSortable:',this.cols,me.SortableList)
        },
        /**
         * 删除整行布局
         */
        handleDelPortal(){
            this.$emit('onDel',this.index);
        },
        /**
         * 弹出栏目选择对话框
         */
        handleAddPortal(row,col){
            this.curPosition= [row,col];
            this.curPortalPanel = null;
            this.$refs["cmp-columnsDD"].show();
        },
        handleEidtColumns(data,row,col){
            this.curPosition= [row,col];
            this.curPortalPanel = data;
            this.$refs["cmp-columnsDD"].setForm(data);
            this.$refs["cmp-columnsDD"].show();
        },
        handleDelColumns(data){
            this.delPanel(data);
        },
        /**
         * 添加指定列下的栏目门户面板
         */
        onAddColumns(data=[],panelHeight=300){
            if(data.length==0)return;
            this.addPanel(this.curPosition,{
                height:panelHeight,
                columns:data
            });
            // console.info('onColumnsSelected',data);
        },
        onUpdateColumns(data={}){
            this.editPanel(data);
        },
        handleTabClick(evt){
            let el = evt.target;
            let lis = el.parentNode.querySelectorAll('li');
            lis.forEach(item=>{
                item.className='';
            });
            el.className = 'seld'
        }
    }
}
</script>

Ignore Space Show notes View

admin/views/layout/components/Header.vue 0 → 100644

<template>
    <div class="pl-header">  
        <ul class="ltArea">
            <li v-if="layout=='level'" class="logoStyle">
                <div  class="pl-logo" :style="{width: sideWidth}">
                    <div v-if="hasTitle" @click="hideTitle(false)">
                        <img src="@admin/assets/logo.png" :width="sideWidth" v-if="logoSrc==''">
                        <img :src="logoSrc" :width="sideWidth" v-if="logoSrc!=''">
                    </div>
                    <div v-else @click="hideTitle(true)">
                        <img src="@admin/assets/logo_min.png" v-if="MlogoSrc==''">
                        <img :src="MlogoSrc" :width="sideWidth" v-if="MlogoSrc!=''">
                    </div>
                </div>
            </li>
            <li v-else>
                <div :style="{width: sideWidth}" class="pl-logo" >
                    <img src="@admin/assets/logo.png"  :width="sideWidth" v-if="logoSrc==''">
                    <img :src="logoSrc" :width="sideWidth" v-if="logoSrc!=''">
                </div>
            </li>
            <li v-if="sysList.length">                
                <div class="sysTrigger" ref='dom-sysList'  
                    @mouseover="handleShowSysList"  @mouseout="handleHideSysList">
                    <span>{{$lang("projectManage")||"项目管理"}}</span>
                    <i class="iconfont icon-change"></i>
                </div> 
                <ul class="pl-menus pl-menus-sub pl-menus-pop"
                @mouseenter="handleShowSysList"  @mouseleave="handleHideSysList"
                :style="sysListStyle" v-add2Body>
                    <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)">
                        <a class="title"><span class="txt">{{item.title}}111</span></a>
                    </li>
                </ul>   
            </li>
            <li v-if="layout == 'level'" >
                <div class="sysTrigger" ref="dom-latelyUse" 
                :title='$lang("recentlyUsed")||"最近使用"'
                @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse">
                    <i class="icon iconfont icon-time"></i>
                    <span class="title">{{$lang("recentlyUsed")||"最近使用"}}</span>
                    <i class="icon iconfont icon-arrow-down"></i>
                </div>
                <ul class="pl-menus pl-menus-sub pl-menus-pop"
                @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse"
                :style="latelyUseStyle" v-add2Body>
                    <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)">
                        <a class="title"><span class="txt">{{item.NAME}}</span></a>
                    </li>
                    <li v-show="navsLatelyUse.length==0" class="pl-menus-tips">
                        {{$lang("noData")||"暂无数据"}}
                    </li>
                </ul> 
            </li>
            <li v-if="layout == 'level'" >
                <div class="sysTrigger">
                    <span>{{$lang("allFunction")||"全部功能"}}</span>
                    <i class="iconfont icon-arrow-down"></i>
                </div>
            </li>
        </ul>
        <ul class="rtArea">
            <li>
                <div class="pl-search" ref="dom-searchBox" >
                    <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$lang('searchKey')||'搜索关键字'" 
                    v-model.trim="searchWord" 
                    @keyup="handleSeachKeyUp"
                    />
                    <i class="iconfont icon-search"></i>                   
                </div>  
                <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body>
                    <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" 
                    style="width:100%"
                    @click="openFunc(item)">
                        <a class="title"><span class="txt" v-html="item.html||item.name"></span></a>
                    </li>
                    <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips">
                        {{$lang("noData")||"暂无数据"}}
                    </li>
                </ul> 
            </li>
            <li v-if="sysProjectManage">
                <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name">
                    <i class="iconfont" :class="sysProjectManage.iconClass"></i>
                    <span class="title">{{sysProjectManage.name}}</span>
                </a>  
            </li>
            <template v-for="item in sysFuncMenus">
                <li v-if="item.type!='split'">
                    <template v-if="item.children&&item.children.length">
                        <div class="item" @mouseenter="handleFuncMenus(item,$event)">
                            <div class="tip">
                                <i class="iconfont" :class="item.iconClass"></i>
                            </div>
                            <span class="title" v-html="item.html||item.name"></span>
                            <i class="iconfont icon-arrow-down" v-if="item.children"></i>
                        </div>
                    </template>
                    <template v-if="!item.children||item.children&&item.children.length==0">
                        <div class="item" @click.prevent="handleFuncMenus(item,$event)">
                            <div class="tip">
                                <i class="iconfont" :class="item.iconClass"></i>
                            </div>
                            <span class="title" v-html="item.html||item.name"></span>
                            <i class="iconfont icon-arrow-down" v-if="item.children"></i>
                        </div>
                    </template>
                </li>
                <li v-if="item.type=='split'"><div class="line"></div></li>                
            </template>
            
            <li v-if="hasSetting">
                <div class="item" :title="$lang('customWorkbench')||'自定义工作台'">
                    <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a>   
                </div>
            </li>
            <li>
                <div class="item" :title="$lang('logout')||'退出系统'">
                    <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a>    
                </div>
            </li>
        </ul>
        <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu>
    </div>
</template>
<script>
// import pinyin from 'js-pinyin';//ie 下有问题 编译不过
 
import vueContextMenu from "@admin/components/contextMenu";
export default {
    components:{vueContextMenu},
    inject:['addTab','showTab','hideTab'],
    props:{
        hasTitle:{
            type: Boolean,
        },
        sideWidth:{
            type: String,
        }
    },
    data(){
        return {
            menuItems:[],
            searchWord:"",
            searchList:[],
            seldIndex:0,
            menuShow:false,
            searchMenusStyle:{
                display:'none',
                left:0,
                top:0,
                width:0,
                // maxHeight:'50%',
                // overflow:'auto'
            },
            sysListStyle:{
                display:'none',
                left:0,
                top:0,
            },
            latelyUseStyle:{
                display:'none',
                left:0,
                top:0,
                maxHeight:'50%',
                overflow:'auto'
            }
        }
    },  
    computed:{
        hasSetting(){
            let cfg = this.$store.state.app.config||{};
            return cfg.sysSetTabs&&cfg.sysSetTabs.length;
        },
        sysList(){
            let cfg = this.$store.state.app.config||{};
            return cfg.sysList||[];
        },
        sysProjectManage(){
            let cfg = this.$store.state.app.config||{};
            let  item = cfg.sysProjectMange||{},flag=false;
            this.$store.state.app.powerList.forEach(p=>{
                if(p.resUrl.indexOf(item.uri)>-1){
                    flag = true;
                    return true;
                }                        
            });
            if(flag){
                return cfg.sysProjectMange;
            }else{
                return null;
            }
        },
        sysFuncMenus(){            
            let cfg = this.$store.state.app.config||{};
            let menus = cfg.sysFuncMenus||[];
            return menus;
        },
        logoSrc(){
            let cfg = this.$store.state.app.config||{};
            return (cfg.sysLogo&&cfg.sysLogo.src)||'';
        },
        MlogoSrc(){
            let cfg = this.$store.state.app.config||{};
            return (cfg.MsysLogo&&cfg.MsysLogo.src)||'';
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        }
    },
    watch:{ 
        searchWord(newVal,oldVal){
            this.doSearch(newVal);
        }
    },
    mounted(){ 
        document.addEventListener('click',this.hideSeachResult)
    },
    beforeDestroy(){
        document.removeEventListener('click',this.hideSeachResult)
    },
    methods:{
        openDesign(){
            this.$refs['cmp-dd'].show();
        },
        doSearch(cnKey){
            if(cnKey==""){                
                this.hideSeachResult();
                return;
            }
            this.showSeachResult();
            let list = [],
                records = this.$store.getters.menusList;
            // let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase();
            console.log('records', records)
            let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase();

// this.addTab(item.resUrl,item.name,item.resId);
                this.addTab(item);//inject 提供的方法只能 传一个参数
                this.searchWord = "";
                this.seldIndex = 0;
                this.hideSeachResult();
            }
        },
        showSeachResult(){
            this.searchMenusStyle.display ='block';
            let s = this.$refs["dom-searchBox"];
            let rect = s.getBoundingClientRect();
            this.searchMenusStyle.left = rect.left+'px';
            this.searchMenusStyle.top = rect.top + rect.height + 5 +'px';
            this.searchMenusStyle.width = rect.width+'px';
        },
        hideSeachResult(){
            this.searchMenusStyle.display ='none';
        },
        handleChangeSys(item){
            if(!item.url)return;
            if(item.target=="_blank"){
                window.open(item.url)
            }else{
                window.location.href=item.url;
            }
        },
        handleShowSysList(){
            this.sysListStyle.display ='block';
            let s = this.$refs["dom-sysList"];
            let rect = s.getBoundingClientRect();
            this.sysListStyle.left = rect.left+'px';
            this.sysListStyle.top = rect.top + rect.height  +'px';
        },
        handleHideSysList(){
            this.sysListStyle.display ='none';
        },
        handleFuncMenus(item,$event){
            $event.stopPropagation();
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            if(item.url){
                item.target=='tab'? this.addTab(item.url,item.name,item.id) : window.open(item.url);
                return
            }else{
                item.handler&&item.handler();
            }
            if(item.children&&item.children.length){
                this.menuItems = item.children;
                this.$refs['cmp-funcMenu'].open($event)
            }
        },
        handleLogout(){
            window.location.href = window.location.origin + '/amrept-web/loginOut.do';
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.FURI,
                name:item.NAME
            });//inject 提供的方法只能 传一个参数
        },   
        hideTitle(name){
            this.$emit('hideTitle', name);
        }
    }
}
</script>

Ignore Space Show notes View

admin/views/layout/components/Main.vue 0 → 100644

<template>
    <div class="pl-main">
        <p-tabs
            ref="cmp-tabs"
            v-model="defTabKey"
            @onActiveTab="handleActiveTab"
            @onRemoveTab="handleRemoveTab"
            @onRemoveAllTab="handleRemoveAllTab"
            @onRemoveLeft="handleRemoveLeftTab"
            @onRemoveRight="handleRemoveRightTab"
            @onRemoveOther="handleRemoveOtherTab"
            @onFullScreen="handleFullScreen"
        >
            <p-tabpanel
                v-for="(item,index) in tabList"
                :key="item.id"
                :close="item.close"
                :title.sync="item.title"
                :name="item.id"
                :url="item.url"
                :itemData="item"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="protalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
    </div>
</template>
<script>
import { baseURL, codeProjectName } from "@admin/config";
import { PTabs, PTabpanel } from "@admin/components/tabpanel";
import PortalUser from "@admin/views/Portal/user";
import PortalSys from "@admin/views/Portal/sys";
import { getUrlValue, setUrlValue,getUrlSearch } from "@admin/utils";
// import { type } from "os";
import md5 from "md5";
export default {
    inject: ["addTab", "showTab", "hideTab"],
    components: {
        PTabs,
        PTabpanel,
        PortalUser,
        PortalSys,
    },
    data() {
        let cfg = this.$store.state.app.config || {};
        let defTabs = cfg.sysDefTabs || [];
        let setTabs = cfg.sysSetTabs || [];
        let list = [],
            defTabKey = "";
        defTabs = setTabs.concat(defTabs);
        defTabs.map((item, i) => {
            let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = setUrlValue(item.url, "__tabId", id);
            }
            list.push({
                title: item.title,
                url: item.url,
                close: item.close,
                id: id,
                type: item.type,
            });
        });
        console.log('page default open tabs :',defTabs);
        //系统菜单 后台默认配激活
        let menusDef2Tabs = this.$store.getters.defTabs,
            uriStr = "";
        console.log('menus default open tabs :',defTabs);
        menusDef2Tabs.map((item, i) => {
            uriStr = baseURL + codeProjectName + item.resUrl;
            let id = md5(uriStr);
            uriStr = setUrlValue(uriStr, "__tabId", id);
            list.push({
                title: item.name,
                url: uriStr,
                close: true,
                id: id,
                type: item.type,
            });
        });
        // console.log('系统菜单',list);

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/eaptpl/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let id = md5(uriStr);
                uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true //默认选中
                });
                break;
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

if (getUrlValue(url, "__tabId") == "") {
                    //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                    url = setUrlValue(url, "__tabId", uid);
                }

me.tabList.push({
                    title: title,
                    url: url,
                    close: true,
                    id: uid,
                    listeners: {
                        load: onLoad,
                    },
                });
                me.defTabKey = uid;
                // window.____renderFunc = renderedFn;
                me.$nextTick(
                    (function (fn, _uid) {
                        return function () {
                            let tab = cTabs.getItemObj(_uid);
                            fn && fn(tab);
                        };
                    })(renderedFn, uid)
                );
                console.log('  addTab  ',me.tabList);
            },
            getTab(uid) {
                return cTabs.getItemObj(uid);
            },
            seldTab(uid) {
                cTabs.defTabKey = uid;
            },
            getSeldTab() {
                return cTabs.getSeldItemObj();
            },
            refreshTab(uid) {
                let tab = cTabs.getItemObj(uid);
                tab &&
                    tab.tabPanelIframeEl.contentWindow.window.location.reload();
            },
            //closeTab
            colseTab(uid) {
                cTabs.closeItem(uid);
            },
            colseSeldTab() {
                cTabs.closeCurItem();
            },
        };

if (this.defTabKey == "" && this.tabList.length)
            this.defTabKey = this.tabList[0].id;
        //默认如果指向下面两个的话，标识一下已经加载过
        if (this.$refs["protalSysHome"]) {
            this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
            // console.log('加载系统门户列表~！');
            let itemData = this.$refs["protalSysHome"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["protalSysHome"][0].actived = true;
            }
        }
        if (this.$refs["portalUserWork"]) {
            this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
            // console.log('加载工作台门户列表~！');
            let itemData = this.$refs["portalUserWork"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalUserWork"][0].actived = true;
            }
        }
        let events = this.sysConfig.events;
        if (events) {
            this.$nextTick((r) => {
                events.onLoad && events.onLoad();
            });
        }
    },
    methods: {
        //将框架页里头的a 标签进行转换
        initATagUrl(el) {
            let aList = el.querySelectorAll("a");
            aList.forEach(function (aTag, i) {
                if (aTag.href) {
                    var httpUrl = new RegExp(
                        "^((https|http|ftp|rtsp|mms)?://)"
                    );
                    if (
                        httpUrl.test(
                            aTag.href.replace(window.location.origin, "")
                        )
                    ) {
                        return false;
                    }
                    if (!aTag.onclick) {
                        if (aTag.target == "_blank") {
                            aTag.addEventListener("click", function (evt) {
                                evt.preventDefault();
                                evt.stopPropagation();
                                var tabTitle = "";
                                if (aTag.title) {
                                    tabTitle = aTag.title;
                                }
                                var url = this.getAttribute("href");
                                var reg = /^\//gi;
                                console.log(
                                    "onload replace links href,on iframe ",
                                    Scp.Setting.appRoot,
                                    url
                                );
                                if (
                                    !reg.test(url) &&
                                    url.indexOf(Scp.Setting.appRoot) < 0
                                ) {
                                    url = Scp.Setting.appRoot + url;
                                }
                                Sys.addTab(url, tabTitle, "", "", true);
                                return false;
                            });
                        }
                    }
                }
            });
            window.Sys.tabPanel.autoResize();
        },
        handleBeforeRefresh(panel, evt) {
            if (panel.itemData.type == "home") {
                // this.$store.state.app.sysList=[];
                this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
                return false;
            }
            if (panel.itemData.type == "work") {
                // this.$store.state.app.list=[];
                this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
                return false;
            }
        },
        handleIframeLoad(panelCmp, evt) {
            let me = this,
                key = panelCmp.name;
            let ifm = panelCmp.$refs["iframe"];
            let tabData = panelCmp.itemData;
            if (tabData.listeners) {
                tabData.listeners.load && tabData.listeners.load();
            }
            //转换A标签
            me.initATagUrl(ifm.contentWindow.document.body);
            window.__UserInfo = {
                orgId: "",
                operator: "",
            };
            if (panelCmp.title == null || panelCmp.title == "") {
                let cTabs = me.$refs["cmp-tabs"];
                cTabs.resize();
            }
        },
        handleBeforeClose(panel, evt) {
            let ifm = panel.$refs["iframe"];
            try {
                let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1);
                return flag;
            } catch (e) {
                !document.all &&
                    window.console.log(
                        "iframe : Scp.context.beforeunloadFn();"
                    );
            }
        },
        handleActiveTab(panel) {
            if (!panel) return;
            if (panel.itemData.type == "home") {
                this.$refs["protalSysHome"][0].doRender();
            }
            if (panel.itemData.type == "work") {
                this.$refs["portalUserWork"][0].doRender();
            }
            try {
                let tab = this.$refs["cmp-tabs"].getItemObj(panel.name);
                tab &&
                    tab.tabPanelIframeEl.contentWindow
                        .$(tab.tabPanelIframeEl.contentDocument)
                        .trigger("iframeActiving", [panel.name]);
            } catch (e) {
                console.log("iframeActiving error!");
            }
        },
        //面板上面的事件特别处理，现在暂时没用
        handleSelected(item) {
            return;
            let key = item.id;
            let ifm = this.$refs["dom-iframe" + key][0];
            try {
                let __orgId = ifm.contentWindow.Scp.User.getId();
                let __operator = ifm.contentWindow.Scp.User.getOperator();
                window.__UserInfo = {
                    orgId: __orgId,
                    operator: __operator,
                };
            } catch (e) {}
        },
        handleRemoveTab(targetName) {
            let tabs = this.tabList;
            let activeName = this.defTabKey;
            if (activeName === targetName) {
                tabs.forEach((tab, index) => {
                    if (tab.close && tab.id === targetName) {
                        let nextTab = tabs[index + 1] || tabs[index - 1];
                        if (nextTab) {
                            activeName = nextTab.id;
                        }
                    }
                });
            }
            this.defTabKey = activeName;
            tabs = tabs.filter((tab) => {
                return tab.close == false || tab.id !== targetName;
            });
            console.log('handleRemoveTab')
            this.$set(this, "tabList", tabs);
            if (this.tabList.length == 0) {
                this.defTabKey = "tabPanel_home";
            }
        },
        handleRemoveAllTab() {
            let tabs = this.tabList;
            this.tabList = tabs.filter((tab) => {
                return !tab.close;
            });
            let l = this.tabList.length;
            this.defTabKey = l ? this.tabList[l - 1].id : "";
        },
        handleRemoveLeftTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i < index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i >= index;
            });

this.defTabKey = defTabKey;
        },
        handleRemoveRightTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i > index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i <= index;
            });
            this.defTabKey = defTabKey;
        },
        handleRemoveOtherTab(name, index) {
            let tabs = this.tabList;
            tabs = tabs.filter((tab, i) => {
                return tab.close == false || i == index;
            });
            this.$set(this, "tabList", tabs);
            this.defTabKey = name;
        },
        handleFullScreen() {
            this.$emit("onFullScreen");
            // screenfull.toggle()
        },
    },
};
</script>
<style scoped>
</style>

Ignore Space Show notes View

admin/views/layout/components/Sidebar.vue 0 → 100644

<template>
    <div v-if="layout == 'level'" class="pl-sidebar"  :style="{width: this.sideWidth, background:'#08111f',top:totop+'px',color:'#e6e6e6'}">
                <div class="menusArea pl-cl">
                    <div class="scroll" ref="domSrcoll">
                        <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0}">
                            <template v-for="(item,index) in menus">
                                
                                <Smenu-item v-if="!item.children||!item.children.length" :hasTitle="hasTitle" :icon="item.iconClass || 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
                                <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" v-if="item.children&&item.children.length" ></Snav-sub-menus>
                            </template>
                        </Smenu>
                    </div>
                </div>
            
        </div>
    <div v-else class="pl-sidebar">
        <GeminiScrollbar>
            <ul class="menus">
                <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in  navs" :key="index" :title="item.name" @click="handleOpenFunc(item)">
                    <div class="box">
                        <img v-if="item.iconClass" :src="item.iconClass | getIconServePath"  width="42" height="42"/>
                        <img v-if="item.iconClass==null||item.iconClass==''" src="@admin/assets/def_Func.png" width="42" height="42"/>
                        
                        <span v-if="item.markCount" class="tip">{{item.markCount}}</span>
                    </div>
                    <div class="title">{{item.name}}</div>
                </li>
            </ul>
        </GeminiScrollbar>
    </div>
</template>
<script>
import {Smenu,SsubMenu,SmenuItem} from './Smenus'
import SnavSubMenus from './side/Smenus'
export default {
    inject:['addTab'],
     components:{
        Smenu,SsubMenu,SmenuItem,SnavSubMenus
    },
    props:{
        sideWidth:{
            type: String,
        },
        hasTitle:{
            type: Boolean,
        },
        totop:{
            type: Number
        }
    },
    data(){
        return{

}
    /*
        return {
            navs:[
                {
                    iconClass:"",
                    name:"新建事项",
                    url:"",
                },
                {
                    iconClass:"",
                    name:"销售排行",
                    url:""
                },
                {
                    iconClass:"",
                    name:"待办工作",
                    url:""
                },
                {
                    iconClass:"",
                    name:"薪资查看",
                    url:"",
                    count:10
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
            ]
        }
    */
    },
    computed:{
        navs(){
            return this.$store.getters.navs;
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        menus(){
            return this.$store.getters.menus;
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        }
    },
    mounted(){
        // this.resize();
        window.addEventListener('resize',this.resize);
    },
    filters: {
        getIconServePath(path){
            let file = path.split(";");
            if(file[2]){
                return `/amrept-web/checkPhoto/photo.do?path=${file[2]}`
            }else{
                return "";
            }
        }
    },
    methods:{
    //    resize(){
    //         let c = this.$refs.smenu.$el.children,w=0;
    //         for(let i=c.length-1;i>=0;i--){
    //             w+=c[i].offsetWidth;
    //         }
    //         this.$refs.smenu.$el.style.width=`${w+2}px`;
    //         this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w;
    //         this.scrollBtnStatus();
    //     },
        handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.FURI,
                name:item.NAME
            });//inject 提供的方法只能 传一个参数
        },     
        handleOpenFunc(item){  
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            // this.addTab(item.resUrl,item.name,item.resId)//,item.resId
            this.addTab(item);//inject 提供的方法只能 传一个参数
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleLtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleRtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleMenuScrollEnd(){
            clearInterval(this.menuScrollTimer);
        },
        scrollBtnStatus(){            
            if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){
                return;
            }
            if(this.$refs.domSrcoll.scrollLeft==0){
                this.$refs.scrollLtBtn.style.opacity=0.3;
            }else{                
                this.$refs.scrollLtBtn.style.opacity=1;
            }

if(this.$refs.domSrcoll.scrollLeft>=this.$refs.smenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){
                this.$refs.scrollRtBtn.style.opacity=0.3;
            }else{
                this.$refs.scrollRtBtn.style.opacity=1;
            }
        }
    }
}
</script>

Ignore Space Show notes View admin/views/layout/components/Smenus/index.js 0 → 100644
import Smenu from './menu'; import SmenuItem from './menuItem'; import SsubMenu from './subMenu' export { Smenu, SmenuItem,SsubMenu }; export default Smenu;

Ignore Space Show notes View admin/views/layout/components/Smenus/menu.jsx 0 → 100644
import {filterEmpty} from '@admin/utils/props' import PopMenu from './popMenu' const Menu = { props:{ mode:{type:String} }, methods:{ addItem(){ // alert(1); } }, render(h){ let popMenuProps = { props:{ ...this.$props, eventKey:'menu-', level:0, children:filterEmpty(this.$slots.default \|\| []) } } return ( <PopMenu {...popMenuProps}></PopMenu> ) } } export default Menu;

Ignore Space Show notes View

admin/views/layout/components/Smenus/menuItem.jsx 0 → 100644

Ignore Space Show notes View

admin/views/layout/components/Smenus/popMenu.jsx 0 → 100644

import {cloneElement}  from '@admin/utils/vnode';
const PopMenu = {
    props: {
        mode: {
            type: String,
            default: 'inline'
        },
        eventKey: {
            type: String
        },
        level:{
            type:Number
        },
        children: {
            type: Array,
            default: () => {
                return [];
            }
        },
        parent:{
            type:Object,
            default:null
        }
    },
    methods: {
        renderMenuItem(c, i) {
            if (!c) {
                return null;
            }
            let {...props} =this.$props;
            let newProps={
                props:{
                    ...props,
                    level:props.level,
                    parent:props.parent
                }
            }
            let vnd = cloneElement(c,newProps)
            return vnd;
        },
        handleMouseEnter(evt){
            this.$emit('mouseenter')
        },
        handleMouseLeave(evt){
            this.$emit('mouseleave')
        }
    },
    render(h) {
        const { ...props } = this.$props;
        const { eventKey, children, mode } = props;
        const nodeProp = {
            class: {
                ['pl-Smenus']: 1,
                [`pl-Smenus-${mode}`]: 1
            },
            on:{
                mouseenter:this.handleMouseEnter,
                mouseleave:this.handleMouseLeave
            },
            attrs:{
                level:props.level
            }
        }
        return (
            <ul {...nodeProp}>
                {children.map((c, i) => this.renderMenuItem(c, i, eventKey || '0-menu-'))}
            </ul>
        )
    }
}
export default PopMenu;

Ignore Space Show notes View

admin/views/layout/components/Smenus/subMenu.jsx 0 → 100644

import Trigger from './trigger'
import {getOffset,getDefaultTarget} from '@admin/utils'
import {filterEmpty} from '@admin/utils/props'
import PopMenu from './popMenu'
const SubMenu = {
    props:{
        eventKey:{
            type:String
        },
        mode:{
            type:String
        },
        level:{
            type:Number
        },
        hasTitle:{
            type:Boolean
        },
        parent: {
            type: Object,
            default: null
        }
    },
    data(){
        return{
            subStyle:{
                left:0,
                top:0,
                display:'none'
            },
            isActive:false,
        }        
    },
    methods:{
        setPotion(){
            let me=this;
            let rect = getOffset(me.$refs['domMenuTitle'],getDefaultTarget()); 
            let subStyle = {
                left: me.level==0?rect.left:rect.left+rect.width,
                top: me.level==0?rect.top+rect.height-1:rect.top,
                width: rect.width,
                height: rect.height
            }
            return subStyle;
        },
        show(){
            let me=this; 
            if(me.level!=0){
                me.parent.show&&me.parent.show();
            }
            let p = me.setPotion(),     
                h = document.documentElement.offsetHeight,
                w = document.documentElement.offsetWidth,    
                subMenuDom = me.$refs['subMenus'].$el.firstElementChild;
            subMenuDom.style.display = 'block'; 
            let sh = subMenuDom.offsetHeight,
                sw = subMenuDom.offsetWidth;
            sh = sh>h?h:sh;
            if(me.level>0){
                subMenuDom.style.left = (p.left+sw>w?w-sw:p.left)+'px';
                // subMenuDom.style.left = p.width + sw + 'px';
                subMenuDom.style.top = (p.top+sh>h?h-sh:p.top)+'px';
            }else{
                // subMenuDom.style.left = (p.left+sw>w?w-sw:p.left)+'px';
                subMenuDom.style.left = p.width + 'px';
                subMenuDom.style.top = (p.top+sh>h?h-sh:p.top-p.height)+'px';
            }
            // subMenuDom.style.left = 171 + 'px';
            // subMenuDom.style.top = (p.top+sh>h?h-sh:p.top-36)+'px';
            // subMenuDom.style.top = (p.top-36) + 'px';
            subMenuDom.style.height = sh+'px'; 
            subMenuDom.style.display = 'block'; 
            let zIndex = window.getComputedStyle(this.$el.parentNode,null)['z-index']*1;
            subMenuDom.style.zIndex=zIndex+1;

// me.$set(me,'subStyle',{display:'block',...p}); 
            // me.subStyle.display = 'block'; 
            me.isActive =true;
        },
        hide(){
            let me=this;   
            let subMenuDom = me.$refs['subMenus'].$el.firstElementChild;
            subMenuDom.style.display = 'none'; 
            // me.subStyle.display = 'none';
            me.isActive = false;
        },
        hideParent(){ 
            let me=this;     
            if(me.level!=0){
                me.parent.hide&&me.parent.hideParent();
            }
            this.hide();
        },
        handleTitleMouseEnter(evt){ 
            this.show();
        },
        handleTitleMouseLeave(evt){
            this.hide();
        },
        handleSubMouseEnter(){
            this.show();
        },
        handleSubMouseLeave(){           
            this.hideParent();
        },
        renderChildren(children){
            let {...props} = this.$props;
            const {subStyle,isActive} = this;
            let popMenuProps={
                props:{
                    ...props,
                    level:props.level+1,
                    hasTitle:props.hasTitle,
                    children:children,
                    parent:this
                },
                style:{
                    // ...subStyle,                
                },
                class:{
                    ['pl-Smenus-sub']:1,
                    ['pl-Smenus-pop']:1,
                },
                on:{
                    mouseenter:this.handleSubMouseEnter,
                    mouseleave:this.handleSubMouseLeave
                }
            }
            return (
                <PopMenu ref="domMenuSub" {...popMenuProps}></PopMenu>
            )
        }
    },
    render(h) {
        const props = this.$props;
        const hasTitle = props.hasTitle;
        const {subStyle,isActive} = this;
        const isInlineMode = props.mode === 'inline';        
        const children = this.renderChildren(filterEmpty(this.$slots.default));
        const nodeProps ={
            class:{
                ['pl-Smenus-item']:1,
                ['pl-Smenus-itemSeld']:isActive
            },
            style:{
                ['wdith']: hasTitle?'140px':'48px'
            }
        }
        const titleProps={
            attrs:{
                title:this.$slots.title[0].text
            },
            on:{
                mouseenter:this.handleTitleMouseEnter,
                mouseleave:this.handleTitleMouseLeave
            }
        } 
        /*                     
            {isInlineMode && children}
            {!isInlineMode && (
            <Trigger>
                {children}
            </Trigger>)}
        */
       /**
        * 菜单太多的问题
        * 子菜单独立渲染 添加滚动条
        */

return (
            <li {...nodeProps} >
                <div ref="domMenuTitle" class="title" {...titleProps}>
                    {props.level==0&&(<i class="icon iconfont icon-bell"></i>)}
                    {hasTitle &&(props.level>=0&&(<i class="iconfont icon-arrow-right trigger"></i>))
                    || !hasTitle &&(props.level>0&&(<i class="iconfont icon-arrow-right trigger"></i>))}
                    <span v-show={hasTitle || (!hasTitle && props.level > 0)} class='txt'>{this.$slots.title}</span>
                </div>
                <Trigger ref="subMenus">{children}</Trigger>
                {/* {props.level==0&&(
                    <Trigger>
                        {children}
                    </Trigger>)}
                {
                    props.level>0&&children
                } */}
            </li>
        );
    }
}
export default SubMenu;

Ignore Space Show notes View admin/views/layout/components/Smenus/trigger.jsx 0 → 100644
const Trigger = { props:{ mode:{ type:String } }, directives: { menuPop: { // 指令的定义 inserted: function (el) { document.body.appendChild(el) } } }, data(){ return { visiable:false } }, mounted(){ }, methods:{ }, render(h) { const props={ style:{ position:'absolute', left:0, top:0 }, on:{} } return ( <div v-menuPop {...props}>{this.$slots.default}</div> ) } } export default Trigger;

Ignore Space Show notes View admin/views/layout/components/index.js 0 → 100644
export { default as Navbar } from './navbar/index.vue' export { default as Sidebar } from './Sidebar' export { default as Header } from './Header' export { default as Main } from './Main'

Ignore Space Show notes View admin/views/layout/components/menus/index.js 0 → 100644
import PMenu from './menu'; import PMenuItem from './menuItem'; import PSubMenu from './subMenu' export { PMenu, PMenuItem,PSubMenu }; export default PMenu;

Ignore Space Show notes View admin/views/layout/components/menus/menu.jsx 0 → 100644
import {filterEmpty} from '@admin/utils/props' import PopMenu from './popMenu' const Menu = { props:{ mode:{type:String} }, methods:{ addItem(){ // alert(1); } }, render(h){ let popMenuProps = { props:{ ...this.$props, eventKey:'menu-', level:0, children:filterEmpty(this.$slots.default \|\| []) } } return ( <PopMenu {...popMenuProps}></PopMenu> ) } } export default Menu;

Ignore Space Show notes View

admin/views/layout/components/menus/menuItem.jsx 0 → 100644

Ignore Space Show notes View

admin/views/layout/components/menus/popMenu.jsx 0 → 100644

import {cloneElement}  from '@admin/utils/vnode';
const PopMenu = {
    props: {
        mode: {
            type: String,
            default: 'inline'
        },
        eventKey: {
            type: String
        },
        level:{
            type:Number
        },
        children: {
            type: Array,
            default: () => {
                return [];
            }
        },
        parent:{
            type:Object,
            default:null
        }
    },
    methods: {
        renderMenuItem(c, i) {
            if (!c) {
                return null;
            }
            let {...props} =this.$props;
            let newProps={
                props:{
                    ...props,
                    level:props.level,
                    parent:props.parent
                }
            }
            let vnd = cloneElement(c,newProps)
            return vnd;
        },
        handleMouseEnter(evt){
            this.$emit('mouseenter')
        },
        handleMouseLeave(evt){
            this.$emit('mouseleave')
        }
    },
    render(h) {
        const { ...props } = this.$props;
        const { eventKey, children, mode } = props;
        const nodeProp = {
            class: {
                ['pl-menus']: 1,
                [`pl-menus-${mode}`]: 1
            },
            on:{
                mouseenter:this.handleMouseEnter,
                mouseleave:this.handleMouseLeave
            },
            attrs:{
                level:props.level
            }
        }
        return (
            <ul {...nodeProp}>
                {children.map((c, i) => this.renderMenuItem(c, i, eventKey || '0-menu-'))}
            </ul>
        )
    }
}
export default PopMenu;

Ignore Space Show notes View

admin/views/layout/components/menus/subMenu.jsx 0 → 100644

import Trigger from './trigger'
import {getOffset,getDefaultTarget} from '@admin/utils'
import {filterEmpty} from '@admin/utils/props'
import PopMenu from './popMenu'
const SubMenu = {
    props:{
        eventKey:{
            type:String
        },
        mode:{
            type:String
        },
        level:{
            type:Number
        },
        parent: {
            type: Object,
            default: null
        }
    },
    data(){
        return{
            subStyle:{
                left:0,
                top:0,
                display:'none'
            },
            isActive:false,
        }        
    },
    methods:{
        setPotion(){
            let me=this;
            let rect = getOffset(me.$refs['domMenuTitle'],getDefaultTarget()); 
            let subStyle = {
                left: me.level==0?rect.left:rect.left+rect.width,
                top: me.level==0?rect.top+rect.height-1:rect.top
            }
            return subStyle;
        },
        show(){
            let me=this; 
            if(me.level!=0){
                me.parent.show&&me.parent.show();
            }
            let p = me.setPotion(),     
                h = document.documentElement.offsetHeight,
                w = document.documentElement.offsetWidth,            
                subMenuDom = me.$refs['subMenus'].$el.firstElementChild;
            subMenuDom.style.display = 'block'; 
            let sh = subMenuDom.offsetHeight,
                sw = subMenuDom.offsetWidth;
            sh = sh>h?h:sh;
            if(me.level>0){
                subMenuDom.style.left = (p.left+sw>w?w-sw:p.left)-10+'px';
            }else{
                subMenuDom.style.left = (p.left+sw>w?w-sw:p.left)+'px';
            }
            subMenuDom.style.top = (p.top+sh>h?h-sh:p.top)+'px';
            subMenuDom.style.height = sh+'px'; 
            subMenuDom.style.display = 'block'; 
            let zIndex = window.getComputedStyle(this.$el.parentNode,null)['z-index']*1;
            subMenuDom.style.zIndex=zIndex+1;

// me.$set(me,'subStyle',{display:'block',...p}); 
            // me.subStyle.display = 'block'; 
            me.isActive =true;
        },
        hide(){
            let me=this;   
            let subMenuDom = me.$refs['subMenus'].$el.firstElementChild;
            subMenuDom.style.display = 'none'; 
            // me.subStyle.display = 'none';
            me.isActive = false;
        },
        hideParent(){ 
            let me=this;     
            if(me.level!=0){
                me.parent.hide&&me.parent.hideParent();
            }
            this.hide();
        },
        handleTitleMouseEnter(evt){ 
            this.show();
        },
        handleTitleMouseLeave(evt){
            this.hide();
        },
        handleSubMouseEnter(){
            this.show();
            this.$emit('mouseenter');
        },
        handleSubMouseLeave(){      
            this.hideParent();
            this.$emit('mouseleave');
        },
        renderChildren(children){
            let {...props} = this.$props;
            const {subStyle,isActive} = this;
            let popMenuProps={
                props:{
                    ...props,
                    level:props.level+1,
                    children:children,
                    parent:this
                },
                style:{
                    // ...subStyle,                
                },
                class:{
                    ['pl-menus-sub']:1,
                    ['pl-menus-pop']:1,
                },
                on:{
                    mouseenter:this.handleSubMouseEnter,
                    mouseleave:this.handleSubMouseLeave
                }
            }
            return (
                <PopMenu ref="domMenuSub" {...popMenuProps}></PopMenu>
            )
        }
    },
    render(h) {
        const props = this.$props;
        const {subStyle,isActive} = this;
        const isInlineMode = props.mode === 'inline';        
        const children = this.renderChildren(filterEmpty(this.$slots.default));
        const nodeProps ={
            class:{
                ['pl-menus-item']:1,
                ['pl-menus-itemSeld']:isActive
            }
        }
        const titleProps={
            attrs:{
                title:this.$slots.title[0].text
            },
            on:{
                mouseenter:this.handleTitleMouseEnter,
                mouseleave:this.handleTitleMouseLeave
            }
        }
        /*                     
            {isInlineMode && children}
            {!isInlineMode && (
            <Trigger>
                {children}
            </Trigger>)}
        */
       /**
        * 菜单太多的问题
        * 子菜单独立渲染 添加滚动条
        */

return (
            <li {...nodeProps} >
                <div ref="domMenuTitle" class="title" {...titleProps}>
                    {props.level>0&&(<i class="iconfont icon-arrow-right trigger"></i>)}
                    <span class='txt'>{this.$slots.title}</span>
                </div>
                <Trigger ref="subMenus">{children}</Trigger>
                {/* {props.level==0&&(
                    <Trigger>
                        {children}
                    </Trigger>)}
                {
                    props.level>0&&children
                } */}
            </li>
        );
    }
}
export default SubMenu;

Ignore Space Show notes View admin/views/layout/components/menus/trigger.jsx 0 → 100644
const Trigger = { props:{ mode:{ type:String } }, directives: { menuPop: { // 指令的定义 inserted: function (el) { document.body.appendChild(el) } } }, data(){ return { visiable:false } }, mounted(){ }, methods:{ }, render(h) { const props={ style:{ position:'absolute', left:0, top:0 } } return ( <div v-menuPop {...props}>{this.$slots.default}</div> ) } } export default Trigger;

Ignore Space Show notes View

admin/views/layout/components/navbar/index.vue 0 → 100644

<template>
    <div class="pl-navbar" ref="nav">
        <div class="allFunc" v-if="false">
            <span class="title">{{$lang('allFunction')||'所有功能'}}</span>
            <i class="icon iconfont icon-arrow-down"></i>
        </div>
        <div class="history" ref="dom-latelyUse"
        :title="$lang('recentlyUsed')||'最近使用'"
         @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse">
            <i class="icon iconfont icon-time"></i>
            <span class="title">{{$lang('recentlyUsed')||'最近使用'}}</span>
            <i class="icon iconfont icon-arrow-down"></i>
        </div>
        <div class="menusArea pl-cl" :class="isMenuArrBtn?'hasMenusBtn':''">
            <i v-show="isMenuArrBtn" ref="scrollRtBtn" class="arrRt iconfont icon-arrow-right-circle" @mousedown="handleRtMenuScroll" @mouseup="handleMenuScrollEnd"></i>
            <i v-show="isMenuArrBtn" ref="scrollLtBtn"  class="arrLt iconfont icon-arrow-left-circle" @mousedown="handleLtMenuScroll" @mouseup="handleMenuScrollEnd"></i>
            <div class="scroll" ref="domSrcoll">
                <p-menu ref="pmenu" mode="horizontal" style="margin:0">
                    <template v-for="(item,index) in menus" >
                        <p-menu-item v-if="!item.children||!item.children.length" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>
                        <nav-sub-menus  :menuitem="item" v-if="item.children&&item.children.length"></nav-sub-menus>
                    </template>
                </p-menu>
            </div>
        </div>
        
        <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse"
        :style="latelyUseStyle" v-add2Body>
            <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)">
                <a class="title"><span class="txt">{{item.NAME}}</span></a>
            </li>
            <li v-show="navsLatelyUse.length==0" class="pl-menus-tips">
                {{$lang('noData')||'暂无数据'}}
            </li>
        </ul> 
    </div>
</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
import NavSubMenus from './menus'
import screenfull from 'screenfull'
export default {
    inject:['addTab'],
    components:{
        PMenu,PSubMenu,PMenuItem,NavSubMenus
    },
    data(){
        return {
            menuScrollTimer:null,
            isMenuArrBtn:false,
            latelyUseStyle:{
                display:'none',
                left:0,
                top:0,
                maxHeight:'50%',
                overflow:'auto'
            }
        };
    },
    computed:{
        menus(){
            return this.$store.getters.menus;
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        }
    },
    mounted(){
        this.resize();
        window.addEventListener('resize',this.resize);
    },
    methods:{ 
        resize(){
            if (!screenfull.isFullscreen && this.$refs.pmenu.$el) {
                setTimeout(() => {
                    let c = this.$refs.pmenu.$el.children,w=0;
                    // console.log('---c--', c)
                    for(let i=c.length-1;i>=0;i--){
                        // console.log('---c[i]', c[i].offsetWidth)
                        w+=c[i].offsetWidth;
                    }
                    // console.log('offsetWidth', w)
                    this.$refs.pmenu.$el.style.width=`${w+2}px`;
                    this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w;
                    this.scrollBtnStatus();
                }, 50);
                
            }
        },

handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.FURI,
                name:item.NAME
            });//inject 提供的方法只能 传一个参数
        },     
        handleOpenFunc(item){  
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            // this.addTab(item.resUrl,item.name,item.resId)//,item.resId
            this.addTab(item);//inject 提供的方法只能 传一个参数
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleLtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleRtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleMenuScrollEnd(){
            clearInterval(this.menuScrollTimer);
        },
        scrollBtnStatus(){            
            if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){
                return;
            }
            if(this.$refs.domSrcoll.scrollLeft==0){
                this.$refs.scrollLtBtn.style.opacity=0.3;
            }else{                
                this.$refs.scrollLtBtn.style.opacity=1;
            }

if(this.$refs.domSrcoll.scrollLeft>=this.$refs.pmenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){
                this.$refs.scrollRtBtn.style.opacity=0.3;
            }else{
                this.$refs.scrollRtBtn.style.opacity=1;
            }
        }
    }
}
</script>

Ignore Space Show notes View

admin/views/layout/components/navbar/menus.vue 0 → 100644

<template>
    <p-sub-menu :level="level" :parent="parent">
        <template slot="title">{{menuitem.name}}</template>
        <template v-for="(item,index) in menuitem.children">
            <p-menu-item :icon="item.iconClass"  v-if="!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>            
            <nav-sub-menus :menuitem="item" v-if="item.children&&item.children.length"></nav-sub-menus>
        </template>
    </p-sub-menu>
</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
export default {
    name:'NavSubMenus',
    inject:['addTab','showTab','hideTab'],
    components:{
        PMenu,PSubMenu,PMenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{  
        handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

Ignore Space Show notes View

admin/views/layout/components/side/Smenus.vue 0 → 100644

<template>
    <Ssub-menu :level="level" :hasTitle="hasTitle" :parent="parent">
        <template slot="title">{{menuitem.name}}</template>
        <template v-for="(item,index) in menuitem.children">

<Smenu-item :icon="item.iconClass" :hasTitle="hasTitle"  v-if="!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
            
            <Snav-sub-menus :menuitem="item" v-if="item.children&&item.children.length"></Snav-sub-menus>
        </template>
    </Ssub-menu>
</template>
<script> 
import {Smenu,SsubMenu,SmenuItem} from '../Smenus'
export default {
    name:'SnavSubMenus',
    inject:['addTab'],
    components:{
       Smenu,SsubMenu,SmenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        hasTitle:{
            type: Boolean,
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{        
        handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

Ignore Space Show notes View

admin/views/layout/components/tabpanel/contextMenu.jsx 0 → 100644

export default drpMenus;

Ignore Space Show notes View

admin/views/layout/components/tabpanel/drpMenus.jsx 0 → 100644

export default drpMenus;

Ignore Space Show notes View admin/views/layout/components/tabpanel/index.js 0 → 100644
import PTabs from './tabs' import PTabpanel from './panel.vue' export { PTabs, PTabpanel }; export default PTabs;

Ignore Space Show notes View

admin/views/layout/components/tabpanel/item.jsx 0 → 100644

export default TabItem;

Ignore Space Show notes View admin/views/layout/components/tabpanel/panel.jsx 0 → 100644
const TabPanel={ name:'PTabpanel', props:{ close:[String,Number,Boolean], title:{ type:String, default:"" }, index:[String,Number], }, data(){ return {} }, beforeDestroy(){ this.$el.remove(); }, render(h){ return ( <div style="height:100%"> {this.$slots.default} </div> ) } } export default TabPanel;

Ignore Space Show notes View

admin/views/layout/components/tabpanel/panel.vue 0 → 100644

Ignore Space Show notes View

admin/views/layout/components/tabpanel/tabNav.vue 0 → 100644

},
        onClose(panel,e){
            e.stopPropagation();
            if(panel.$listeners&&panel.$listeners.onBeforeClose(panel,e)===false){
                return;
            }
            this.$emit('onTabClose',panel.name);
        },
        onActive(panel,evt){
            panel.$listeners&&panel.$listeners.onSelected(panel,evt)
            this.$emit('onTabChange',panel.name);
        },
        onContextMenu(panel,index,e) {
            e.preventDefault()
            this.curContextMenuName = panel.name;
            this.curContextMenuIndex = index,
            this.$refs['cmp-tabContextMenu'].open(e);
        },
        handleContextMenuRefresh() {
            let panel = this.panels[this.curContextMenuIndex];
            if(panel){
                let ifm = panel.$el.querySelector('iframe');
                if (ifm&&ifm.src&&ifm.src.indexOf('about:blank')==-1) {
                    ifm.contentWindow.window.location.reload();
                }
            }
        },
        handleContextMenuClose(e) {
            // e.stopPropagation();
            let panel = this.panels[this.curContextMenuIndex];
            if(panel.$listeners&&panel.$listeners.onBeforeClose(panel,e)===false){
                return;
            }
            this.$emit('onTabClose',panel.name);
        },
        handleContextMenuCloseAll(e) {
            this.$emit('onTabCloseAll');
        },
        handleContextMenuCloseRt() {
            this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseLt() {
            this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseOt() {
            this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex);
        }
    },
    render(h){
        let {
            $lang,
            onClose,
            onActive,
            onContextMenu
        }=this;
        let tabs = this._l(this.panels,(panel,index)=>{           
            const nodeProps = {
                class:{                
                    ['pl-tabs-item']:1,
                    ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName
                },
                attrs:{
                    id:'tab_'+panel.name
                }
            };
            const closeTpl = (
                <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i>
            )  
            return (
                <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}>
                    <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}>
                        <span class="pl-tabs-itemTxt sys-tab-item-text">{panel.title}</span>
                        {(panel.close===""||panel.close===true)&&closeTpl}
                    </div>
                </li>
            )
        });
        const ctxMenuProp = {
            props: {
                ['menu-items']: [
                    {
                        title: $lang('refresh')||'刷新',
                        iconClass: 'icon-refresh',
                        handler: this.handleContextMenuRefresh,
                    },
                    {
                        title:  $lang('close')||'关闭',
                        iconClass: 'icon-close-circle',
                        handler: this.handleContextMenuClose,
                    },
                    {
                        title:  $lang('closeLeft')||'关闭左侧',
                        iconClass: 'icon-arrow-leftMore-circle',
                        handler: this.handleContextMenuCloseLt,
                    },
                    {
                        title:  $lang('closeRight')||'关闭右侧',
                        iconClass: 'icon-arrow-rightMore-circle',
                        handler: this.handleContextMenuCloseRt,
                    },
                    {
                        title:  $lang('closeOther')||'关闭其它',
                        iconClass: 'icon-closeOther',
                        handler: this.handleContextMenuCloseOt,
                    },
                    {
                        title:  $lang('closeAll')||'关闭所有',
                        iconClass: 'icon-closeAll',
                        handler: this.handleContextMenuCloseAll,
                    },
                ]
            }
        };
        return (
            <div>
                <ul>{tabs}</ul>       
                <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu>
            </div>    
        )
    },
    updated(){
        this.$parent.resize();
    }
}
</script>

Ignore Space Show notes View

admin/views/layout/components/tabpanel/tabs.jsx 0 → 100644

import findIndex from 'lodash/findIndex'
import Panel from './panel.vue'
import TabNav from './tabNav.jsx'
// import Tab from './item'
import DrpMenus from './drpMenus'
const Tabs = {
    name: 'PTabs',
    props: {
        value: {}
    },
    watch: {
        value(value) {
            // let id = 'tab_' + value;
            // let id =value;
            // this.$nextTick(r => {
            //     debugger
            //     let tabObj = this.$refs['TabNavs'];
            //     if (tabObj.$refs[id] == null) return;
            //     let scrollLeft = tabObj.$refs[id].$el.offsetLeft,
            //         scrollArea = tabObj.$refs[id].$el.parentNode.parentNode;
            //     if (scrollArea.offsetWidth < scrollLeft) {
            //         scrollArea.scrollLeft = scrollLeft;
            //     } else if (scrollArea.scrollLeft > scrollLeft) {
            //         scrollArea.scrollLeft = scrollLeft;
            //     }
            // });
            this.setCurrentName(value)
        }
    },
    data() {
        return {
            currentName: this.value || this.activeName,
            contextMenuKey: null,
            scrollStep: 115,
            showScroll: false,
            panels: []
        }
    },
    created() {
        this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
    },
    mounted() {
        this.calcPaneInstances();
        window.addEventListener('resize',this.resize);
    },
    updated() {
        this.calcPaneInstances();
    },
    beforeDestroy() {
        window.removeEventListener('resize',this.resize);
    },
    methods: {
        setCurrentName(value) {
            this.currentName = value;  
            //绑定提是v-model所以这里要加一下，这样可以对 props 传进来的value 进行改变          
            this.$emit('input', value);
        },
        calcPaneInstances() {
            //收集插槽里头的组件实例，以重新渲染
            if (this.$slots.default) {
                const panelslots = this.$slots.default.filter(vnode => vnode.tag &&
                    vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'PTabpanel');
                // update indeed
                const panels = panelslots.map(({ componentInstance }) => componentInstance);
                const panelsChanged = !(panels.length === this.panels.length && panels.every((pane, index) => pane === this.panels[index]));
                if (panelsChanged) {
                    this.panels = panels;
                }
            } else if (this.panels.length !== 0) {
                this.panels = [];
            }
        },
        closeItem(key) {
            let me = this;
            me.$emit('onRemoveTab', key);
            me.resize();
        },
        closeCurItem() {
            this.closeItem(this.currentName);
        },
        getItemIndex(name) {
            let index = findIndex(this.panels, item => {
                return item.name == name;
            });
            return index;
        },
        getItem(name) {
            let index = findIndex(this.panels, item => {
                return item.name == name;
            });
            if (index > -1) {
                return this.panels[index];
            }
            return null;
        },
        getItemObj(name) {
            let panel = this.getItem(name);
            if (panel == null) return null; 
            return {   
                //.$refs['TabNavs']
                tabEl: this.$el.querySelector('#tab_'+name),//null
                tabPanelEl: panel.$el,
                tabPanelIframeEl: panel.$el.querySelector('iframe')
            };
        },
        getSeldItemObj() {
            return this.getItemObj(this.currentName);
        },
        resize() {
            this.$refs['TabNavs'].resize();
            this.$refs['domTabBody'].style.height = this.$el.offsetHeight - this.$refs['domTabHead'].offsetHeight + 'px';
            let tabScroll = this.$refs['domTabScroll'];
            this.showScroll = tabScroll.offsetWidth < tabScroll.scrollWidth;
        },
        handleShowDrpMenus(evt) {
            evt.stopPropagation();
            const rects = evt.currentTarget.getClientRects()[0];
            this.$refs['cmp-drpMenus'].show(rects.top + rects.height);
        },
        handleHideDrpMenus() {
            this.$refs['cmp-drpMenus'].hide();
        },
        handleMoreMenuClick(vm, event) {
            // this.activeKey = vm.$el.getAttribute('alt');
            this.resize();
        },
        handleScrollLt(step) {
            let el = this.$refs['domTabScroll'];
            el.scrollLeft = el.scrollLeft - (step || this.scrollStep);
        },
        handleScrollLtMouseDown() {
            let me = this;
            me.scrollPressTimer = setInterval(function () {
                me.handleScrollLt(10);
            }, 10);
        },
        handleScrollLtMouseUp() {
            clearInterval(this.scrollPressTimer);
        },
        handleScrollRt(step) {
            let el = this.$refs['domTabScroll'];
            el.scrollLeft = el.scrollLeft + (step || this.scrollStep);
        },
        handleScrollRtMouseDown() {
            let me = this;
            me.scrollPressTimer = setInterval(function () {
                me.handleScrollRt(10);
            }, 10);
        },
        handleScrollRtMouseUp() {
            clearInterval(this.scrollPressTimer);
        },
        handleTabChange(name) {
            this.setCurrentName(name);
        },
        handleTabClose(name) {
            this.closeItem(name);
            this.$refs['TabNavs'].$forceUpdate();
        },
        handleTabCloseAll(){
            this.$emit('onRemoveAllTab');
            this.$refs['TabNavs'].$forceUpdate();
            this.resize();
        },
        handleTabCloseLt(name,index){
            this.$emit('onRemoveLeft',name,index);
            this.$refs['TabNavs'].$forceUpdate();
            this.resize();
        },
        handleTabCloseRt(name,index){
            this.$emit('onRemoveRight',name,index);
            this.$refs['TabNavs'].$forceUpdate();
            this.resize();
        },
        handleTabCloseOt(name,index){
            this.$emit('onRemoveOther',name,index);
            this.$refs['TabNavs'].$forceUpdate();
            this.resize();
        },
        handleFullScreen(){
            this.$emit('onFullScreen')
        }
    },
    render(h) {
        let children = this.panels;
        let navData={
            props:{
                panels:children
            },
            on:{
                onTabChange: this.handleTabChange,
                onTabClose: this.handleTabClose,
                onTabCloseAll: this.handleTabCloseAll,
                onTabCloseLt:this.handleTabCloseLt,
                onTabCloseRt:this.handleTabCloseRt,
                onTabCloseOt:this.handleTabCloseOt,
                onTabCloseOt:this.handleTabCloseOt,
                onFullScreen: this.handleFullScreen
            },
            ref:'domTabSrcollInner'
        };
        let scrollLtBtn = {
            style: {
                display: this.showScroll ? 'inline-block' : 'none'
            },
            on: {
                //click:this.handleScrollLt,
                mousedown: this.handleScrollLtMouseDown,
                mouseup: this.handleScrollLtMouseUp,
            }
        }, scrollRtBtn = {
            style: {
                display: this.showScroll ? 'inline-block' : 'none'
            },
            on: {
                //click:this.handleScrollRt,
                mousedown: this.handleScrollRtMouseDown,
                mouseup: this.handleScrollRtMouseUp,
            }
        }, moreBtn = {
            on: {
                mouseover: this.handleShowDrpMenus,
                mouseout: this.handleHideDrpMenus
            }
        }, drpMenus = {
            props: {
                children: children
            },
            on: {
                click: this.handleMoreMenuClick,
                onTabChange: this.handleTabChange,
                onTabClose: this.handleTabClose
            }
        }, hideSty = {
            on: {
                mouseover: this.hideTab,
                mouseout: this.show,
                click: ()=>{alert(12313)}
            }
        };
        return (
            <div class="pl-tabs">
                <div class="pl-tabs-hd" ref='domTabHead' {...hideSty}>
                    <div class="pl-tabs-tool" ref='domTabTool'>
                        <div class="item" title={$lang('scrollLeft')||'滚动左侧'} ref='domTabScrollLt' {...scrollLtBtn}>
                            <i class="iconfont icon-arrow-left"></i>
                        </div>
                        <div class="item" title={$lang('scrollRight')||'滚动右侧'} ref='domTabScrollRt' {...scrollRtBtn}>
                            <i class="iconfont icon-arrow-right"></i>
                        </div>
                        <div class="item" title={$lang('more')||'更多'} ref='domTabScrollMore' {...moreBtn} >
                            <i class="iconfont icon-arrow-down"></i>
                            <DrpMenus ref="cmp-drpMenus" {...drpMenus}></DrpMenus>
                        </div>
                    </div>
                    <div class="pl-tabs-scroll" ref='domTabScroll'>
                        <TabNav {...navData} ref='TabNavs'></TabNav>
                    </div>
                </div>
                <div class="pl-tabpanel-bd" ref='domTabBody'>
                    {this.$slots.default}
                </div>
            </div>
        )
    }
}

export default Tabs;

Ignore Space Show notes View

admin/views/layout/index.vue 0 → 100644

<template>
    <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''">
        <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div>
        <Header v-show="!isFullscreen" :hasTitle="hasTitle" :sideWidth="sideWidth" v-on:hideTitle="hideTitle" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header>
        
        <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar>
        <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main>
    </div>
    <div v-else class="pl-page" :class="isFullscreen?'showTab':''">
        <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div>
        <Header ref="Header" v-show="!isFullscreen"></Header>
        <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar>
        <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar>
        <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main>
    </div>
</template>
<script>
import {baseURL,codeProjectName} from '@admin/config'
import {getMenus} from '@admin/api/menu'
import {Header,Navbar,Sidebar,Main} from "./components"
import screenfull from 'screenfull'
// import { setTimeout } from 'timers';
export default {    
    components:{
        Header,Navbar,Sidebar,Main
    },
    provide(){
        let me=this;
        return {
            addTab(item){
                // url,title,uid,callback,nearest                
                // this.addTab(item);//inject 提供的方法只能 传一个参数
                me.addTab(item.resUrl,item.name,item.resId,item.callback,item.nearest);
                // me.addTab(url,title,uid,callback,nearest);
            },
            showTab(){
                // console.log('layout index vue : showTab')
                me.showTab();
            },
            hideTab(){
                // console.log('layout index vue : hideTab')
                me.hideTab();
            }
        }
    },
    data(){
        return {
            hasTitle: true,
            toleft: '141px',
            sideWidth: '140px',
            totop: 50,
            isFullscreen: false,
            top: '',
            left: '',
            mainTop: '',
            navTop: '',
            timeout: null,
        }
    },
    computed:{
        hasQuickNav(){
            return this.$store.getters.navs.length;
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        isTitle(){
            return this.hasTitle;
        }
    },
    methods:{
        addTab(url,title,uid,callback,nearest){
            console.log('layout addTab :',baseURL,codeProjectName,url);
            window.Sys.addTab(baseURL+codeProjectName+url,title,uid,callback,nearest)
        },
        hideTitle(name){
            this.hasTitle = name;
            this.toleft = name?'141px':'49px';
            this.sideWidth = name?'140px':'48px'
        },
        /**
         * 是否全屏并按键ESC键的方法
         */
        checkFull() {
            var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled
            // to fix : false || undefined == undefined
            if (isFull === undefined) {
                isFull = false
            }
            return isFull
        },
         handleFullScreen(){
            screenfull.toggle()
        },
        onchange(){
            // console.log(this.isFullscreen)
            if(this.isFullscreen==true){
                // this.$refs.Main.isFullscreen = true
                this.$refs.Sidebar.$el.style.top=0
                this.$refs.Sidebar.$el.style.left=0
                this.$refs.Main.$el.style.top=0
                this.$refs.Main.$el.style.left=0
                // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style)
                this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none'
                this.$refs.Sidebar.$el.style.display = 'none'
                this.$refs.Main.$refs['cmp-tabs'].resize()
            }else{
                // console.log(222)
                // console.log('top',this.top)
                this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px'
                this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'
                this.$refs.Sidebar.$el.style.display = 'block'
                if(window.localStorage.getItem('layout') === 'level'){
                    this.$refs['Main'].$el.style.top=this.navTop+'px'
                    this.$refs['Main'].$el.style.left=this.left
                }else{
                    this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px'
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px'
                    this.$refs['Main'].$el.style.left=this.left
                    this.$refs['Navbar'].$el.style.top=this.navTop+'px'
                    this.$refs.Navbar.$el.style.display='block'
                }
                this.$refs.Main.$refs['cmp-tabs'].resize()
            }
        },
        showTab(){
            if(this.isFullscreen){
                
                clearTimeout(this.timeout);
                this.timeout = setTimeout(()=>{
                    
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px'
                    // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px'
                    // console.log(this.$refs.Main.$el.style.top)
                    
                    if(window.localStorage.getItem('layout') === 'level'){
                        this.$refs.Sidebar.$el.style.display = 'block'
                        this.$refs.Sidebar.$el.style.top = '39px'
                    }else{
                        // this.$refs.Sidebar.$el.style.display = 'block'
                        this.$refs.Navbar.$el.style.display='none';
                        this.$refs.Navbar.$el.style.top=0
                        this.$refs.Navbar.$el.style.display='block'
                    }
                    // this.$refs.Main.$refs['cmp-tabs'].resize()

},0);
            }
        },
        hideTab(){
            if(this.isFullscreen){  
                clearTimeout(this.timeout);
                this.timeout = setTimeout(()=>{
                    this.$refs.Main.$el.style.top=0
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none'
                    if(window.localStorage.getItem('layout') === 'level'){
                        this.$refs.Sidebar.$el.style.display = 'none'
                    }else{
                        this.$refs.Navbar.$el.style.display='none'
                    }
                    // this.$refs.Main.$refs['cmp-tabs'].resize()
                },0);
                
            }
        },
        KeyDown(event) {
            if (event.keyCode === 122) {
                event.returnValue = false;
                this.handleFullScreen();
            }
        }
    },
    mounted(){
        this.navTop = this.$refs.Header.$el.offsetHeight
        this.left = this.$refs.Main.$el.style.left
        console.log('left', this.isFullscreen)
        if(window.localStorage.getItem('layout') === 'level'){
            this.totop = this.$refs.Header.$el.offsetHeight || 50
        }else{
            this.mainTop = this.$refs.Navbar.$el.offsetHeight
            // console.log('mainTop', this.mainTop)
        }
        window.onresize = () => {
            // 全屏下监控是否按键了ESC
            if (!this.checkFull()) {
            // 全屏下按键esc后要执行的动作
                this.isFullscreen = false
            }
            this.isFullscreen=screenfull.isFullscreen
            this.onchange()
        },
        window.addEventListener("keydown", this.KeyDown, true);//监听按键事件
    }
}
</script>

Ignore Space Show notes View

admin/views/test/index.vue 0 → 100644

<input type="button" value="取最近使用" @click="getLeastRecentlyUsed" />
    
    <input type="button" value="添加门户" @click="addPortal" />
    <input type="button" value="修改门户" @click="updatePortal" />
    
    
    <textarea style="width:100%;height:600px">{{data}}</textarea>
  </div>
</template>
<script>
import { fetchColumns, fetchList, getPortal,getSysPortal, savePortal,addPortal,updatePortal } from "@admin/api/portal";
import { getMenus, getQuickNav, getPortalMenus ,getLeastRecentlyUsed,getPermissions} from "@admin/api/menu";
export default {
  data() {
    return {
      data: null
    };
  },
  mounted() {
    this.getPortalList();
  },
  methods: {
    //取顶部菜单
    getMenus() {
      getMenus().then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    //取左侧快速
    getQuickNav() {
      getQuickNav().then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    //取权限
    getPermissions() {
      getPermissions('admin').then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    
    //创建门户功能选择
    getPortalMenus() {
      getPortalMenus().then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    //取已配好的门户
    getPortal() {
      getPortal().then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    //取系统门户
    getSysPortal() {
      getSysPortal().then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    //取最近使用
    getLeastRecentlyUsed() {
      getLeastRecentlyUsed('admin').then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    
    addPortal() {
      let insertPack = {};
      insertPack = {
        FID: new Date().valueOf(),
        package: [{}]
      };
      addPortal(insertPack).then(res => {
        this.data = JSON.stringify(res.data);
      });
    },
    updatePortal() {
      let updatePack = {};
      updatePack = {
        package: [{ a: 1 }]
      };
      let oldPack = {
        FID: "1571726431976"
      };
      updatePortal(oldPack, updatePack).then(res => {
        this.data = JSON.stringify(res.data);
      });
    },
    //保存门户
    savePortal() {
      let insertPack = []; //添加包
      let updatePack = []; //修改包
      let removePack = []; //删除包
      insertPack.push({
        FID: new Date().valueOf(),
        FPID: "-1",
        NAME: "行",
        TYPE: "row",
        TRANSPARENT: false,
        URL: "功能url"
      });
      savePortal(insertPack, updatePack, removePack).then(res => {
        this.data = JSON.stringify(res.data.dataPack.rows);
      });
    },
    getPortalList() {
      fetchList().then(res => {});
    }
  }
};
</script>

Ignore Space Show notes View

build/module-conf.js

const fs = require("fs");
var chalk = require('chalk')
var glob = require('glob')

// 获取所有的moduleList
var moduleList = []

// 需要忽略的文件夹
const ignores = 'dist,node_modules,build'.split(',')
function getAllModule(dir) { 
  var files = fs.readdirSync(dir), isFind = false;
  //判断是否有模块存在
  for (var i = 0; i < files.length; i++) {
    if (ignores.includes(files[i])) continue;
    if (files[i] == "package.json") { 
      moduleList.push(dir);
      isFind = true;
      break;
    }
  }
  if (isFind == false) {
    for (var i = 0; i < files.length; i++) {
      if (ignores.includes(files[i])) continue
      var file = dir + '/' + files[i]
      var stat = fs.statSync(file)
      if (stat.isDirectory() == true) {
        getAllModule(file);
      }
    }
  }
}
getAllModule('./');//指定目录 开始搜索模块

// 检测是否在输入的参数是否在允许的list中
var checkModule = function (module) {
  var module = module||process.env.MODULE_ENV;
  // 检查moduleList是否有重复
  var hash = {}
  var repeatList = []
  for(var l = 0;l < moduleList.length; l++){
    if(hash[moduleList[l]]){
      repeatList.push(moduleList[l])
    }
    hash[moduleList[l]] = true
  }
  if(repeatList.length > 0){
    console.log(chalk.red('moduleList 有重复：'))
    console.log(chalk.red(repeatList.toString()))
    return false
  }
  let result = true
  let illegalParam = ''
  for (let moduleToBuild of module.split(',')) {
    if (moduleList.indexOf(moduleToBuild) === -1) {
      result = false
      illegalParam = moduleToBuild
      break
    }
  }
  if(result === false){
    console.log(chalk.red('参数错误，允许的参数为：'))
    console.log(chalk.green(moduleList.toString()))
    console.log(chalk.yellow(`非法参数：${illegalParam}`))
  }
  return result
}

// 获取当前要打包的模块列表
function getModuleToBuild () {
  let moduleToBuild = []
  if (process.env.NODE_ENV === 'production') {
    /* 部署态，构建要打包的模块列表，如果指定了要打包的模块，那么按照指定的模块配置入口
     *  这里有个特性，即使参数未传，那么获取到的undefined也是字符串类型的，不是undefined类型
     * */
    if (process.env.MODULE_ENV !== 'undefined') {
      moduleToBuild = process.env.MODULE_ENV.split(',')
    } else {
      // 如果未指定要打包的模块，那么打包所有模块
      moduleToBuild = moduleList
    }
  } else {
    // 开发态，获取所有的模块列表
    moduleToBuild = moduleList
  }
  return moduleToBuild
}

exports.moduleList = moduleList
exports.checkModule = checkModule
exports.getModuleToBuild = getModuleToBuild

const fs = require("fs");
var chalk = require('chalk')
var glob = require('glob')

// 获取所有的moduleList
var moduleList = []

exports.moduleList = moduleList
exports.checkModule = checkModule
exports.getModuleToBuild = getModuleToBuild

Ignore Space Show notes View package-lock.json 0 → 100644
Not supported

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "caibinghong <caibinghong@163.com>",
  "scripts": {
    "dev": "vite",
    "vite-build": "vite build",
    "vite-serve": "vite preview",
    "start": "npm run dev",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
    "build": "node build/build.js",
    "build-list": "node build/build.js ./src/modules/a",
    "build-watch": "node build/build-watch.js",
    "build-dev": "cross-env BABEL_ENV=dev"
  },
  "dependencies": {
    "axios": "^0.21.1",
    "babel-polyfill": "^6.26.0",
    "classnames": "^2.3.1",
    "enquire.js": "^2.1.6",
    "hi-ui": "^1.1.293",
    "lodash": "^4.17.21",
    "md5": "^2.3.0",
    "screenfull": "^5.1.0",
    "sortablejs": "^1.13.0",
    "vue": "^2.6.12",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-m-message": "^3.1.0",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^1.2.2",
    "@vue/babel-plugin-jsx": "^1.0.6",
    "@vue/compiler-sfc": "^3.0.11",
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^8.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-istanbul": "^4.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chai": "^4.1.2",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "cross-env": "^5.0.1",
    "cross-spawn": "^5.0.1",
    "css-loader": "^0.28.0",
    "eslint": "^4.15.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-node": "^5.2.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "eslint-plugin-vue": "^4.0.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^2.30.1",
    "inject-loader": "^3.0.0",
    "less": "^4.1.1",
    "less-loader": "^3.0.0",
    "mocha": "^3.2.0",
    "nightwatch": "^0.9.12",
    "node-notifier": "^5.1.2",
    "node-sass": "^4.13.0",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "phantomjs-prebuilt": "^2.1.14",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "sass-loader": "^8.0.2",
    "selenium-server": "^3.0.1",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "sinon": "^4.0.0",
    "sinon-chai": "^2.8.0",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vite": "^2.2.4",
    "vite-plugin-vue2": "^1.5.1",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.6.12",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0",
    "webpackbar": "^5.0.0-3"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

{
  "name": "vue-multipage",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "jiangyan <yan.jiang@kindroid.com>",
  "private": true,
  "scripts": {
    "vite-dev": "vite",
    "vite-build": "vite build",
    "vite-serve": "vite preview",
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
    "build": "node build/build.js",
    "build-list": "node build/build.js ./src/modules/a",
    "build-watch": "node build/build-watch.js",
    "build-dev": "cross-env BABEL_ENV=dev"
  },
  "dependencies": {
    "hi-ui": "^1.1.293",
    "lodash": "^4.17.21",
    "vue": "^2.6.12",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^1.2.2",
    "@vue/compiler-sfc": "^3.0.11",
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^8.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-istanbul": "^4.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chai": "^4.1.2",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "cross-env": "^5.0.1",
    "cross-spawn": "^5.0.1",
    "css-loader": "^0.28.0",
    "eslint": "^4.15.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-node": "^5.2.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "eslint-plugin-vue": "^4.0.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^2.30.1",
    "inject-loader": "^3.0.0",
    "karma": "^1.4.1",
    "karma-coverage": "^1.1.1",
    "karma-mocha": "^1.3.0",
    "karma-phantomjs-launcher": "^1.0.2",
    "karma-phantomjs-shim": "^1.4.0",
    "karma-sinon-chai": "^1.3.1",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-spec-reporter": "0.0.31",
    "karma-webpack": "^2.0.2",
    "less": "^4.1.1",
    "less-loader": "^3.0.0",
    "mocha": "^3.2.0",
    "nightwatch": "^0.9.12",
    "node-notifier": "^5.1.2",
    "node-sass": "^4.13.0",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "phantomjs-prebuilt": "^2.1.14",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "sass-loader": "^8.0.2",
    "selenium-server": "^3.0.1",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "sinon": "^4.0.0",
    "sinon-chai": "^2.8.0",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vite": "^2.2.4",
    "vite-plugin-vue2": "^1.5.1",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.6.12",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0",
    "webpackbar": "^5.0.0-3"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

Ignore Space Show notes View

vite.config.js 0 → 100644

// vite.config.js  利害浏览器自带的 es 动态导入，使项目冷启动
const { resolve } = require('path');
import { defineConfig } from 'vite'
// import vue from '@vitejs/plugin-vue' //(1)
import { createVuePlugin } from "vite-plugin-vue2";

// import viteExmaple from "./vite-plugin/exmaple.js";
// import viteServe from "./vite-plugin/server";
let build =  {
    sourcemap: false,
    //编译
    //指定 多个 .html 文件作为入口点
    rollupOptions: {
        // 请确保外部化那些你的库中不需要的依赖
        // external: ['vue'],
        input: {
            main: resolve(__dirname, 'index.html'),
            nested: resolve(__dirname, 'nested/index.html')
        },
        output: {
            format: 'umd',
        }
    }
}
// https://vitejs.dev/config/
export default defineConfig({
    build:build,
    css: {
        preprocessorOptions: {
            less: {
                javascriptEnabled: true,
            }
        },
    },
    resolve: {
        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv'],
        alias: {
            // 'vue$': 'vue/dist/vue.esm.js',
            '@admin':resolve('admin'),
            // 注意： 静态资源通过src，不能这么设置。
            // "@assets": path.join(__dirname, "..", "src", "assets"),
          }
    },
    //   plugins: [vue()]  //(1) 
    plugins: [
        createVuePlugin()
    ],
    optimizeDeps:{
        // exclude:["hi-ui"],//冷启动时，排除的包
    },
    compilerOptions: {
        "jsx": "preserve"
    },
    devServer: {
        port:227,
        proxy: 'http://192.168.1.183:5001/'
    }
})

Show line notes below