| | |
| | | |
| | | .tag>.el-icon-s-unfold, |
| | | .el-icon-s-fold, |
| | | .el-icon-delete { |
| | | .tag>.el-icon-delete { |
| | | font-size: 16px; |
| | | cursor: pointer; |
| | | margin: 0 8px; |
| | |
| | | <i :class="a.i"></i> |
| | | <div>{{a.v}}</div> |
| | | </div> |
| | | <el-popover placement="right-start" trigger="click" v-if="a.self != true && getPower(a.p)"> |
| | | <el-popover ref="popoverName" placement="right-start" trigger="click" v-if="a.self != true && getPower(a.p)"> |
| | | <div :class="`box ${activeBox == a.k ? 'active_box' : ''}`" slot="reference"> |
| | | <i :class="a.i"></i> |
| | | <div style="text-align: center;">{{ a.v }}</div> |
| | |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | </el-popover> |
| | | </el-popover> |
| | | </div> |
| | | </div> |
| | |
| | | <el-col :span="24"> |
| | | <el-card :body-style="{padding: '6px'}"> |
| | | <ul> |
| | | <li style="color: red;" @click="removeTab(activeIndex)"><i class="el-icon-close"></i>关闭</li> |
| | | <li @click="removeTab(activeIndex)"><i class="el-icon-close"></i>关闭</li> |
| | | <li @click="allDel"><i class="el-icon-delete"></i>关闭所有</li> |
| | | <el-divider></el-divider> |
| | | <li @click="refreshTable"><i class="el-icon-refresh"></i>刷新</li> |
| | | </ul> |
| | |
| | | activeBox: 0, |
| | | activeP: 0, |
| | | tabActive: 0, |
| | | tabs: [{ |
| | | k: 0, |
| | | v: "个人首页", |
| | | i: "font icon-a-Group1124", |
| | | u: "nullFace" |
| | | }], |
| | | tabs: [], |
| | | upIndex: 0, |
| | | activeIndex: 0, |
| | | power: [] |
| | |
| | | mounted() { |
| | | this.userName = JSON.parse(localStorage.getItem("user")).name; |
| | | this.power = JSON.parse(sessionStorage.getItem('power')) |
| | | this.tabs = JSON.parse(localStorage.getItem('tabs')) |
| | | if (this.tabs == undefined || this.tabs == null) { |
| | | this.tabs = [{ |
| | | k: 0, |
| | | v: "个人首页", |
| | | i: "font icon-a-Group1124", |
| | | u: "nullFace" |
| | | }] |
| | | } |
| | | this.tabActive = JSON.parse(localStorage.getItem('tabActive')) |
| | | if (this.tabActive == undefined || this.tabActive == null) { |
| | | this.tabActive = 0 |
| | | } |
| | | this.activeP = JSON.parse(localStorage.getItem('activeP')) |
| | | if (this.activeP == undefined || this.activeP == null) { |
| | | this.activeP = 0 |
| | | } |
| | | this.activeBox = JSON.parse(localStorage.getItem('activeBox')) |
| | | if (this.activeBox == undefined || this.activeBox == null) { |
| | | this.activeBox = 0 |
| | | } |
| | | this.getPower() |
| | | }, |
| | | methods: { |
| | | saveClick(){ |
| | | localStorage.setItem('tabs', JSON.stringify(this.tabs)) |
| | | localStorage.setItem('tabActive', JSON.stringify(this.tabActive)) |
| | | localStorage.setItem('activeP', JSON.stringify(this.activeP)) |
| | | localStorage.setItem('activeBox', JSON.stringify(this.activeBox)) |
| | | }, |
| | | addTab(ob, self) { |
| | | this.activeBox = self == -1 ? ob.k : self |
| | | this.activeP = ob.k; //0 |
| | |
| | | } |
| | | }); |
| | | if (num == -1) { |
| | | if(ob.u == "") ob.u = "nullFace" |
| | | if (ob.u == "") ob.u = "nullFace" |
| | | this.tabs.push(ob); |
| | | } |
| | | this.$refs['popoverName'].forEach(a=>{ |
| | | a.doClose() |
| | | }) |
| | | this.saveClick() |
| | | }, |
| | | removeTab(index) { |
| | | this.tabs.splice(index, 1); |
| | |
| | | this.activeP = data.k; |
| | | this.tabActive = data.k; |
| | | this.activeBox = data.k |
| | | this.saveClick() |
| | | }, |
| | | allDel() { |
| | | this.activeBox = 0 |
| | |
| | | this.tabActive = 0 |
| | | this.tabs = [{ |
| | | k: 0, |
| | | v: " 首页", |
| | | v: "个人首页", |
| | | i: "font icon-a-Group1124", |
| | | u: "index-index" |
| | | u: "nullFace" |
| | | }] |
| | | this.saveClick() |
| | | }, |
| | | upTabActive(num) { |
| | | this.tabActive = num; |
| | |
| | | } |
| | | }) |
| | | } |
| | | this.saveClick() |
| | | }, |
| | | out() { |
| | | sessionStorage.clear(); |
| | | localStorage.removeItem("autoenter"); |
| | | localStorage.removeItem("tabs") |
| | | localStorage.removeItem("tabActive") |
| | | localStorage.removeItem("activeP") |
| | | localStorage.removeItem("activeBox") |
| | | this.$router.push("/enter"); |
| | | }, |
| | | // 关闭右键菜单 |
| | |
| | | groupCount(g1, gs) { |
| | | if (g1 == undefined) return 24 |
| | | let count = 0 |
| | | gs.forEach(a=>{ |
| | | if(a.g == g1) count++ |
| | | gs.forEach(a => { |
| | | if (a.g == g1) count++ |
| | | }) |
| | | if (count > 4) return 8 |
| | | if (count > 1) return 12 |