父子关联

src/components/jeecgbiz/JSelectDepart.vue

@@ -11,6 +11,7 @@
       :modal-width="modalWidth"
       :multi="multi"
       :rootOpened="rootOpened"
+      :treeOpera="treeOpera"
       :depart-id="departIds"
       @ok="handleOK"
       @initComp="initComp"/>
@@ -50,6 +51,11 @@
         required: false,
         default: false
       },
+      treeOpera:{
+        type: Boolean,
+        required: false,
+        default: true
+      },
       // 自定义返回字段，默认返回 id
       customReturnField: {
         type: String,

src/components/jeecgbiz/modal/JSelectDepartModal.vue

@@ -14,7 +14,7 @@
         checkable
         class="my-dept-select-tree"
         :treeData="treeData"
-        :checkStrictly="true"
+        :checkStrictly="false"
         @check="onCheck"
         @select="onSelect"
         @expand="onExpand"
@@ -78,6 +78,13 @@
         this.checkedRows=[]
         this.checkedKeys=[]
       },
+      // 右键操作方法
+      rightHandle(node) {
+        this.dropTrigger = 'contextmenu'
+        console.log(node.node.eventKey)
+        this.rightClickSelectedKey = node.node.eventKey
+        this.rightClickSelectedOrgCode = node.node.dataRef.orgCode
+      },
       loadDepart(){
         queryDepartTreeList().then(res=>{
           if(res.success){
@@ -138,8 +145,8 @@
           this.checkedKeys = [...arr]
           this.checkedRows = (this.checkedKeys.length === 0) ? [] : [info.node.dataRef]
         }else{
-          this.checkedKeys = checkedKeys.checked
-          this.checkedRows = this.getCheckedRows(this.checkedKeys)
+           this.checkedKeys = checkedKeys
+           this.checkedRows = this.getCheckedRows(this.checkedKeys)
         }
       },
       onSelect(selectedKeys,info) {

src/views/dashboard/HomePage.vue

@@ -140,7 +140,7 @@
               <div style="max-height: 420px;overflow-y: auto; width: 100%"  >
 <!--                <div> <a slot="extra" @click="keyApp">添加常用应用</a></div>-->
         <span class="ant-col-md-4" v-for="(item,index) in keyChildren" @click="goRouteView(item.path)" :title="item.meta.title"
-              style="display: inline-block; margin: 20px;">
+              style="display: inline-block; margin: 25px;">
           <a-icon :type="item.meta.icon" :style="{'color':item.color}" style="font-size: 25px"></a-icon> &nbsp;&nbsp;{{ item.meta.title }}
         </span>
 

src/views/system/UserList.vue

@@ -29,7 +29,7 @@
           </a-col>
           <a-col :md="6" :sm="8">
           <a-form-item label="部门">
-            <j-select-depart v-model="queryParam.departIds" :multi="true" :trigger-change="true"  ></j-select-depart>
+            <j-select-depart v-model="queryParam.departIds" :multi="true"  :treeOpera="true" :trigger-change="true" ></j-select-depart>
           </a-form-item>
           </a-col>
 <!--          <a-row :gutter="24">-->

src/views/system/modules/DepartWindow.vue

@@ -2,7 +2,7 @@
   <a-modal
     :width="modalWidth"
     :visible="visible"
-    title="部门搜索"
+    title="部门选择"
     :confirmLoading="confirmLoading"
     @ok="handleSubmit"
     @cancel="handleCancel"
@@ -132,6 +132,9 @@
 
       // 选择部门时作用的API
       onCheck(checkedKeys, info){
+        if (checkedKeys.checked.length>1){
+         checkedKeys.checked.shift()
+        }
         this.departList = [];
         this.checkedKeys = checkedKeys.checked;
         let checkedNodes = info.checkedNodes;
@@ -143,7 +146,7 @@
           depart.title = de.title;
           this.departList.push(depart);
         }
-        console.log('onCheck', checkedKeys, info);
+
       },
       queryDepartTree(){
         queryIdTree().then((res)=>{