system-clients 3.2.30 → 3.2.31

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "system-clients",
3
- "version": "3.2.30",
3
+ "version": "3.2.31",
4
4
  "description": "系统基础框架",
5
5
  "main": "src/index.js",
6
6
  "directories": {
@@ -1,198 +1,198 @@
1
- <template>
2
- <div :class="style" v-show="companyshow">
3
- <label class="font_normal_body">公&emsp;&emsp;司</label>
4
- <right-tree @re-res="getorg"
5
- :mustselect="mustselect"
6
- :initresid='initres.org'></right-tree>
7
- </div>
8
- <div :class="style" v-show="departmentshow">
9
- <label class="font_normal_body">部&emsp;&emsp;门</label>
10
- <res-select restype='department' v-ref:department
11
- @res-select="getdep"
12
- :parentresid="depresid"
13
- :initresid='initres.dep'
14
- :mustselect="mustselect"
15
- :is-mul="mul">
16
- </res-select>
17
- </div>
18
- <div :class="style" v-show="operatorshow && (!cascade)">
19
- <label class="font_normal_body">人&emsp;&emsp;员</label>
20
- <res-select restype='user'
21
- @res-select="getuser"
22
- :parentresid="depresid"
23
- :initresid='initres.user'
24
- :mustselect="mustselect"
25
- :is-mul="mul">
26
- </res-select>
27
- </div>
28
- <div :class="style" v-show="operatorshow && cascade">
29
- <label class="font_normal_body">人&emsp;&emsp;员</label>
30
- <res-select restype='user'
31
- @res-select="getuser"
32
- :parentresid="userresid"
33
- :initresid='initres.user'
34
- :mustselect="mustselect"
35
- :is-mul="mul">
36
- </res-select>
37
- </div>
38
- <div :class="style " v-if="sliceareashow" >
39
- <label class="font_normal_body">片&emsp;&emsp;区</label>
40
- <v-select :value.sync="slice_area" v-model="slice_area" @change='getarea'
41
- :options='sliceArea' placeholder='片区/管理站' filer-key="name"
42
- close-on-select v-ref:slice>
43
- </v-select>
44
- </div>
45
- </template>
46
- <script>
47
- import plugin from '../../plugins/GetLoginInfoService'
48
- import { HttpResetClass } from 'vue-client'
49
- export default {
50
- title: '资源选择测试',
51
- props: {
52
- style: {
53
- type: String,
54
- default: 'col-sm-2 form-group'
55
- },
56
- mul: {
57
- type: Boolean,
58
- default: true
59
- },
60
- //初始值
61
- initres: {
62
- type: Object,
63
- default: null,
64
- },
65
- showComponent:{
66
- default:['company','department','operator','slicearea']
67
- },
68
- //人员是否和部门关联
69
- cascade: {
70
- type: Boolean,
71
- default: true
72
- },
73
- selectin: {
74
- type: Boolean,
75
- default: false
76
- }
77
- },
78
- data () {
79
- return {
80
- orgresid:[this.$login.f.orgid],
81
- depresid:[],
82
- userresid:[],
83
- operatorsid: [],
84
- sliceArea: [],
85
- slice_area:[],
86
- companyshow:false,
87
- departmentshow:false,
88
- operatorshow:false,
89
- sliceareashow:false,
90
- mustselect:false,
91
- obj:{
92
- orgnames:[],
93
- depnames:[],
94
- operatornames:[]
95
- }
96
- }
97
- },
98
- ready () {
99
- if(this.$login.r.includes('部门默认选中')&& this.selectin){
100
- this.initres.dep = [this.$login.f.depids]
101
- }
102
- if(this.$login.r.includes('人员默认选中')&& this.selectin){
103
- this.initres.user = [this.$login.f.id]
104
- if(this.$login.r.includes('人员强制选中')){
105
- this.mustselect = true
106
- }
107
- }
108
- this.initComponent();
109
- this.initAreas(this.$login.f.orgid)
110
- },
111
- methods:{
112
- initComponent(){
113
- let self=this;
114
- this.showComponent.find((item)=>{
115
- switch(item){
116
- case 'company': self.companyshow=true; break;
117
- case 'department': self.departmentshow=true; break;
118
- case 'operator': self.operatorshow=true; break;
119
- case 'slicearea': self.sliceareashow=true; break;
120
- }
121
- })
122
- },
123
- // 初始化片区
124
- async initAreas (val) {
125
- if (val) {
126
- let http = new HttpResetClass()
127
- let getAllArea = await http.load('POST', '/rs/search', {
128
- source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
129
- userid: this.$login.f.id
130
- }, {resolveMsg: null, rejectMsg: '获取片区出错!!!'})
131
- let arr = getAllArea.data.filter((res) => {
132
- return res.parentid == val
133
- })
134
- this.sliceArea = []
135
- this.slice_area = []
136
- arr.forEach((res) => {
137
- this.sliceArea.push({label: res.name, value: {name: res.name, code:res.number}})
138
- })
139
- }
140
- },
141
- returnOrg(ids){
142
- let limit = this.$login.r.includes('数据授权限定')
143
-
144
- let condition;
145
- if(this.depresid.length > 0)
146
- condition = " and f_orgid in " + plugin.convertToIn(this.depresid);
147
- else
148
- condition = " and f_orgid = " + this.$login.f.orgid;
149
- if(this.userresid.length > 0){
150
- condition += " and f_depid in " + plugin.convertToIn(this.userresid);
151
- } else {
152
- if (limit) {
153
- let depids = []
154
- for (let row of this.$refs.department.resoptions) {
155
- depids.push(row.value)
156
- }
157
- let depid = depids.length ? plugin.convertToIn(depids) : ('')
158
- condition += " and f_depid in " + depid;
159
- }
160
- }
161
- if(ids && ids.length > 0){
162
- condition += " and f_operatorid in " + plugin.convertToIn(ids);
163
- }
164
- if(this.slice_area.length>0){
165
- condition += " and f_zones = '" + this.slice_area[0].name+"'"
166
- }
167
- this.$dispatch('re-res',condition,this.obj)
168
- },
169
- getorg (obj) {
170
- this.depresid=obj.resids
171
- this.obj.orgnames = obj.res
172
- this.initAreas(obj.resids)
173
- this.returnOrg();
174
- },
175
- getdep(obj,val) {
176
- this.obj.depnames = val
177
- this.userresid=obj
178
- this.returnOrg();
179
- },
180
- getuser(obj,val) {
181
- this.obj.operatornames = val
182
- this.operatorsid = obj
183
- this.returnOrg(obj);
184
- },
185
- getarea(val) {
186
- this.slice_area=val
187
- if(this.operatorsid){
188
- this.returnOrg(this.operatorsid);
189
- }else{
190
- this.returnOrg();
191
- }
192
- }
193
- },
194
- watch: {
195
-
196
- }
197
- }
198
- </script>
1
+ <template>
2
+ <div :class="style" v-show="companyshow">
3
+ <label class="font_normal_body">公&emsp;&emsp;司</label>
4
+ <right-tree @re-res="getorg"
5
+ :mustselect="mustselect"
6
+ :initresid='initres.org'></right-tree>
7
+ </div>
8
+ <div :class="style" v-show="departmentshow">
9
+ <label class="font_normal_body">部&emsp;&emsp;门</label>
10
+ <res-select restype='department' v-ref:department
11
+ @res-select="getdep"
12
+ :parentresid="depresid"
13
+ :initresid='initres.dep'
14
+ :mustselect="mustselect"
15
+ :is-mul="mul">
16
+ </res-select>
17
+ </div>
18
+ <div :class="style" v-show="operatorshow && (!cascade)">
19
+ <label class="font_normal_body">人&emsp;&emsp;员</label>
20
+ <res-select restype='user'
21
+ @res-select="getuser"
22
+ :parentresid="depresid"
23
+ :initresid='initres.user'
24
+ :mustselect="mustselect"
25
+ :is-mul="mul">
26
+ </res-select>
27
+ </div>
28
+ <div :class="style" v-show="operatorshow && cascade">
29
+ <label class="font_normal_body">人&emsp;&emsp;员</label>
30
+ <res-select restype='user'
31
+ @res-select="getuser"
32
+ :parentresid="userresid"
33
+ :initresid='initres.user'
34
+ :mustselect="mustselect"
35
+ :is-mul="mul">
36
+ </res-select>
37
+ </div>
38
+ <div :class="style " v-if="sliceareashow" >
39
+ <label class="font_normal_body">片&emsp;&emsp;区</label>
40
+ <v-select :value.sync="slice_area" v-model="slice_area" @change='getarea'
41
+ :options='sliceArea' placeholder='片区/管理站' filer-key="name"
42
+ close-on-select v-ref:slice>
43
+ </v-select>
44
+ </div>
45
+ </template>
46
+ <script>
47
+ import plugin from '../../plugins/GetLoginInfoService'
48
+ import { HttpResetClass } from 'vue-client'
49
+ export default {
50
+ title: '资源选择测试',
51
+ props: {
52
+ style: {
53
+ type: String,
54
+ default: 'col-sm-2 form-group'
55
+ },
56
+ mul: {
57
+ type: Boolean,
58
+ default: true
59
+ },
60
+ //初始值
61
+ initres: {
62
+ type: Object,
63
+ default: null,
64
+ },
65
+ showComponent:{
66
+ default:['company','department','operator','slicearea']
67
+ },
68
+ //人员是否和部门关联
69
+ cascade: {
70
+ type: Boolean,
71
+ default: true
72
+ },
73
+ selectin: {
74
+ type: Boolean,
75
+ default: true
76
+ }
77
+ },
78
+ data () {
79
+ return {
80
+ orgresid:[this.$login.f.orgid],
81
+ depresid:[],
82
+ userresid:[],
83
+ operatorsid: [],
84
+ sliceArea: [],
85
+ slice_area:[],
86
+ companyshow:false,
87
+ departmentshow:false,
88
+ operatorshow:false,
89
+ sliceareashow:false,
90
+ mustselect:false,
91
+ obj:{
92
+ orgnames:[],
93
+ depnames:[],
94
+ operatornames:[]
95
+ }
96
+ }
97
+ },
98
+ ready () {
99
+ if(this.$login.r.includes('部门默认选中')&& this.selectin){
100
+ this.initres.dep = [this.$login.f.depids]
101
+ }
102
+ if(this.$login.r.includes('人员默认选中')&& this.selectin){
103
+ this.initres.user = [this.$login.f.id]
104
+ if(this.$login.r.includes('人员强制选中')){
105
+ this.mustselect = true
106
+ }
107
+ }
108
+ this.initComponent();
109
+ this.initAreas(this.$login.f.orgid)
110
+ },
111
+ methods:{
112
+ initComponent(){
113
+ let self=this;
114
+ this.showComponent.find((item)=>{
115
+ switch(item){
116
+ case 'company': self.companyshow=true; break;
117
+ case 'department': self.departmentshow=true; break;
118
+ case 'operator': self.operatorshow=true; break;
119
+ case 'slicearea': self.sliceareashow=true; break;
120
+ }
121
+ })
122
+ },
123
+ // 初始化片区
124
+ async initAreas (val) {
125
+ if (val) {
126
+ let http = new HttpResetClass()
127
+ let getAllArea = await http.load('POST', '/rs/search', {
128
+ source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
129
+ userid: this.$login.f.id
130
+ }, {resolveMsg: null, rejectMsg: '获取片区出错!!!'})
131
+ let arr = getAllArea.data.filter((res) => {
132
+ return res.parentid == val
133
+ })
134
+ this.sliceArea = []
135
+ this.slice_area = []
136
+ arr.forEach((res) => {
137
+ this.sliceArea.push({label: res.name, value: {name: res.name, code:res.number}})
138
+ })
139
+ }
140
+ },
141
+ returnOrg(ids){
142
+ let limit = this.$login.r.includes('数据授权限定')
143
+
144
+ let condition;
145
+ if(this.depresid.length > 0)
146
+ condition = " and f_orgid in " + plugin.convertToIn(this.depresid);
147
+ else
148
+ condition = " and f_orgid = " + this.$login.f.orgid;
149
+ if(this.userresid.length > 0){
150
+ condition += " and f_depid in " + plugin.convertToIn(this.userresid);
151
+ } else {
152
+ if (limit) {
153
+ let depids = []
154
+ for (let row of this.$refs.department.resoptions) {
155
+ depids.push(row.value)
156
+ }
157
+ let depid = depids.length ? plugin.convertToIn(depids) : ('')
158
+ condition += " and f_depid in " + depid;
159
+ }
160
+ }
161
+ if(ids && ids.length > 0){
162
+ condition += " and f_operatorid in " + plugin.convertToIn(ids);
163
+ }
164
+ if(this.slice_area.length>0){
165
+ condition += " and f_zones = '" + this.slice_area[0].name+"'"
166
+ }
167
+ this.$dispatch('re-res',condition,this.obj)
168
+ },
169
+ getorg (obj) {
170
+ this.depresid=obj.resids
171
+ this.obj.orgnames = obj.res
172
+ this.initAreas(obj.resids)
173
+ this.returnOrg();
174
+ },
175
+ getdep(obj,val) {
176
+ this.obj.depnames = val
177
+ this.userresid=obj
178
+ this.returnOrg();
179
+ },
180
+ getuser(obj,val) {
181
+ this.obj.operatornames = val
182
+ this.operatorsid = obj
183
+ this.returnOrg(obj);
184
+ },
185
+ getarea(val) {
186
+ this.slice_area=val
187
+ if(this.operatorsid){
188
+ this.returnOrg(this.operatorsid);
189
+ }else{
190
+ this.returnOrg();
191
+ }
192
+ }
193
+ },
194
+ watch: {
195
+
196
+ }
197
+ }
198
+ </script>
@@ -1,348 +1,348 @@
1
- <template>
2
- <dropdown :model='model' class="auto" id="res-tree" v-if="!islist" v-el:dropdown :style="{width:width}">
3
- <button type="button" class="btn btn-default dropdown-toggle select-style" data-toggle="dropdown">
4
- <span class='btn-content' :style="{textOverflow:'ellipsis',overflow: 'hidden'}">{{ orgnames }}</span>
5
- <span class="caret"></span>
6
- </button>
7
- <div class="dropdown-menu auto" style="width:auto;max-height: 500px;overflow: auto" >
8
- <input type="text" placeholder="Search"
9
- placeholder='请输入'
10
- slot="dropdown-menu"
11
- v-model="searchText"
12
- class="form-control" autocomplete="off"
13
- @keydown.enter="buluer(searchText)">
14
- <tree :filter="strsign" :model='model' v-ref:tree :is-click="false" role="menu">
15
- <span partial>
16
- <span class="glyphicon glyphicon-chevron-down" v-show="row.open&&row.data.children.length>0" style="color:balck;"></span>
17
- <span class="glyphicon glyphicon-chevron-right" v-show="!row.open&&row.data.children.length>0" style="color:balck;"></span>
18
- <span class="RightTreeCanSelect" v-if="row.data.hasright" @click.stop="$parent.$parent.$parent.selectclick(row.data)">{{row.data.name}}</span>
19
- <span class="RightTreeCanNotSelect" v-else>{{row.data.name}}</span>
20
- <span class="glyphicon glyphicon-ok " v-if="$parent.$parent.$parent.isSelect(row.data.id)" style="color:balck;"></span>
21
- </span>
22
- </tree>
23
- </div>
24
-
25
- </dropdown>
26
- <v-select v-if="islist"
27
- placeholder='请选择'
28
- :options='childrenOptions'
29
- :disabled="mustselect"
30
- @change="selectclick"
31
- :value-single="true"
32
- close-on-select></v-select>
33
- </template>
34
- <script>
35
- import Vue from 'vue';
36
- import co from 'co'
37
- import { PagedList, HttpResetClass } from 'vue-client'
38
- import * as ldapHelper from '../../util/LdapHelper'
39
- let saveGen = function * (self) {
40
- //获取分公司树
41
- let data = {
42
- source: self.source,
43
- userid: self.userid
44
- }
45
- // if(self.$treeorg==null || (self.$treeorg!=null&&self.$treeorg.length==0)){
46
- let http = new HttpResetClass()
47
- let ret = yield http.load('POST', `${self.Url}/rs/search`, data, {resolveMsg: null, rejectMsg: null})
48
- // 去掉前面的两层节点
49
- ret.data[0].children[0].children.forEach((item) => {
50
- self.model.push(item)
51
- })
52
- Vue.$treeorg = Vue.prototype.$treeorg = self.model;
53
- // }
54
- //if(self.$treeorg!=null){
55
- // self.model = self.$treeorg;
56
- //}
57
- // 给资源添加父关系
58
- ldapHelper.procParent(self.model)
59
- // 树转列
60
- // if (self.islist) {
61
- // self.treetoList(self.model)
62
- // }
63
- if(self.initresid.length>0){
64
- if(self.initresid[0] == ''){
65
- self.initresid[0] = self.$login.f.orgid;
66
- }
67
- }else{
68
- self.initresid = [];
69
- self.initresid[0] = self.$login.f.orgid;
70
- }
71
- if(self.initresid&&self.initresid.length>0){
72
- self.isselect = false;
73
- self.initTreetoList(self.model)
74
- self.initregion(self.childrenOptions)
75
- self.childrenOptions.forEach((item) => {
76
- if(item.id == null && item.value !=null ){
77
- item = item.value
78
- }
79
- if(item.id==self.initresid[0]){
80
- //默认加载如果已选中的和传入参数相等会取消选择,这种操作不应该被允许
81
- if(self.orgids==item.id){
82
- self.initdataone(item);
83
- return;
84
- }
85
- self.selectclick(item);
86
- self.isselect = true;
87
- return;
88
- }
89
- })
90
- //如果没有找到公司,说明是选择的是大区
91
- if(!self.isselect){
92
- self.childrenregionOption.forEach((item) => {
93
- if(item.id == null && item.value !=null ){
94
- item = item.value;
95
- }
96
- if(item.id==self.initresid[0]){
97
- //默认加载如果已选中的和传入参数相等会取消选择,这种操作不应该被允许
98
- if(self.orgids==item.id){
99
- self.initdataone(item);
100
- return;
101
- }
102
- self.selectclick(item);
103
- return;
104
- }
105
- })
106
- }
107
- }
108
- //self.selectRes()
109
- }
110
- export default {
111
- title: '资源树',
112
- props: {
113
- searchText:'',
114
- strsign:'',
115
- source: {
116
- type: String,
117
- require: true,
118
- default:`tool.getFullTree(this.getRights().where(row.getType() == $organization$))`
119
- },
120
- //资源初始化数据
121
- initresid: {
122
- type: Array,
123
- default() { return [] },
124
- },
125
- resid: {
126
- },
127
- islist: {
128
- type: Boolean,
129
- default: false
130
- },
131
- //是否有查看上级的权限
132
- Url:{
133
- type: String,
134
- default:''
135
- },
136
- mustselect: {
137
- type: Boolean,
138
- default: false
139
- },
140
- width:{
141
- type:String,
142
- default:'60%'
143
- }
144
- },
145
- data () {
146
- return {
147
- resobj:{res:this.$login.f.orgs, resids:this.$login.f.orgid},
148
- userid: this.$login.f.id,
149
- resname:[this.$login.f.orgs],
150
- orgnames : "请选择",
151
- //单选点击 返回所有子
152
- orgids : null,
153
- orgobj:null,
154
- model: [
155
-
156
- ],
157
- childrenOptions: [],
158
- childrenregionOption:[],
159
- isselect: false
160
- }
161
- },
162
- methods: {
163
- selectRes () {
164
- let newobj={
165
- "res": [this.resname],
166
- "resids": [this.orgids],
167
- }
168
- this.$emit('re-res', newobj)
169
- },
170
- //树形结构变成list
171
- initTreetoList(val) {
172
- for (let value of val) {
173
- this.initErgodicList(value)
174
- }
175
- },
176
- //找到跟节点
177
- initErgodicList (val) {
178
- if(val.children.length > 0){
179
- this.childrenOptions.push(val)
180
- this.treetoList(val.children)
181
- }else{
182
- this.childrenOptions.push(val)
183
- }
184
- },
185
- initregion(val){
186
- if(val ==null ) return;
187
- val.forEach((item)=>{
188
- if(item.name != null){
189
- if(item.name.includes("公司")){
190
- return;
191
- }else{
192
- this.initregion(item.children)
193
- this.childrenregionOption.push({label:"",value:item})
194
- //return item;
195
- }
196
- }else{
197
- return;
198
- }
199
- })
200
-
201
- },
202
- async buluer (val) {
203
- this.strsign=val
204
- await new Promise(resolve => {
205
- this.$nextTick(() => {
206
- resolve()
207
- })
208
- })
209
- },
210
- //点击资源的方法
211
- selectclick (row) {
212
- if(this.orgids==row.id){
213
- //取消点击
214
- this.orgnames="请选择"
215
- this.orgids=null
216
- this.orgobj=null
217
- let newobj={
218
- "res": [],
219
- "resids": [],
220
- "orgobj": [],
221
- }
222
- this.$emit('re-res', newobj)
223
- }else{
224
- //点中点击
225
- this.orgnames=row.name
226
- this.orgids=row.id
227
- this.orgobj=row
228
- let objs=[]
229
- let objids=[]
230
- let objnames=[]
231
- this.addResChild(row,objs)
232
- objs.forEach((item) => {
233
- objids.push(item.id)
234
- objnames.push(item.name)
235
- })
236
- let newobj={
237
- "res": objnames,
238
- "resids": objids,
239
- "orgobj": objs,
240
- }
241
- this.$emit('re-res', newobj)
242
- }
243
- },
244
- initdataone(row){
245
- //点中点击
246
- this.orgnames=row.name
247
- this.orgids=row.id
248
- this.orgobj=row
249
- let objs=[]
250
- let objids=[]
251
- let objnames=[]
252
- this.addResChild(row,objs)
253
- objs.forEach((item) => {
254
- objids.push(item.id)
255
- objnames.push(item.name)
256
- })
257
- let newobj={
258
- "res": objnames,
259
- "resids": objids,
260
- "orgobj": objs,
261
- }
262
- this.$emit('re-res', newobj)
263
- },
264
- addResChild(val,objs){
265
- objs.push(val)
266
- if(val.children && val.children.length>0){
267
- Object.keys(val.children).forEach((key) => {
268
- this.addResChild(val.children[key],objs)
269
- })
270
- }
271
- return objs
272
- },
273
- //检查是否显示对勾
274
- isSelect(val) {
275
- if(this.orgids==val){
276
- return true
277
- }else{
278
- return false
279
- }
280
- },
281
- //树形结构变成list
282
- treetoList(val) {
283
- for (let value of val) {
284
- this.ergodicList(value)
285
- }
286
- },
287
- //找到跟节点
288
- ergodicList (val) {
289
- val.children.length > 0 ? this.treetoList(val.children) : this.childrenOptions.push({label: val.name, value: val})
290
- },
291
- //处理显示默认值
292
- dealResObj (val) {
293
- try{
294
- var arr=val.res.split(".")
295
- //截取最后一个分公司名字
296
- this.resname=arr[arr.length-1].toString()
297
- this.orgnames=arr[arr.length-1].toString()
298
- this.resid = val.resids
299
- this.orgids = val.resids
300
- }catch (e){
301
- this.resname='请选择组织'
302
- }
303
- },
304
- judgBoundary(){
305
- //判断是否超出边界,超出移动
306
- if(document.documentElement.offsetWidth< this.$els.dropdown.getBoundingClientRect().right){
307
- this.left = document.documentElement.offsetWidth - this.$els.dropdown.getBoundingClientRect().right - 25
308
- }
309
- }
310
- },
311
- events: {
312
-
313
- },
314
- ready () {
315
- this.dealResObj (this.resobj)
316
- let gen = saveGen(this)
317
- return co(gen)
318
- },
319
- watch: {
320
- }
321
- }
322
- </script>
323
- <style lang="less">
324
- #res-tree {
325
- .list-group-item {
326
- background-color: #FFF;
327
- color: #000;
328
- padding: 5px 10px;
329
- border:0px;
330
- white-space: nowrap;
331
- }
332
- }
333
- #res-tree .list-group {
334
- width: auto;
335
- min-width: 100%;
336
- }
337
- .hide-text-overflow{
338
- overflow: hidden;
339
- text-overflow: ellipsis
340
- }
341
- .select-style {
342
- border: 0px;
343
- /*border-bottom: 2px solid #C9CCCF;*/
344
- border: 1px solid #93B2D3;
345
- border-radius: 0px;
346
- color: #555;
347
- }
348
- </style>
1
+ <template>
2
+ <dropdown :model='model' class="auto" id="res-tree" v-if="!islist" v-el:dropdown :style="{width:width}">
3
+ <button type="button" class="btn btn-default dropdown-toggle select-style" data-toggle="dropdown" :disabled="mustselect">
4
+ <span class='btn-content' :style="{textOverflow:'ellipsis',overflow: 'hidden'}">{{ orgnames }}</span>
5
+ <span class="caret"></span>
6
+ </button>
7
+ <div class="dropdown-menu auto" style="width:auto;max-height: 500px;overflow: auto" >
8
+ <input type="text" placeholder="Search"
9
+ placeholder='请输入'
10
+ slot="dropdown-menu"
11
+ v-model="searchText"
12
+ class="form-control" autocomplete="off"
13
+ @keydown.enter="buluer(searchText)">
14
+ <tree :filter="strsign" :model='model' v-ref:tree :is-click="false" role="menu">
15
+ <span partial>
16
+ <span class="glyphicon glyphicon-chevron-down" v-show="row.open&&row.data.children.length>0" style="color:balck;"></span>
17
+ <span class="glyphicon glyphicon-chevron-right" v-show="!row.open&&row.data.children.length>0" style="color:balck;"></span>
18
+ <span class="RightTreeCanSelect" v-if="row.data.hasright" @click.stop="$parent.$parent.$parent.selectclick(row.data)">{{row.data.name}}</span>
19
+ <span class="RightTreeCanNotSelect" v-else>{{row.data.name}}</span>
20
+ <span class="glyphicon glyphicon-ok " v-if="$parent.$parent.$parent.isSelect(row.data.id)" style="color:balck;"></span>
21
+ </span>
22
+ </tree>
23
+ </div>
24
+
25
+ </dropdown>
26
+ <v-select v-if="islist"
27
+ placeholder='请选择'
28
+ :options='childrenOptions'
29
+ :disabled="mustselect"
30
+ @change="selectclick"
31
+ :value-single="true"
32
+ close-on-select></v-select>
33
+ </template>
34
+ <script>
35
+ import Vue from 'vue';
36
+ import co from 'co'
37
+ import { PagedList, HttpResetClass } from 'vue-client'
38
+ import * as ldapHelper from '../../util/LdapHelper'
39
+ let saveGen = function * (self) {
40
+ //获取分公司树
41
+ let data = {
42
+ source: self.source,
43
+ userid: self.userid
44
+ }
45
+ // if(self.$treeorg==null || (self.$treeorg!=null&&self.$treeorg.length==0)){
46
+ let http = new HttpResetClass()
47
+ let ret = yield http.load('POST', `${self.Url}/rs/search`, data, {resolveMsg: null, rejectMsg: null})
48
+ // 去掉前面的两层节点
49
+ ret.data[0].children[0].children.forEach((item) => {
50
+ self.model.push(item)
51
+ })
52
+ Vue.$treeorg = Vue.prototype.$treeorg = self.model;
53
+ // }
54
+ //if(self.$treeorg!=null){
55
+ // self.model = self.$treeorg;
56
+ //}
57
+ // 给资源添加父关系
58
+ ldapHelper.procParent(self.model)
59
+ // 树转列
60
+ // if (self.islist) {
61
+ // self.treetoList(self.model)
62
+ // }
63
+ if(self.initresid.length>0){
64
+ if(self.initresid[0] == ''){
65
+ self.initresid[0] = self.$login.f.orgid;
66
+ }
67
+ }else{
68
+ self.initresid = [];
69
+ self.initresid[0] = self.$login.f.orgid;
70
+ }
71
+ if(self.initresid&&self.initresid.length>0){
72
+ self.isselect = false;
73
+ self.initTreetoList(self.model)
74
+ self.initregion(self.childrenOptions)
75
+ self.childrenOptions.forEach((item) => {
76
+ if(item.id == null && item.value !=null ){
77
+ item = item.value
78
+ }
79
+ if(item.id==self.initresid[0]){
80
+ //默认加载如果已选中的和传入参数相等会取消选择,这种操作不应该被允许
81
+ if(self.orgids==item.id){
82
+ self.initdataone(item);
83
+ return;
84
+ }
85
+ self.selectclick(item);
86
+ self.isselect = true;
87
+ return;
88
+ }
89
+ })
90
+ //如果没有找到公司,说明是选择的是大区
91
+ if(!self.isselect){
92
+ self.childrenregionOption.forEach((item) => {
93
+ if(item.id == null && item.value !=null ){
94
+ item = item.value;
95
+ }
96
+ if(item.id==self.initresid[0]){
97
+ //默认加载如果已选中的和传入参数相等会取消选择,这种操作不应该被允许
98
+ if(self.orgids==item.id){
99
+ self.initdataone(item);
100
+ return;
101
+ }
102
+ self.selectclick(item);
103
+ return;
104
+ }
105
+ })
106
+ }
107
+ }
108
+ //self.selectRes()
109
+ }
110
+ export default {
111
+ title: '资源树',
112
+ props: {
113
+ searchText:'',
114
+ strsign:'',
115
+ source: {
116
+ type: String,
117
+ require: true,
118
+ default:`tool.getFullTree(this.getRights().where(row.getType() == $organization$))`
119
+ },
120
+ //资源初始化数据
121
+ initresid: {
122
+ type: Array,
123
+ default() { return [] },
124
+ },
125
+ resid: {
126
+ },
127
+ islist: {
128
+ type: Boolean,
129
+ default: false
130
+ },
131
+ //是否有查看上级的权限
132
+ Url:{
133
+ type: String,
134
+ default:''
135
+ },
136
+ mustselect: {
137
+ type: Boolean,
138
+ default: false
139
+ },
140
+ width:{
141
+ type:String,
142
+ default:'60%'
143
+ }
144
+ },
145
+ data () {
146
+ return {
147
+ resobj:{res:this.$login.f.orgs, resids:this.$login.f.orgid},
148
+ userid: this.$login.f.id,
149
+ resname:[this.$login.f.orgs],
150
+ orgnames : "请选择",
151
+ //单选点击 返回所有子
152
+ orgids : null,
153
+ orgobj:null,
154
+ model: [
155
+
156
+ ],
157
+ childrenOptions: [],
158
+ childrenregionOption:[],
159
+ isselect: false
160
+ }
161
+ },
162
+ methods: {
163
+ selectRes () {
164
+ let newobj={
165
+ "res": [this.resname],
166
+ "resids": [this.orgids],
167
+ }
168
+ this.$emit('re-res', newobj)
169
+ },
170
+ //树形结构变成list
171
+ initTreetoList(val) {
172
+ for (let value of val) {
173
+ this.initErgodicList(value)
174
+ }
175
+ },
176
+ //找到跟节点
177
+ initErgodicList (val) {
178
+ if(val.children.length > 0){
179
+ this.childrenOptions.push(val)
180
+ this.treetoList(val.children)
181
+ }else{
182
+ this.childrenOptions.push(val)
183
+ }
184
+ },
185
+ initregion(val){
186
+ if(val ==null ) return;
187
+ val.forEach((item)=>{
188
+ if(item.name != null){
189
+ if(item.name.includes("公司")){
190
+ return;
191
+ }else{
192
+ this.initregion(item.children)
193
+ this.childrenregionOption.push({label:"",value:item})
194
+ //return item;
195
+ }
196
+ }else{
197
+ return;
198
+ }
199
+ })
200
+
201
+ },
202
+ async buluer (val) {
203
+ this.strsign=val
204
+ await new Promise(resolve => {
205
+ this.$nextTick(() => {
206
+ resolve()
207
+ })
208
+ })
209
+ },
210
+ //点击资源的方法
211
+ selectclick (row) {
212
+ if(this.orgids==row.id){
213
+ //取消点击
214
+ this.orgnames="请选择"
215
+ this.orgids=null
216
+ this.orgobj=null
217
+ let newobj={
218
+ "res": [],
219
+ "resids": [],
220
+ "orgobj": [],
221
+ }
222
+ this.$emit('re-res', newobj)
223
+ }else{
224
+ //点中点击
225
+ this.orgnames=row.name
226
+ this.orgids=row.id
227
+ this.orgobj=row
228
+ let objs=[]
229
+ let objids=[]
230
+ let objnames=[]
231
+ this.addResChild(row,objs)
232
+ objs.forEach((item) => {
233
+ objids.push(item.id)
234
+ objnames.push(item.name)
235
+ })
236
+ let newobj={
237
+ "res": objnames,
238
+ "resids": objids,
239
+ "orgobj": objs,
240
+ }
241
+ this.$emit('re-res', newobj)
242
+ }
243
+ },
244
+ initdataone(row){
245
+ //点中点击
246
+ this.orgnames=row.name
247
+ this.orgids=row.id
248
+ this.orgobj=row
249
+ let objs=[]
250
+ let objids=[]
251
+ let objnames=[]
252
+ this.addResChild(row,objs)
253
+ objs.forEach((item) => {
254
+ objids.push(item.id)
255
+ objnames.push(item.name)
256
+ })
257
+ let newobj={
258
+ "res": objnames,
259
+ "resids": objids,
260
+ "orgobj": objs,
261
+ }
262
+ this.$emit('re-res', newobj)
263
+ },
264
+ addResChild(val,objs){
265
+ objs.push(val)
266
+ if(val.children && val.children.length>0){
267
+ Object.keys(val.children).forEach((key) => {
268
+ this.addResChild(val.children[key],objs)
269
+ })
270
+ }
271
+ return objs
272
+ },
273
+ //检查是否显示对勾
274
+ isSelect(val) {
275
+ if(this.orgids==val){
276
+ return true
277
+ }else{
278
+ return false
279
+ }
280
+ },
281
+ //树形结构变成list
282
+ treetoList(val) {
283
+ for (let value of val) {
284
+ this.ergodicList(value)
285
+ }
286
+ },
287
+ //找到跟节点
288
+ ergodicList (val) {
289
+ val.children.length > 0 ? this.treetoList(val.children) : this.childrenOptions.push({label: val.name, value: val})
290
+ },
291
+ //处理显示默认值
292
+ dealResObj (val) {
293
+ try{
294
+ var arr=val.res.split(".")
295
+ //截取最后一个分公司名字
296
+ this.resname=arr[arr.length-1].toString()
297
+ this.orgnames=arr[arr.length-1].toString()
298
+ this.resid = val.resids
299
+ this.orgids = val.resids
300
+ }catch (e){
301
+ this.resname='请选择组织'
302
+ }
303
+ },
304
+ judgBoundary(){
305
+ //判断是否超出边界,超出移动
306
+ if(document.documentElement.offsetWidth< this.$els.dropdown.getBoundingClientRect().right){
307
+ this.left = document.documentElement.offsetWidth - this.$els.dropdown.getBoundingClientRect().right - 25
308
+ }
309
+ }
310
+ },
311
+ events: {
312
+
313
+ },
314
+ ready () {
315
+ this.dealResObj (this.resobj)
316
+ let gen = saveGen(this)
317
+ return co(gen)
318
+ },
319
+ watch: {
320
+ }
321
+ }
322
+ </script>
323
+ <style lang="less">
324
+ #res-tree {
325
+ .list-group-item {
326
+ background-color: #FFF;
327
+ color: #000;
328
+ padding: 5px 10px;
329
+ border:0px;
330
+ white-space: nowrap;
331
+ }
332
+ }
333
+ #res-tree .list-group {
334
+ width: auto;
335
+ min-width: 100%;
336
+ }
337
+ .hide-text-overflow{
338
+ overflow: hidden;
339
+ text-overflow: ellipsis
340
+ }
341
+ .select-style {
342
+ border: 0px;
343
+ /*border-bottom: 2px solid #C9CCCF;*/
344
+ border: 1px solid #93B2D3;
345
+ border-radius: 0px;
346
+ color: #555;
347
+ }
348
+ </style>