system-clients 3.2.62 → 3.2.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,141 @@
1
+ <template>
2
+ <div class='over'>
3
+ <tree :model='functions' :flagres="false" :is-click="false" v-ref:tree @toggle="toggled" >
4
+ <span partial class="row" :class="{ 'tree-img': isFolder(row), 'tree-span': !isFolder(row) }">
5
+ <div class="col-sm-2" >
6
+ <img v-if="isFolder(row)" :src="row.data.icon" alt="">
7
+ </div>
8
+ <div class="col-sm-8" style="padding-left:6%;text-align: left" title="{{row.data.name}}">{{row.data.name}}
9
+ <span class="unreadResumeWarning11" v-show="row.data.name === '微信管理' && $parent.$parent.wechatnub"></span>
10
+ <span class="unreadResumeWarning" v-show="row.data.name === '投诉咨询' && $parent.$parent.wechatnub">{{$parent.$parent.wechatnub}}</span>
11
+ </div>
12
+ </span>
13
+ </tree>
14
+ </div>
15
+ </template>
16
+ <script>
17
+ import Vue from 'vue'
18
+
19
+ export default {
20
+ props: ['functions', 'userid','tabs'],
21
+ title: '左侧树菜单',
22
+ data () {
23
+ return {
24
+ index: -1,
25
+ wechatnub: 0,
26
+ name: null,
27
+ tbcg:[]
28
+ }
29
+ },
30
+ methods: {
31
+ setNum(val){
32
+ console.log("=====",val)
33
+ this.wechatnub = val
34
+ },
35
+ open (row) {
36
+ if (row.data.name === '资源管理') {
37
+ this.$parent.changeMain(row.data.id)
38
+ return
39
+ }
40
+ console.log(row.data.navigate)
41
+ if (row.data.navigate) {
42
+
43
+ let isExist = false
44
+ this.tbcg.forEach((tab) => {
45
+ if(tab.comp.name == row.data.link) {
46
+ isExist = true
47
+ }
48
+ })
49
+ if (!isExist){
50
+ this.$goto('embbed-page', {domainName: row.data.navigate, title: row.data.name, compName: row.data.link, login: Vue.$login, param: Vue.$appdata}, 'main')
51
+ }else {
52
+ console.log(isExist,'aa')
53
+ this.$emit('isnodo',row.data.link)
54
+ }
55
+ } else if (row.data.link) {
56
+ let isExist = false
57
+ this.tbcg.forEach((tab) => {
58
+ if(tab.comp.name == row.data.link) {
59
+ isExist = true
60
+ }
61
+ })
62
+ if (!isExist){
63
+ this.$goto(row.data.link, {f: this.functions}, 'main')
64
+ }else {
65
+ console.log(isExist,'saaa')
66
+ this.$emit('isnodo',row.data.link)
67
+ }
68
+ }
69
+ },
70
+ changeSelect(name) {
71
+ if (!name) {
72
+ this.$refs.tree.selectStore.select(null)
73
+ return
74
+ }
75
+ this.name = name
76
+ let index = this.selfFindIndex(name)
77
+ this.index = index
78
+ // 当前激活页签有,index为-1,说明菜单收缩
79
+ this.changeSelected(index)
80
+ },
81
+ selfFindIndex (name) {
82
+
83
+ return this.$refs.tree.toNode.findIndex((item) => {
84
+ return item.data.link === name
85
+ })
86
+ },
87
+ changeSelected (index) {
88
+
89
+ if (index === -1) {
90
+ this.$refs.tree.selectStore.select(null)
91
+ }else {
92
+ this.$refs.tree.selectStore.select(this.$refs.tree.toNode[index])
93
+ }
94
+
95
+ },
96
+ toggled () {
97
+
98
+ if (this.name && this.index === -1) {
99
+ let index = this.selfFindIndex(this.name)
100
+ if (index !== -1) {
101
+ this.changeSelected(index)
102
+ }
103
+ }
104
+ }
105
+ },
106
+ events: {
107
+ 'select-changed': function (data) {
108
+
109
+ // 事件回调内的 `this` 自动绑定到注册它的实例上
110
+ this.open(data.val)
111
+ }
112
+ },
113
+ watch:{
114
+ 'tabs'(val){
115
+ this.tbcg = val
116
+ }
117
+ }
118
+ }
119
+ </script>
120
+
121
+ <style>
122
+
123
+ .unreadResumeWarning11 {
124
+ width: 10px;
125
+ height: 10px;
126
+ border-radius: 7px;
127
+ background-color: #FF3B30;
128
+ position: absolute;
129
+ left: 70px;
130
+ top: 0px;
131
+ }
132
+ .unreadResumeWarning {
133
+ width: 20px;
134
+ height: 20px;
135
+ border-radius: 7px;
136
+ background-color: #FF3B30;
137
+ position: absolute;
138
+ left: 60px;
139
+ top: 0px;
140
+ }
141
+ </style>