CoreVue.git - Gitblit

ÎÄ¼þÃû´Ó src/views/basicSettings/rolePermission.vue ÐÞ¸Ä
			@@ -81,6 +81,7 @@
			highlight-current
			:props="defaultPropsLeft"
			:default-expand-all="true"
			@node-click="treeLeftNodeClick"
			/>
			</div>

			@@ -120,7 +121,7 @@

			<div
			ref="scrollCenter"
			style="border-right: 1px solid rgba(0,0,0,0.2);width: 500px;padding-left: 10px;overflow-y: auto"
			style="border-right: 1px solid rgba(0,0,0,0.2);width: 600px;padding-left: 10px;overflow-y: auto"
			:style="{height:isExpandForm?tableHeight:(tableHeight+35)+'px',}"
			@scroll="scrollCenterScroll()"
			@mouseover="changeScrollLeftFlag('center')"
			@@ -308,12 +309,12 @@
			this.$notify.error('è¯·åå»ºç¸å¯¹åºçè§è²ï¼')
			}
			},

			// è·åèåæéå¯¹åºçæé®
			async getRolePermissionSearchRoleMenuButton(rolecode) {
			const { data: res } = await RolePermissionSearchRoleMenuButton({ rolecode })
			this.allButtonData = res
			},

			// è·åèåæé
			async getRolePermissionSearchRoleMenu(rolecode) {
			const { data: res } = await RolePermissionSearchRoleMenu({ rolecode, type: 'PC' })

			@@ -326,6 +327,7 @@

			this.menuCheckedCodeArr = []

			// console.log(this.allButtonData, 213)
			result.forEach(item => {
			if (item.children && item.children.length) {
			item.children.forEach(it => {
			@@ -340,12 +342,12 @@
			// æ°æ®æéåæ¾
			const dataAll = this.allButtonData.tData.filter(j => j.menucode === it.code).map(j => j.name)
			const dataChecked = this.allButtonData.tData.filter(j => j.menucode === it.code && j.flag === 'Y').name
			console.log(dataAll, dataChecked, 2)
			// console.log(dataAll, dataChecked, 2)
			it.itemData = dataAll
			it.checkedData = dataChecked

			// ç¨ä½èåå¾éåæ¾
			if (buttonChecked && buttonChecked.length > 0) {
			if (it.flag === 'Y') {
			this.menuCheckedCodeArr.push(it.code)
			}
			})
			@@ -360,13 +362,15 @@
			{ code: '-1', name: 'å¨é¨', flag: result.every(i => i.flag === 'Y') ? 'Y' : 'N', children: result }
			]

			this.buttonIsChecked = result.every(i => i.flag === 'Y')

			// this.buttonIsChecked = result.every(i => i.flag === 'Y')
			this.handleCheckedButtonChange('', '', true)
			this.handleCheckedDataChange('', '', true)
			// console.log(this.menuCheckedCodeArr, 2)
			this.$nextTick(() => {
			this.$refs.treeCenterRef.setCheckedKeys(this.menuCheckedCodeArr)
			})

			this.$forceUpdate()
			// console.log(this.treeCenter[0].children)
			},

			@@ -436,18 +440,19 @@
			})
			}

			console.log(this.treeCenter[0].children, 20)
			// console.log(this.treeCenter[0].children, 20)
			},
			// åä¸ªæé®æ¹å
			handleCheckedButtonChange(value, code) {
			handleCheckedButtonChange(value, code, flag) {
			// å¤ææ¯å¦åå«å¨å
			if (!this.menuCheckedCodeArr.includes(code) && value.length === 1) { // å¦
			this.menuCheckedCodeArr.push(code)
			} else if (this.menuCheckedCodeArr.includes(code) && value.length === 0) { // æ¯
			this.menuCheckedCodeArr = this.menuCheckedCodeArr.filter(i => i !== code)
			if (!flag) {
			if (!this.menuCheckedCodeArr.includes(code) && value.length === 1) { // å¦
			this.menuCheckedCodeArr.push(code)
			} else if (this.menuCheckedCodeArr.includes(code) && value.length === 0) { // æ¯
			this.menuCheckedCodeArr = this.menuCheckedCodeArr.filter(i => i !== code)
			}
			this.$refs.treeCenterRef.setCheckedKeys(this.menuCheckedCodeArr)
			}

			this.$refs.treeCenterRef.setCheckedKeys(this.menuCheckedCodeArr)

			// è¿éæ¯å¤æå¨écheckbox æ¯å¦éä¸
			let count = 0
			@@ -468,8 +473,8 @@

			// è·åæ å½¢èç¹node
			getLeftTreeNode(data, Node, VueComponent) {
			console.log(data, Node, VueComponent, 2221)
			console.log(Node.expanded)
			// console.log(data, Node, VueComponent, 2221)
			// console.log(Node.expanded)
			this.treeCenter[0].children.forEach(item => {
			if (item.name === data.name) {
			item.expanded = Node.expanded
			@@ -483,13 +488,25 @@
			}
			this.$forceUpdate()
			},

			// å¤çæ å½¢å¾é
			handleTreeCenterCheck(obj, { checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys }) {
			// console.log(obj, checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys)
			// console.log(obj, checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys, 'å å¤å®')

			if (checkedKeys.length === 0) { // æ å½¢èåå¨ä¸éçæåµä¸
			this.buttonIsChecked = false
			this.dataIsChecked = false
			this.menuCheckedCodeArr = []
			} else {
			if (checkedKeys.includes(obj.code)) { // å¤ææ¯å¦åå«å¨å //æ¯
			this.menuCheckedCodeArr.push(obj.code)
			} else { // å¦
			this.menuCheckedCodeArr = this.menuCheckedCodeArr.filter(i => i !== obj.code)
			}
			}
			},
			// å¤çæ å½¢éä¸å¼æ¹å
			handleTreeCenterCheckChange(obj, selfChecked, selfChildrenTreeCheck) {
			// console.log(obj, selfChecked, selfChildrenTreeCheck)
			// console.log(obj, selfChecked, selfChildrenTreeCheck, 'çèå')
			if (!selfChildrenTreeCheck) {
			if (!selfChecked) {
			this.treeCenter[0].children.forEach(item => {
			@@ -508,13 +525,14 @@
			},

			// åéæ¡æé®æ¹å
			handleCheckedDataChange(value, code) {
			console.log(value, code)
			handleCheckedDataChange(value, code, flag) {
			// console.log(value, code)
			if (flag) {
			this.menuCheckedCodeArr.push(code)
			this.menuCheckedCodeArr = [...new Set(this.menuCheckedCodeArr)]

			this.menuCheckedCodeArr.push(code)
			this.menuCheckedCodeArr = [...new Set(this.menuCheckedCodeArr)]

			this.$refs.treeCenterRef.setCheckedKeys(this.menuCheckedCodeArr)
			this.$refs.treeCenterRef.setCheckedKeys(this.menuCheckedCodeArr)
			}

			// è¿éæ¯å¤æå¨éradio æ¯å¦éä¸
			let count = 0
			@@ -525,14 +543,26 @@
			if (it.checkedData) {
			count++
			}
			childrenLength++
			if (it.itemData.length > 0) {
			childrenLength++
			}
			})
			}
			})
			// console.log(count, childrenLength, 9)
			this.dataIsChecked = count === childrenLength
			// console.log(JSON.parse(JSON.stringify(this.treeCenter[0].children)))

			this.$forceUpdate()
			},

			async treeLeftNodeClick(obj, Node, VueComponent) {
			// this.menuCheckedCodeArr = []

			await this.getRolePermissionSearchRoleMenuButton(obj.code)
			await this.getRolePermissionSearchRoleMenu(obj.code)
			},

			// è·åé¡µé¢é«åº¦
			getHeight() {
			this.$nextTick(() => {