|  | @ -8,49 +8,42 @@
 | 
	
		
			
				|  |  |     @cancel="handleCancel"
 | 
	
		
			
				|  |  |   >
 | 
	
		
			
				|  |  |     <a-spin :spinning="formLoading">
 | 
	
		
			
				|  |  |     <a-form :form="form">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |       <a-form-item
 | 
	
		
			
				|  |  |         label="授权范围"
 | 
	
		
			
				|  |  |         :labelCol="labelCol"
 | 
	
		
			
				|  |  |         :wrapperCol="wrapperCol"
 | 
	
		
			
				|  |  |         has-feedback
 | 
	
		
			
				|  |  |       >
 | 
	
		
			
				|  |  |         <a-select style="width: 100%" placeholder="请选择授权范围" v-decorator="['dataScopeType', {rules: [{ required: true, message: '请选择授权范围!' }]}]"  >
 | 
	
		
			
				|  |  |           <a-select-option v-for='(item,index) in dataScopeTypeData' :key="index" :value="item.code" @click="handleChange(item.code)">{{item.value}}</a-select-option>
 | 
	
		
			
				|  |  |         </a-select>
 | 
	
		
			
				|  |  |       </a-form-item>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |       <div v-show="orgTreeShow">
 | 
	
		
			
				|  |  |       <a-form :form="form">
 | 
	
		
			
				|  |  |         <a-form-item
 | 
	
		
			
				|  |  |         label="选择机构"
 | 
	
		
			
				|  |  |         :labelCol="labelCol"
 | 
	
		
			
				|  |  |         :wrapperCol="wrapperCol"
 | 
	
		
			
				|  |  |           label="授权范围"
 | 
	
		
			
				|  |  |           :labelCol="labelCol"
 | 
	
		
			
				|  |  |           :wrapperCol="wrapperCol"
 | 
	
		
			
				|  |  |           has-feedback
 | 
	
		
			
				|  |  |         >
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |         <a-tree
 | 
	
		
			
				|  |  |           v-model="checkedKeys"
 | 
	
		
			
				|  |  |           checkable
 | 
	
		
			
				|  |  |           checkStrictly
 | 
	
		
			
				|  |  |           :auto-expand-parent="autoExpandParent"
 | 
	
		
			
				|  |  |           :expanded-keys="expandedKeys"
 | 
	
		
			
				|  |  |           :tree-data="orgTreeData"
 | 
	
		
			
				|  |  |           :selected-keys="selectedKeys"
 | 
	
		
			
				|  |  |           :replaceFields="replaceFields"
 | 
	
		
			
				|  |  |           @expand="onExpand"
 | 
	
		
			
				|  |  |           @select="onSelect"
 | 
	
		
			
				|  |  |         />
 | 
	
		
			
				|  |  |       </a-form-item>
 | 
	
		
			
				|  |  |       </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |     </a-form>
 | 
	
		
			
				|  |  |           <a-select style="width: 100%" placeholder="请选择授权范围" v-decorator="['dataScopeType', {rules: [{ required: true, message: '请选择授权范围!' }]}]"  >
 | 
	
		
			
				|  |  |             <a-select-option v-for='(item,index) in dataScopeTypeData' :key="index" :value="item.code" @click="handleChange(item.code)">{{item.value}}</a-select-option>
 | 
	
		
			
				|  |  |           </a-select>
 | 
	
		
			
				|  |  |         </a-form-item>
 | 
	
		
			
				|  |  |         <div v-show="orgTreeShow">
 | 
	
		
			
				|  |  |           <a-form-item
 | 
	
		
			
				|  |  |             label="选择机构"
 | 
	
		
			
				|  |  |             :labelCol="labelCol"
 | 
	
		
			
				|  |  |             :wrapperCol="wrapperCol"
 | 
	
		
			
				|  |  |           >
 | 
	
		
			
				|  |  |             <a-tree
 | 
	
		
			
				|  |  |               v-model="checkedKeys"
 | 
	
		
			
				|  |  |               checkable
 | 
	
		
			
				|  |  |               checkStrictly
 | 
	
		
			
				|  |  |               :auto-expand-parent="autoExpandParent"
 | 
	
		
			
				|  |  |               :expanded-keys="expandedKeys"
 | 
	
		
			
				|  |  |               :tree-data="orgTreeData"
 | 
	
		
			
				|  |  |               :selected-keys="selectedKeys"
 | 
	
		
			
				|  |  |               :replaceFields="replaceFields"
 | 
	
		
			
				|  |  |               @expand="onExpand"
 | 
	
		
			
				|  |  |               @select="onSelect"
 | 
	
		
			
				|  |  |             />
 | 
	
		
			
				|  |  |           </a-form-item>
 | 
	
		
			
				|  |  |         </div>
 | 
	
		
			
				|  |  |       </a-form>
 | 
	
		
			
				|  |  |     </a-spin>
 | 
	
		
			
				|  |  |   </a-modal>
 | 
	
		
			
				|  |  | </template>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | <script>
 | 
	
		
			
				|  |  |   import { getOrgTree } from '@/api/modular/system/orgManage'
 | 
	
		
			
				|  |  |   import { sysRoleOwnData,sysRoleGrantData } from '@/api/modular/system/roleManage'
 | 
	
	
		
			
				|  | @ -58,7 +51,6 @@
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |   export default {
 | 
	
		
			
				|  |  |     data () {
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |       return {
 | 
	
		
			
				|  |  |         labelCol: {
 | 
	
		
			
				|  |  |           style:{'padding-right':'20px'},
 | 
	
	
		
			
				|  | @ -86,7 +78,6 @@
 | 
	
		
			
				|  |  |         },
 | 
	
		
			
				|  |  |         form: this.$form.createForm(this)
 | 
	
		
			
				|  |  |       }
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |     },
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |     methods: {
 | 
	
	
		
			
				|  | @ -97,11 +88,9 @@
 | 
	
		
			
				|  |  |         this.formLoading = true
 | 
	
		
			
				|  |  |         this.sysDictTypeDropDown()
 | 
	
		
			
				|  |  |         this.form.getFieldDecorator('dataScopeType',{initialValue:record.dataScopeType.toString()})
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |         this.handleChange(record.dataScopeType)
 | 
	
		
			
				|  |  |       },
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |       /**
 | 
	
		
			
				|  |  |        * 获取字典数据
 | 
	
		
			
				|  |  |        */
 | 
	
	
		
			
				|  | @ -134,13 +123,13 @@
 | 
	
		
			
				|  |  |        */
 | 
	
		
			
				|  |  |       getOrgTree(){
 | 
	
		
			
				|  |  |         getOrgTree().then((res) =>{
 | 
	
		
			
				|  |  |            if(res.success){
 | 
	
		
			
				|  |  |              this.orgTreeData=res.data
 | 
	
		
			
				|  |  |              //默认展开
 | 
	
		
			
				|  |  |              this.orgTreeData.forEach(item=>{
 | 
	
		
			
				|  |  |                this.expandedKeys.push(item.id)
 | 
	
		
			
				|  |  |              })
 | 
	
		
			
				|  |  |            }
 | 
	
		
			
				|  |  |           if(res.success){
 | 
	
		
			
				|  |  |             this.orgTreeData=res.data
 | 
	
		
			
				|  |  |             //默认展开
 | 
	
		
			
				|  |  |             this.orgTreeData.forEach(item=>{
 | 
	
		
			
				|  |  |               this.expandedKeys.push(item.id)
 | 
	
		
			
				|  |  |             })
 | 
	
		
			
				|  |  |           }
 | 
	
		
			
				|  |  |         })
 | 
	
		
			
				|  |  |       },
 | 
	
		
			
				|  |  | 
 | 
	
	
		
			
				|  | @ -150,6 +139,7 @@
 | 
	
		
			
				|  |  |       sysRoleOwnData(record){
 | 
	
		
			
				|  |  |         sysRoleOwnData({id:record.id}).then((res)=>{
 | 
	
		
			
				|  |  |           if(res.success){
 | 
	
		
			
				|  |  |             console.log(JSON.stringify(res.data))
 | 
	
		
			
				|  |  |             this.checkedKeys=res.data
 | 
	
		
			
				|  |  |           }
 | 
	
		
			
				|  |  |           this.formLoading = false
 | 
	
	
		
			
				|  | @ -161,8 +151,8 @@
 | 
	
		
			
				|  |  |         this.autoExpandParent = false;
 | 
	
		
			
				|  |  |       },
 | 
	
		
			
				|  |  |       onCheck(checkedKeys) {
 | 
	
		
			
				|  |  |         this.checkedKeys = checkedKeys;
 | 
	
		
			
				|  |  |         console.log(JSON.stringify(checkedKeys))
 | 
	
		
			
				|  |  |         this.checkedKeys = checkedKeys
 | 
	
		
			
				|  |  |       },
 | 
	
		
			
				|  |  |       onSelect(selectedKeys, info) {
 | 
	
		
			
				|  |  |         this.selectedKeys = selectedKeys;
 | 
	
	
		
			
				|  | @ -173,10 +163,11 @@
 | 
	
		
			
				|  |  |         this.confirmLoading = true
 | 
	
		
			
				|  |  |         validateFields((errors, values) => {
 | 
	
		
			
				|  |  |           if (!errors) {
 | 
	
		
			
				|  |  |             sysRoleGrantData({id:this.roleEntity.id,grantOrgIdList:this.checkedKeys.checked,dataScopeType:values.dataScopeType}).then((res) => {
 | 
	
		
			
				|  |  |             const checkedKeys=this.checkedKeys.checked === undefined? this.checkedKeys:this.checkedKeys.checked
 | 
	
		
			
				|  |  |             sysRoleGrantData({id:this.roleEntity.id,grantOrgIdList:checkedKeys,dataScopeType:values.dataScopeType}).then((res) => {
 | 
	
		
			
				|  |  |               this.confirmLoading = false
 | 
	
		
			
				|  |  |               if(res.success){
 | 
	
		
			
				|  |  |                 this.$message.success('授权成功')
 | 
	
		
			
				|  |  |                 this.confirmLoading = false
 | 
	
		
			
				|  |  |                 this.$emit('ok', values)
 | 
	
		
			
				|  |  |                 this.handleCancel()
 | 
	
		
			
				|  |  |               }else{
 |