gy-webcode2 1.2.0 → 1.2.1

package/components/breadcrumb.vue

@@ -145,8 +145,10 @@ export default {
         }
     },
     beforeDestroy(){
-        let rIndex = this.breadcrumb_list[this.fullPath].findIndex(i => i.id == this.myID)
-        this.breadcrumb_list[this.fullPath].splice(rIndex,1)
+        if(this.breadcrumb_list[this.fullPath]){
+            let rIndex = this.breadcrumb_list[this.fullPath].findIndex(i => i.id == this.myID)
+            this.breadcrumb_list[this.fullPath].splice(rIndex,1)
+        }
 
     }
 }

package/components/themeConfig.vue

@@ -1,22 +1,39 @@
 <template>
     <scrollBar left="24px" top="10px" right="24px">
         <div class="pageStyle">
-            <div class="row1">
-                整体风格设置
-            </div>
+            <div class="row1">整体风格设置</div>
             <div class="stylPreview">
-                <div class="item" @click="changeTheme(item.value)" :class="[`item_${item.id}`,{active:themeName == item.value}]" v-for="item,index in themeList" :key="item.id">
+                <div
+                    class="item"
+                    @click="changeTheme(item.value)"
+                    :class="[
+                        `item_${item.id}`,
+                        { active: themeName == item.value },
+                    ]"
+                    v-for="(item, index) in themeList"
+                    :key="item.id"
+                >
                     <div class="iconBox">
                         <i class="el-icon-check"></i>
                     </div>
                 </div>
             </div>
-            <div class="row1 mar_t_10">
-                主题色
-            </div>
+            <div class="row1 mar_t_10">主题色</div>
             <div class="themeColors">
-                <el-tooltip  v-for="item,index in themeColorList" :key="item.id" :open-delay="200" effect="dark" :content="item.name" placement="top">
-                    <div class="item" @click="changeThemeColor(item.value)" :class="{active:themeColor == item.value}" :style="`background-color:${item.color}`">
+                <el-tooltip
+                    v-for="(item, index) in themeColorList"
+                    :key="item.id"
+                    :open-delay="200"
+                    effect="dark"
+                    :content="item.name"
+                    placement="top"
+                >
+                    <div
+                        class="item"
+                        @click="changeThemeColor(item.value)"
+                        :class="{ active: themeColor == item.value }"
+                        :style="`background-color:${item.color}`"
+                    >
                         <div class="iconBox">
                             <i class="el-icon-check"></i>
                         </div>
@@ -24,9 +41,7 @@
                 </el-tooltip>
             </div>
             <el-divider></el-divider>
-            <div class="row1 mar_t_10">
-                内容区域
-            </div>
+            <div class="row1 mar_t_10">内容区域</div>
             <!-- <div class="flex aic jcb pad_t_10 pad_b_10">
                 <div>水印</div>
                 <div>
@@ -36,154 +51,187 @@
             <div class="flex aic jcb pad_t_10 pad_b_10">
                 <div>面包屑</div>
                 <div>
-                    <el-switch @change="(value)=>{setPageStyle('breadcrumbShow',value)}" v-model="$store.state.vuex_breadcrumbShow"></el-switch>
+                    <el-switch
+                        @change="
+                            (value) => {
+                                setPageStyle('breadcrumbShow', value);
+                            }
+                        "
+                        v-model="$store.state.vuex_breadcrumbShow"
+                    ></el-switch>
+                </div>
+            </div>
+            <div class="flex aic jcb pad_t_10 pad_b_10">
+                <div>页面选项卡</div>
+                <div>
+                    <el-switch
+                        v-model="routeTabsShow"
+                        @change="tabsChange"
+                    ></el-switch>
                 </div>
             </div>
         </div>
-        
     </scrollBar>
 </template>
 
 <script>
-    export default {
-        props:['wrapStyle_dialog'],
-        data(){
-            return {
-                themeList:[
-                    {
-                        name:"默认",
-                        id:"1",
-                        value:"default",
-                        img:"pageStyle_1.png"
-                    },
-                    {
-                        name:"深蓝",
-                        id:"2",
-                        value:"shenlan",
-                        img:"pageStyle_2.png"
-                    },
-                    {
-                        name:"海蓝",
-                        id:"3",
-                        value:"hailan",
-                        img:"pageStyle_3.png"
-                    },
-                    // {
-                    //     name:"绿",
-                    //     id:"4",
-                    //     value:"lv"
-                    // },
-                ],
+export default {
+    props: ["wrapStyle_dialog"],
+    data() {
+        return {
+            themeList: [
+                {
+                    name: "默认",
+                    id: "1",
+                    value: "default",
+                    img: "pageStyle_1.png",
+                },
+                {
+                    name: "深蓝",
+                    id: "2",
+                    value: "shenlan",
+                    img: "pageStyle_2.png",
+                },
+                {
+                    name: "海蓝",
+                    id: "3",
+                    value: "hailan",
+                    img: "pageStyle_3.png",
+                },
+                // {
+                //     name:"绿",
+                //     id:"4",
+                //     value:"lv"
+                // },
+            ],
 
-                themeColorList:[
-                    {
-                        name:"拂晓蓝（默认）",
-                        value:"lan",
-                        id:1,
-                        color:"#1890ff"
-                    },
-                    {
-                        name:"薄暮",
-                        value:"hong",
-                        id:2,
-                        color:"#f5222d"
-                    },
-                    {
-                        name:"火山",
-                        value:"cheng",
-                        id:3,
-                        color:"#fb551b"
-                    },
-                    {
-                        name:"日暮",
-                        value:"huang",
-                        id:4,
-                        color:"#fa8c16"
-                    },
-                    {
-                        name:"明青",
-                        value:"qing",
-                        id:5,
-                        color:"#15c3c1"
-                    },
-                    {
-                        name:"极光绿",
-                        value:"lv",
-                        id:6,
-                        color:"#52c41a"
-                    },
-                    {
-                        name:"极客蓝",
-                        value:"shenaln",
-                        id:7,
-                        color:"#2f54eb"
-                    },
-                    {
-                        name:"酱紫",
-                        value:"zi",
-                        id:8,
-                        color:"#722ed1"
-                    },
-                ],
-            }
+            themeColorList: [
+                {
+                    name: "拂晓蓝（默认）",
+                    value: "lan",
+                    id: 1,
+                    color: "#1890ff",
+                },
+                {
+                    name: "薄暮",
+                    value: "hong",
+                    id: 2,
+                    color: "#f5222d",
+                },
+                {
+                    name: "火山",
+                    value: "cheng",
+                    id: 3,
+                    color: "#fb551b",
+                },
+                {
+                    name: "日暮",
+                    value: "huang",
+                    id: 4,
+                    color: "#fa8c16",
+                },
+                {
+                    name: "明青",
+                    value: "qing",
+                    id: 5,
+                    color: "#15c3c1",
+                },
+                {
+                    name: "极光绿",
+                    value: "lv",
+                    id: 6,
+                    color: "#52c41a",
+                },
+                {
+                    name: "极客蓝",
+                    value: "shenaln",
+                    id: 7,
+                    color: "#2f54eb",
+                },
+                {
+                    name: "酱紫",
+                    value: "zi",
+                    id: 8,
+                    color: "#722ed1",
+                },
+            ],
+            routeTabsShow:false,
+        };
+    },
+    computed: {
+        themeName() {
+            return this.$store.state.vuex_themeName;
         },
-        computed:{
-            themeName(){
-                return this.$store.state.vuex_themeName
-            },
-            themeColor(){
-                return this.$store.state.vuex_themeColor
-            },
+        themeColor() {
+            return this.$store.state.vuex_themeColor;
         },
-        methods:{
-            changeTheme(value){
-                this.$store.state.vuex_themeName = value;
-                window.document.body.setAttribute('data-theme', value)
-                this.setPageStyle('themeName',value)
-            },
-            changeThemeColor(value){
-                this.$store.state.vuex_themeColor = value;
-                window.document.body.setAttribute('data-theme-color', value)
-                this.setPageStyle('themeColor',value)
-            },
-            setPageStyle(key,val){
-                let gyPageStyle = localStorage.getItem('gy_pageStyle');
-                if(gyPageStyle){
-                    gyPageStyle =JSON.parse(gyPageStyle)
-                }
-                else{
-                    gyPageStyle = {}
-                }
-                // console.log(gyPageStyle);
-                // console.log(key,val);
-                gyPageStyle[key] = val;
-                localStorage.setItem('gy_pageStyle',JSON.stringify(gyPageStyle))
+    },
+    created(){
+        this.routeTabsShow = this.$store.state.vuex_routeTabsShow
+    },
+    methods: {
+        tabsChange(value){
+            this.$confirm('修改后需要刷新浏览器，确定修改吗?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                window.location.reload()
+                // this.themeStore.setTheme('routeTabsShow',val)
+                // this.$store.state.vuex_themeName = value;
+                this.setPageStyle("routeTabsShow", value);
+
+            }).catch(() => {
+                this.routeTabsShow = !value;
+            });
+        },
+        changeTheme(value) {
+            this.$store.state.vuex_themeName = value;
+            window.document.body.setAttribute("data-theme", value);
+            this.setPageStyle("themeName", value);
+        },
+        changeThemeColor(value) {
+            this.$store.state.vuex_themeColor = value;
+            window.document.body.setAttribute("data-theme-color", value);
+            this.setPageStyle("themeColor", value);
+        },
+        setPageStyle(key, val) {
+            let gyPageStyle = localStorage.getItem("gy_pageStyle");
+            if (gyPageStyle) {
+                gyPageStyle = JSON.parse(gyPageStyle);
+            } else {
+                gyPageStyle = {};
             }
-        }
-    }
+            // console.log(gyPageStyle);
+            // console.log(key,val);
+            gyPageStyle[key] = val;
+            localStorage.setItem("gy_pageStyle", JSON.stringify(gyPageStyle));
+        },
+    },
+};
 </script>
 
 <style lang="scss" scoped>
-.pageStyle{
+.pageStyle {
     position: relative;
-    .row1{
+    .row1 {
         padding: 10px 0;
         // padding: 10px 0 5px 0;
         font-weight: bold;
     }
-    .stylPreview{
+    .stylPreview {
         display: flex;
         padding: 10px 0;
-        .item{
+        .item {
             position: relative;
             width: 64px;
             height: 48px;
             margin-right: 16px;
             box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
             cursor: pointer;
-            .iconBox{
+            .iconBox {
                 display: none;
-                color: #1890ff ;
+                color: #1890ff;
                 font-size: 20px;
                 width: 20px;
                 height: 20px;
@@ -191,24 +239,24 @@
                 left: 30px;
                 top: 22px;
             }
-            &.active .iconBox{
+            &.active .iconBox {
                 display: block;
             }
-            &.item_1{
+            &.item_1 {
                 background-image: url("~gy-webcode2/img/theme/pageStyle_1.png");
             }
-            &.item_2{
+            &.item_2 {
                 background-image: url("~gy-webcode2/img/theme/pageStyle_2.png");
             }
-            &.item_3{
+            &.item_3 {
                 background-image: url("~gy-webcode2/img/theme/pageStyle_3.png");
             }
         }
     }
-    .themeColors{
+    .themeColors {
         display: flex;
         padding: 10px 0;
-        .item{
+        .item {
             width: 20px;
             height: 20px;
             background: #000;
@@ -222,14 +270,13 @@
             color: #fff;
             font-size: 12px;
             cursor: pointer;
-            .iconBox{
-                display: none;   
+            .iconBox {
+                display: none;
             }
-            &.active .iconBox{
+            &.active .iconBox {
                 display: block;
             }
         }
     }
-
 }
 </style>

package/framework/App.vue

@@ -0,0 +1,30 @@
+<template>
+    <div >
+        <router-view/>
+        <div class="canvas_syBox " :style="`background-image:url(${vuex_watermarkImg})`" ref="canvasBox">
+        </div>
+    </div>
+</template>
+<script>
+    export default {
+        data() {
+            return {
+            }
+        },
+        components: {
+            // dashboards
+        },
+        created(){
+        },
+        computed:{
+            data() {
+                return this.$store.state.menu.data;
+            }
+        },
+        watch:{
+        },
+        methods:{
+        },
+
+    }
+</script>

package/framework/index.vue

@@ -0,0 +1,49 @@
+<template>
+    <div>
+    </div>
+</template>
+
+<script>
+
+    export default {
+        data() {
+            return {}
+        },
+        computed: {
+            menuListAll() {
+                return this.$store.state.menu.data;
+            },
+        },
+        watch: {
+        },
+
+        created() {
+            let redirect = this.$route.query.redirect;
+            if(redirect && redirect != '/' && redirect != '/login'){
+
+                let myPath = this.$router.resolve(redirect);
+                this.$router.replace(myPath).catch(()=>{})
+
+                // let query = {...this.$route.query}
+                // delete query.redirect;
+                // this.$router.replace({
+                //     path: redirect,
+                //     query:query
+                // }).catch(()=>{})
+            }   
+            else if(this.menuListAll.length > 0){
+                    this.$router.replace({
+                        path:this.menuListAll[0].list[0].list[0].list[0].path
+                    }).catch(err => ()=>{})
+            }
+
+        },
+        mounted() {
+        },
+        components: {
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+</style>

package/framework/login.vue

@@ -0,0 +1,227 @@
+<template>
+    <div v-if="showHtml">
+        <div class="loginBody" ref="loginBody">
+            <canvas ref="Mycanvas" border='0'></canvas>
+            <div class="loginBox">
+                <div class="logo" :style="`background-image:url(${logoURL})`"></div>
+                <div class="projectName">
+                    {{projectName}}
+                </div>
+                <div class="nrBox">
+                    <div v-show="loginOption == 2">
+                        <div class="login_inputBox">
+                            <input autocomplete="text" @keyup="username_error=false" @keyup.13="login()"
+                                   v-model="username" id="username" placeholder="请输入用户名" type="text"/>
+                            <div class="inputInfo">
+                                <div class="error" v-show="username_error" id="username_error">{{errorText}}
+                                </div>
+                            </div>
+                        </div>
+                        <div class="login_inputBox">
+                            <input autocomplete="password" @keyup.13="login()" @keyup="user_pwd_error=false" v-model="user_pwd" id="user_pwd" placeholder="请输入密码" type="password"/>
+                            <div class="inputInfo">
+                                <div class="error fl" v-show="user_pwd_error" id="user_pwd_error">{{errorText}}
+                                </div>
+                                <div class="fr">
+                                    <!-- <a href="#" class="wjmm">忘记密码？</a> -->
+                                </div>
+                            </div>
+                        </div>
+                        <el-button type="primary" class="login_btn"  @click="login()">登录</el-button>
+                        <!-- <input type="button" class="login_btn cp" value="登录"> -->
+                    </div>
+                </div>
+                <!-- <div class="tr loginOption">
+                    <i v-show="loginOption!=1" @click="loginOption = 1" class="common_iconfont common_icon-saoma"></i>
+                    <i v-show="loginOption!= 2" @click="loginOption = 2" class="common_iconfont common_icon-yonghu"></i>
+                    <i v-show="loginOption!=3" @click="loginOption = 3" class="common_iconfont common_icon-phone"></i>
+                </div> -->
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import md5 from '@/assets/scripts/md5'
+    import crypto from "gy-webcode2/scripts/crypto"
+    import canvasBg from '@/assets/scripts/canvasBg'
+
+    export default {
+        data() {
+            return {
+                showHtml: true,
+                username: "",
+                user_pwd: "",
+                username_error: false,
+                user_pwd_error: false,
+                errorText: "",
+                slogan: "",
+                yyname: defaultConfig.yyName ? defaultConfig.yyName : '',
+                logoURL: defaultConfig.logoURL ? defaultConfig.logoURL : '/static/img/yh_logo_white.png',
+                projectName: defaultConfig.ProjectName ? defaultConfig.ProjectName : "医院数据治理平台",
+                loginOption: 2,
+                phone: "",
+                yzm: ""
+            }
+        },
+        created() {
+            if (defaultConfig.loginLogoURL) {
+                this.logoURL = defaultConfig.loginLogoURL
+            } else if (defaultConfig.logoURL) {
+                this.logoURL = defaultConfig.logoURL;
+            } else {
+                this.logoURL = '/static/img/yh_logo_white.png';
+            }
+            if (singin) {  //开启单点登录1
+                var utype = this.getUrlKey("utype");
+                var userid = this.getUrlKey("userid");
+
+                var token2 = this.getUrlKey("token");
+                var appId = this.getUrlKey("appId");
+
+                if ((this.singinCompany != "") && token2 && appId) {
+                    this.showHtml = false;
+                    this.$http.get(interfaceUrl + "/login/getThirdUser", {
+                        params: {token: token2, appId: appId, url: singinUrl}
+                    }).then((data) => {
+                        if (data.status == 200) {
+                            this.mmlogin(data.data);
+                        } else {
+                            this.showHtml = true;
+                            this.$message.error("登录失败，请输入用户名密码登录！");
+                        }
+                    });
+                } else if (utype == 1) {//允许单点免密码登录,密码默认123
+                    this.showHtml = false;
+                    if (userid == null) {
+                        this.$message.error("用户名不能为空!");
+                        this.showHtml = true;
+                        return false;
+                    }
+                    this.mmlogin(userid);
+                } else {
+                    this.showHtml = true;
+                }
+            }
+        },
+        mounted() {
+        },
+        methods: {
+            login() {
+                var username = $.trim(this.username);
+                var user_pwd = this.user_pwd;
+                if (!username || !user_pwd) {
+
+                    if (!username) {
+                        this.username_error = true;
+                        this.errorText = "请输入用户名";
+                        // $("#username_error").show();
+                        // $("#username_error").html("请输入用户名");
+                    }
+                    if (!user_pwd) {
+                        this.user_pwd_error = true;
+                        this.errorText = "请输入密码";
+                    }
+
+                    return false;
+                }
+                var postJSON = {
+                    userid: username,
+                    password: md5(user_pwd)
+                }
+
+
+                var vueThis = this;
+                var json = new URLSearchParams();
+                json.append("userid", username);
+                json.append("password", md5(user_pwd));
+
+                this.$http.post(interfaceUrl + "/login/exitLogin",
+                    {
+                        data: crypto.encrypt(JSON.stringify(postJSON))
+                    }
+                ).then((json) => {
+                    // console.log(JSON.parse(crypto.decrypt(json.data)));
+                    json = JSON.parse(crypto.decrypt(json.data))
+
+                    var logJson = {operationtype: 5, pagecode: "login", pagename: "登录页面"};
+                    if (json.status == 200) {
+                        Cookies.set('gy_login', JSON.stringify(json.data));
+                        userInfo = json.data;
+
+                        logJson.status = json.status;
+                        let redirect = this.$route.query.redirect;
+                        if (redirect) {
+                            this.$router.push({
+                                path: redirect
+                            })
+                        } else {
+                            this.$router.push({
+                                path: '/'
+                            })
+                        }
+
+                    } else {
+                        logJson.status = json.status;
+                        logJson.errormsg = json.message;
+                        vueThis.username_error = true;
+                        vueThis.errorText = json.message;
+                    }
+                    golLog.setMenuLog(logJson, vueThis, userInfo);
+                });
+            },
+            mmlogin(userid) {
+                var vueThis = this;
+                var postJSON = {
+                    userid: userid
+                }
+                this.$http.post(interfaceUrl + "/login/ssoLogin",
+                    postJSON
+                ).then((json) => {
+                    // console.log(JSON.parse(crypto.decrypt(json.data)));
+                    // json = JSON.parse(crypto.decrypt(json.data))
+                    if (json.data == null) {
+                        this.$message.error("该用户不存在！");
+                        this.showHtml = true;
+                        return;
+                    }
+                    var logJson = {operationtype: 5, pagecode: "login", pagename: "登录页面"};
+                    if (json.status == 200) {
+                        Cookies.set('gy_login', JSON.stringify(json.data));
+                        userInfo = json.data;
+
+                        logJson.status = json.status;
+                        let redirect = this.$route.query.redirect;
+                        if (redirect) {
+                            this.$router.push({
+                                path: redirect
+                            })
+                        } else {
+                            this.$router.push({
+                                path: '/'
+                            })
+                        }
+
+                    } else {
+                        logJson.status = json.status;
+                        logJson.errormsg = json.message;
+                        vueThis.username_error = true;
+                        vueThis.errorText = json.message;
+                    }
+                    golLog.setMenuLog(logJson, vueThis, userInfo);
+
+                });
+
+            },
+            getUrlKey: function (name) {
+                return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
+            }
+        },
+
+
+    }
+</script>
+<style lang="scss" src="gy-webcode2/css/login.scss"  scoped></style>
+<style lang="scss" scoped>
+
+</style>

package/framework/main.vue

@@ -0,0 +1,362 @@
+<template>
+    <div class="wrapper " :class="{hideMenuAll:$route.query.hideMenuAll == 1}"  v-if="data.length > 0">
+        <headComponent></headComponent>
+        <div class="wrapper_body" :class="{max : leftMenu_show}" >
+            <sidebarComponent></sidebarComponent>
+
+            <div class="flex_1 flex_column"  v-if="isInitRouteTab()">
+                <div class="routerTabs">
+                    <div class="menuBtn mar_r_4" ref="menuNext">
+                        <i class="el-icon-arrow-left"></i>
+                    </div>
+                    <div class="flex_1 pr">
+                        <div class="swiper-container mySwiper pa0 oh" ref="swiper_el" >
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide" v-for="item,index in openRouters" :key="item.fullPath">
+                                    <div class="item" @contextmenu.prevent.stop="rightClick($event,item,index)" @click="tabClick(item)" :class="{active:$route.fullPath.includes(item.fullPath)}" >
+                                        <div class="name tesr1">
+                                            {{item.name}}
+                                        </div>
+                                        <div class="other hover2" v-if="openRouters.length > 1">
+                                            <i class="el-icon-close"  @click.stop="removeOpenRouter(item,index)"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="menuBtn mar_l_4" ref="tabsPrev">
+                        <i class="el-icon-arrow-right"></i>
+                    </div>
+                </div>
+                <div class="wrapper_main">
+                    <template v-for="item,index in openRouters" >
+                        <component :key="item.fullPath" v-if="item.isLoad" :is="item.component" v-show="$route.fullPath.includes(item.fullPath)"  />
+                    </template>
+                </div>
+            </div>
+            <div class="wrapper_main" v-else>
+                <router-view />
+            </div>
+        </div>
+
+        <div class="rightMenuBox"  ref="rightMenuBox" v-show="rightMenuShow">
+            <div class="item" @click.stop="menuClick(0)">
+                <div class="icon">
+                    <i class="el-icon-refresh"></i>
+                </div>
+                <div class="name">
+                    刷新
+                </div>
+            </div>
+            <div class="item" v-show="openRouters.length > 1" @click.stop="menuClick(1)">
+                <div class="icon">
+                    <i class="el-icon-close"></i>
+                </div>
+                <div class="name">
+                    关闭当前
+                </div>
+            </div>
+            <div class="item" v-show="openRouters.length > 1" @click.stop="menuClick(2)">
+                <div class="icon">
+                    <i class="el-icon-folder-delete"></i>
+                </div>
+                <div class="name">
+                    关闭其他
+                </div>
+            </div>
+            <div class="item" v-show="openRouters.length > 1" @click.stop="menuClick(3)">
+                <div class="icon">
+                    <i class="el-icon-back"></i>
+                </div>
+                <div class="name">
+                    关闭左侧
+                </div>
+            </div>
+            <div class="item" v-show="openRouters.length > 1" @click.stop="menuClick(4)">
+                <div class="icon">
+                    <i class="el-icon-right"></i>
+                </div>
+                <div class="name">
+                    关闭右侧
+                </div>
+            </div>  
+        </div>
+    </div>
+</template>
+
+<script>
+    import {computed,provide, watch,defineAsyncComponent, ref, reactive,shallowRef, nextTick,onMounted} from "vue"
+    import headComponent from '@/components/head.vue';
+    import sidebarComponent from '@/components/sidebar'
+    import watermark from "gy-webcode2/scripts/watermark"
+    import Swiper from "swiper/bundle";
+    import "swiper/css/bundle";
+    export default {
+        name:"myIndex",
+        data(){
+            return {
+                transitionName:"",
+                tabsSwiper:null,
+                rightMenuShow:false,
+                rightMenuActive:null,
+            }
+        },
+        created(){
+        },
+        computed:{
+            menuPath(){
+                return this.$store.state.menu.menuPath
+            },
+            openRouters(){
+                return this.vuex_openRouters
+            },
+            leftMenu_show(){
+                return this.$store.state.leftMenu_show;
+            },
+            data() {
+                return this.$store.state.menu.data;
+            },
+        },
+        watch:{
+            '$route':function(){
+                // console.log(this.$route);
+                this.getRouterTabs()
+                
+            }
+        },
+        mounted(){
+            let username=userInfo.username;
+            let usercode=userInfo.usercode;
+            this.$vuex('vuex_watermarkImg',watermark({
+                text:`${username}(${usercode})`
+            })) 
+            this.getRouterTabs()
+            this.initTabsSwiper()
+
+            $("body").on("click",()=>{
+                this.rightMenuShow  = false
+            })
+            
+        },
+        methods:{
+            isInitRouteTab(){
+                if(this.$route.query.hideMenuAll == 1){
+                    return false;
+                }
+                if(this.vuex_routeTabsShow){
+                    return true;
+                }
+                return false;
+            },
+            rightClick(event,data,index){
+                event.stopPropagation()
+                // console.log(event);
+                // if(this.openRouters.length <= 1){
+                //     return;
+                // }
+                
+                this.rightMenuActive = index;
+                this.rightMenuShow = true;
+
+                $(this.$refs.rightMenuBox).css({
+                    left:event.pageX,
+                    top:event.pageY
+                })
+                // alert(1)
+            },
+            menuClick(val){
+                let data = this.openRouters[this.rightMenuActive];
+                if(val == 0){
+                    data.isLoad = false;
+                    setTimeout(() => {
+                        data.isLoad = true;
+                    }, 10);
+                }
+                // 关闭当前
+                if(val == 1){
+                    this.openRouters.splice(this.rightMenuActive,1);
+                    if(this.$route.fullPath.includes(data.fullPath)){
+                        if(this.rightMenuActive != 0){
+                            this.$router.replace(this.openRouters[this.rightMenuActive-1].fullPath)
+                        }
+                        else {
+                            this.$router.replace(this.openRouters[this.rightMenuActive].fullPath)
+                        }
+                    }
+                }
+                // 关闭其他
+                else if(val == 2){
+                    if(!this.$route.fullPath.includes(data.fullPath)){
+                        this.$router.replace(this.openRouters[this.rightMenuActive].fullPath)
+                    }
+                    this.$store.state.vuex_openRouters = this.$store.state.vuex_openRouters.filter(i => i.fullPath == data.fullPath)
+                }
+
+                // 关闭左侧
+                else if(val == 3){
+                    if(!this.$route.path.includes(data.fullPath)){
+                        this.$router.replace(this.openRouters[this.rightMenuActive].fullPath)
+                    }
+                    this.$store.state.vuex_openRouters = this.$store.state.vuex_openRouters.slice(this.rightMenuActive)
+                }
+                // 关闭右侧
+                else if(val == 4){
+                    if(!this.$route.path.includes(data.fullPath)){
+                        this.$router.replace(this.openRouters[this.rightMenuActive].fullPath)
+                    }
+                    this.$store.state.vuex_openRouters = this.$store.state.vuex_openRouters.slice(0,this.rightMenuActive+1)
+                }
+                this.tabsSwiper.update()
+                this.rightMenuShow = false;
+            },
+
+            initTabsSwiper(){
+                if(!this.isInitRouteTab()){
+                    return;
+                }
+
+                this.tabsSwiper = new Swiper(this.$refs.swiper_el, {
+                    // modules: [Navigation, Pagination],
+                    slidesPerView:'auto',
+                    spaceBetween: 0,
+                    navigation: {
+                        nextEl: this.$refs.tabsPrev,
+                        prevEl: this.$refs.menuNext,
+                    },
+                });
+            },
+            tabClick(item){
+                // console.log(item);
+                if(this.$route.fullPath != item.fullPath){
+                    this.$router.push(item.fullPath)
+                }
+            },
+            getRoute(){
+                // console.log(this.$route.matched[0]);
+                // console.log(this.$router.options.routes);
+                // console.log("___");
+                // // console.log(this.$router.options.routes.find(i => i.path == '/ysj'));
+                const router_ysj = this.$router.options.routes.find(i => i.path == this.$route.matched[0].path)
+                // console.log(router_ysj);
+                let myRoute = router_ysj.children.find(i => i.path == this.$route.path)
+                if(myRoute){
+                    return myRoute;
+                }
+            },
+            async getRouterTabs(){
+                if(!this.isInitRouteTab()){
+                    return;
+                }
+                let myRoute = this.getRoute()
+                let isFind = this.openRouters.findIndex(i => this.$route.fullPath.includes(i.fullPath) || this.$route.path == i.path);
+                // console.log(isFind);
+
+                let findName = this.openRouters.find(i => this.$route.path == i.path);
+                // // console.log(this.openRouters);
+                // // console.log(this.$route.name);
+                // // console.log(findName,isFind);
+                if(findName && findName.fullPath != this.$route.fullPath){
+                    // console.log(findName);
+                    this.openRouters[isFind].fullPath = this.$route.fullPath
+
+                }
+                // console.log(isFind);
+
+                if(isFind ==-1 && myRoute.path != 'refresh'){
+                    let routerMsg = Object.keys(this.menuPath).find(i => decodeURIComponent(this.$route.fullPath).includes(i))
+                    // console.log(routerMsg);
+                    // console.log(this.menuPath[routerMsg]);
+                    this.openRouters.push({
+                        name:this.menuPath[routerMsg].name,
+                        path:this.$route.path,
+                        fullPath:this.$route.fullPath,
+                        isLoad:true,
+                        component:myRoute.component
+                        // component:shallowRef(defineAsyncComponent(myRoute.component))
+                    })
+                    // console.log(this.openRouters);
+                    await nextTick()
+                    if(this.tabsSwiper){
+                        this.tabsSwiper.navigation.update();
+                    }
+                    this.tabsSwiper.update()
+                    this.tabsSwiper.slideTo(this.openRouters.length);
+                }
+                else{
+                    this.tabsSwiper.slideTo(isFind);
+                }
+            },
+            async removeOpenRouter(item,index){
+                this.openRouters.splice(index,1);
+                await nextTick()
+                if(this.$route.fullPath.includes(item.fullPath)){
+                    if(index != 0){
+                        this.$router.replace(this.openRouters[index-1].fullPath)
+                    }
+                    else {
+                        this.$router.replace(this.openRouters[index].fullPath)
+                    }
+                }
+                this.tabsSwiper.update()
+            },
+        },
+        components: {
+             sidebarComponent,headComponent,
+        },
+
+        beforeRouteUpdate (to, from, next) {
+            this.$http.removePending('all');
+            next()
+            // 在当前路由改变，但是该组件被复用时调用
+            // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
+            // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
+            // 可以访问组件实例 `this`
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+.hideMenuAll{
+    .wrapper_header{
+        display: none;
+    }
+    .wrapper_body{
+        .sidebarBox {
+            display: none;
+        }
+        .routerTabs{
+            display: none;
+        }
+    }
+}
+.rightMenuBox{
+    position: fixed;
+    width: 100px;
+    // height: 200px;
+    padding:5px 0;
+    background: #fff;
+    left: 10px;
+    top: 10px;
+    z-index: 999;
+    // box-shadow: 0 0 10px 3px #aaa;
+    box-shadow: 0 0 10px 0px #aaa  ;
+    border-radius:4px;
+    .item{
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+        height: 30px;
+        // border: 1px solid #000;
+        padding-left: 12px;
+        cursor: pointer;
+        .icon{
+            margin-right: 5px;
+        }
+        &:hover{
+            // color: #009499;
+            @include themeColor("color",'hover')
+        }
+    }
+}
+</style>

package/framework/refresh.vue

@@ -0,0 +1,18 @@
+<template>
+    
+</template>
+<script>
+export default {
+    beforeRouteEnter(to, from, next) {
+        next(vm => {
+            vm.$router.replace({
+                path:from.path,
+                query:from.query
+            })
+        })
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>

package/index.js

@@ -15,5 +15,5 @@
 
 // 1.2.0 breadcrumb 使用store的menuPath了
 module.exports = {
-    version :'1.2.0',
+    version :'1.2.1',
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gy-webcode2",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "gy前端公共代码",
   "main": "index.js",
   "scripts": {