精华内容
下载资源
问答
  • WCO框架下多部门联动推进跨境电商可持续发展模式探讨.pdf
  • jeecgBoot 部门联动

    2021-05-06 17:46:30
    需求:实现部门层级之间的联动 方法:通过jeecg数据库的字段实现,id与对应的parent_id 代码如下: <a-col :span="24"> <a-form-model-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" ...

    基于jeecgboot框架

    需求:实现部门层级之间的联动

    方法:通过jeecg数据库的字段实现,id与对应的parent_id

    代码如下:

    <a-col :span="24">
                <a-form-model-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="deprtId">
                  <j-dict-select-tag v-model="model.deprtId" dictCode="sys_depart,depart_name,id,(org_type = '2')" />
                </a-form-model-item>
              </a-col>
              <a-col :span="24">
                <a-form-model-item label="所在班组" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wcgId">
                  <j-dict-select-tag v-model="model.wcgId" :dictCode="`sys_depart,depart_name,id,(parent_id = '${model.deprtId}' )`" />
                </a-form-model-item>
              </a-col>
              <a-col :span="24">
                <a-form-model-item label="岗位名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="postId">
                  <j-dict-select-tag v-model="model.postId" :dictCode="`sys_depart,depart_name,id,(parent_id = '${model.wcgId}' )`" />
                </a-form-model-item>
              </a-col>
    

    解释:

    • j-dict-select-tag :封装过的部门组件

    • dictCode :用来匹配规则

    • sys_depart,depart_name,id,(org_type = ‘2’) :匹配到想要的表。再根据括号内数据表字段的判断匹配想要的数据,,这个就是匹配 org_type 为 2 的数据。

    • 关键代码:
      :dictCode="`sys_depart,depart_name,id,(parent_id = '${model.deprtId}' )` `"
      jeecg中数据表根据parent_id和id区分层级,所以根据parent_id匹配数据

    写法:注意冒号和 ` 以及${ }

    展开全文
  • 微信联动菜单 部门 岗位关系 选择器 简单易懂的小dome 代码量非常少 可以直接使用
  • vue部门三级联动组件

    2019-05-13 21:38:25
    这个是一个部门的三级联动,有需要的可以参考下 //当前组件名为arealink <template> <el-row :span="10"> <el-col :span="8"> <el-select v-model="area" :placeholder="areaName" :...

    这个是一个部门的三级联动,有需要的可以参考下

    //当前组件名为arealink
    <template>
      <el-row :span="10">
        <el-col :span="8">
          <el-select v-model="area" :placeholder="areaName" :disabled="areaFlag" @change="changeArea">
            <el-option v-for="item in areaData" :key="item.id" :label="item.name" :value="item.id"></el-option>
          </el-select>
        </el-col>
        <el-col :span="8">
          <el-select
            v-model="group"
            :placeholder="groupName"
            :disabled="groupFlag"
            @change="changeGroup"
          >
            <el-option v-for="item in groupData" :key="item.id" :label="item.name" :value="item.id"></el-option>
          </el-select>
        </el-col>
        <el-col :span="8">
          <el-select
            v-model="member"
            :placeholder="memberName"
            :disabled="memberFlag"
            @change="changeMember"
          >
            <el-option
              v-for="item in memberData"
              :key="item.userId"
              :label="item.username"
              :value="item.userId"
            ></el-option>
          </el-select>
        </el-col>
      </el-row>
    </template>
    

    上面这部分是html部分

    <script>
    import { mapGetters } from "vuex";
    import { getTeachersByDeptId } from "@/api/teachers";
    export default {
    //因为我这个项目设计到权限问题,总经理以上才有所有的权限,大区只有大区以下的权限,
    //组长只有组长以下的权限,组员是不能选择的,因此需要在父组件中传入三个disabled变量来进行权限判断
      props: {
        //   部门id
        deptId: {
          type: Number,
          required: true
        },
        // 角色id
        roleId: {
          type: Number,
          required: true
        },
        // 用户id
        userId: {
          type: Number,
          required: true
        },
        // 大区
        areaName: {
          type: String,
          required: true
        },
        // 组长
        groupName: {
          type: String,
          required: true
        },
        //成员
        memberName: {
          type: String,
          required: true
        },
        //禁用组员id
        disabledMemberId: {
          type: Number,
          required: true
        },
        //禁用组长id
        disabledGroupId: {
          type: Number,
          required: true
        },
        //禁用大区id
        disabledAreaId: {
          type: Number,
          required: true
        }
      },
      data() {
        return {
          area: "",
          group: "",
          member: "",
          areaData: [],
          groupAllData: [], //所有的组长
          memberAllData: [], //所有的组员
          groupData: [], //过滤后的组长
          memberData: [], //过滤后的组员
          areaFlag: false,
          groupFlag: false,
          memberFlag: false
        };
      },
      created() {
        this.getList();
      },
      methods: {
        /**
         * @description 获取所有的大区/组长/成员列表数据
         * @description groupAllData 所有的组长 memberAllData 所有的组员
         * @description groupData 过滤后的组长 memberData 过滤后的组员
         * @param {Number} id: 部门id
         */
        async getList() {
        //这个接口可以获取当前部门所有的成员列表
          const result = await getTeachersByDeptId(this.deptId);
          if (result.data.data.child) {
            //所有大区
            this.areaData = result.data.data.child;
            this.areaData.map(item => {
              //所有组长
              this.groupAllData.push(...item.child);
            });
            this.groupAllData.map(item => {
              //所有成员
              this.memberAllData.push(...item.users);
            });
            this.initData(
              this.areaData,
              this.roleId,
              this.disabledMemberId,
              this.disabledGroupId,
              this.disabledAreaId
            );
          }
        },
    
        /**
         * @description 初始化获取部门数据处理
         */
        initData( listData,roleId,disabledMemberId,disabledGroupId, disabledAreaId) {
          //组员
          listData.forEach(area => {
            //禁用大区大区经理只有大区以下的权限,需要禁用大区
            area.users.forEach(item => {
              if (item.userId == this.userId) {
                this.areaFlag = true;
                this.area = area.id;
              }
            });
            area.child.forEach(group => {
            //判断成员角色,组员,需要禁用所有下拉选项
              if (roleId == disabledMemberId) {
                this.areaFlag = true;
                this.groupFlag = true;
                this.memberFlag = true;
              }
              if (group.id == this.useId) {
                this.area = area.id;
                this.group = group.id;
              }
              group.users.forEach(member => {
              /判断成员角色,组长,需要禁用大区,组长下拉选项
                if (roleId == disabledGroupId) {
                  this.areaFlag = true;
                  this.groupFlag = true;
                  this.memberFlag = false;
                }
                if (member.userId == this.useId) {
                  this.area = area.id;
                  this.group = group.id;
                  this.member = member.userId;
                }
              });
            });
          });
        },
        /**
         * @description 清空组长及成员
         */
        changeArea() {
          this.group = null;
          this.member = null;
        },
        /**
         * @description 清空成员
         */
        changeGroup() {
          this.member = null;
        },
        changeMember() {}
      },
      watch: {
        area(newVal, oldVal) {
          //大区
          this.groupData = this.groupAllData.filter(item => {
            return item.parentId == newVal;
          });
        },
        group(newVal, oldVal) {
          //组长
          this.memberAllData = this.groupAllData.filter(item => {
            return item.id == newVal;
          });
          this.memberData =
            this.memberAllData.length && this.memberAllData[0].users;
        }
      }
    };
    </script>
    
    
    //父组件调用
    //userId 当前用户的userid
    //roleId当前用户的角色id
    //disabledMemberId 17 组员
    //disabledGroupId 18 组长
    //disabledAreaId 19 大区经理
    <arealink
        :deptId="1"
         :userId="userId"
         :roleId="getRoleId"
         areaName="销售大区"
         groupName="销售组"
         memberName="销售个人"
         :disabledMemberId="17"
         :disabledGroupId="18"
         :disabledAreaId="19"
       ></arealink>
    
    展开全文
  • javascrip语言怎么实现两个下拉框的联动?小组和部门怎么联动,可以从数据库获取么?
  • 部门员工-下拉列表联动

    千次阅读 2017-10-10 11:04:04
    简单的二级下拉列表联动,仅供参考
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>下拉列表联动</title>
    </head>
    <body>
    	<select id="bumen" οnchange="chooseyg()">
    		<option>--请选择--</option>
    	</select>
    	<select id="yuangong">
    		<option>--请选择--</option>
    	</select>
    	<script>
    		var bumen = document.getElementById("bumen");
    		var yuangong = document.getElementById("yuangong");
    		var bumens = [ '部门1', '部门2' ];// 后台请求		
    		for (var i = 0; i < bumens.length; i++) {//初始化部门
    			bumen.innerHTML += '<option value="'+bumens[i]+'">' + bumens[i]
    					+ '</option>';
    		}
    		//选择员工
    		function chooseyg() {
    			// 根据bumen.value后台请求
    			yuangong.innerHTML = '<option>--请选择--</option>';
    			for (var i = 1; i <= 5; i++) {
    				yuangong.innerHTML += '<option value="'+i+'">' + bumen.value
    						+ '里的员工' + i + '</option>';
    			}
    		}
    	</script>
    </body>
    </html>
    

    展开全文
  • 医药行业点评报告:集采后国内医药产业趋势研究系列-重点监控药品目录出台,部门联动促公立医院改革.pdf
  • 使用vue框架实现部门大区二级联动

    千次阅读 2017-11-02 09:30:52
    最近项目用到vue.js,研究了半天,用vue写了一个部门大区的二级联动,发现工具真是好用,比以前少了很代码,记录下来也方便自己以后查阅,下面是代码 $(function(){ loadfirst(0); }); function sub(id){ ...

    最近项目用到vue.js,研究了半天,用vue写了一个部门大区的二级联动,发现工具真是好用,比以前少了很多代码,记录下来也方便自己以后查阅,下面是代码

    <script type="text/javascript">
        $(function(){
            loadfirst(0);
        });
    		
        function sub(id){
    	loadfirst(id);
        }	
    		
        function loadfirst(pid){
    	$.ajax({
    	    type:"post",
    	    url:"testurl.action?pid="+pid,
    	    dataType:"json",
    	    success:function(data){
                    //id为0时为父类
                   if(pid==0){
    	            vm.mcs=data;								
    	        }else{
    	            vm2.mcs=data;
    	        }
                }		
            });	
        }
    </script>
      </head>
      <body>
        <div id="sel"  v-cloak>
            //部门,第一个select框
           <select id="dqsel" >
        		<option>-请选择-</option>
        		<option v-for="mc in mcs" v-bind:value="mc.id" @click="sub(mc.id)">{{mc.name}}</option>
        	</select>  	
            //大区,第二个select框
        	<select id="bmsel">
        		<option>-请选择-</option>
        		<option v-for="mc in mcs" v-bind:value="mc.id">{{mc.name}}</option>
        	</select>
        </div>   
      </body>
      <script type="text/javascript">
    	var vm = new Vue({
                el:'#dqsel',
    	    data:{
                    mcs : [],
    	    }
    	});
    		
    	var vm2 = new Vue({
    	    el:'#bmsel',
    	    data:{
    		 mcs : [],
                }
    	});		
      </script>
    //测试类
    public class test {
    	private int id;			//主键
    	
    	private String name;	//名称
    	private int pid;		//父id,当为0时是顶级父类
    	
    	public int getId() {
    		return id;
    	}
    	public String getName() {
    		return name;
    	}
    	public int getPid() {
    		return pid;
    	}
    	public void setId(int id) {
    		this.id = id;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	public void setPid(int pid) {
    		this.pid = pid;
    	}	
    }
    
    
    
    
    
    
    

    testurl查询的是pid为从页面传过去的值的集合,第一次是0,查询的是所有顶级父类,第二次会根据第一次select框选中的id到后台查询数据库中pid为该id的集合,三级联动以此类推

    PS:发现空格和Tap缩进区别好大,习惯用tap缩进,复制到编辑器直接乱。以后要注意

    展开全文
  • 用Ajax实现从城市-公司-部门的三级联动,同时使用BlockUI来实现页面的Ajax请求过程的loading图片显示
  • json实现部门二级联动

    千次阅读 2015-07-30 19:46:23
    * 部门员工二级菜单联动,根据传来的部门id查找出部门下的员工信息,把这个员工结果集返回到添加页面 *  * @throws Exception */ public void departmentuser() throws Exception { List<User> ...
  • 关于oracle数据库的三级联动应用,城市到部门到员工到员工信息,包括源代码,数据库文件。
  • 公司 部门 二级联动的JS

    千次阅读 2012-08-01 16:18:34
    公司名称: --请选择-- 部门名称: --请选择-- $(function(){  $("#co
  • 1.从数据库读取部门的数据    部  门          DeptModel[] depts = (DeptModel[])request.getAttribute("dept");    if(depts != null &&
  • { header: '部门名称', key: 'department_name', width: 20 }, // D4 { header: '岗位名称', key: 'post_name', width: 20 }, // E5 { header: '身份证号', key: 'id_no', width: 20 }, // 6 { header: '出生...
  • IBM基于Web2.0的易捷版应急联动指挥系统基于Lotus Quickr、Lotus Connections、Lotus Sametime、WebSphere Portal、IBM Mashup Center以及Lotus Forms等产品,构建了应急管理部门统一协调指挥、多部门联动响应的平台...
  • 当前位置:我的异常网» Java Web开发»我要实现用户联动,在选择部门的时候,刷新左边的区我要实现用户联动,在选择部门的时候,刷新左边的区域,右边的区域不刷新,如何做,我待www.myexceptions.net网友分享于:...
  • java之用Ajax技术实现三级联动&&&部门员工网页表格小案例 主要注重理解Ajax原理
  • 网上查的代码都是城市联动的 对于后台和ajax不知道怎么写 求大神指点 或是让看看代码
  • 煤矿应急救援系统是一个系统、领域、多部门系统运作的体系,为保证发生事故时救援的及时性、可靠性、准确性,煤矿应急救援系统的运作协调能力必须达到一定的水平。在分析了煤矿井下危害因素的基础上,重点介绍了...
  • layui下拉框联动查询效果

    千次阅读 2020-04-13 23:42:32
    之前有这么一个功能,需要设计一个联动效果来联动几个选择框,假设这里是院系-专业-班级,又或者省-市-县,又或者一级部门-二级部门等等的,一个下拉框选择联动另一个下拉框,其实都是异曲同工之妙。 解决方案 *. ...
  • jquery三级联动

    2013-12-03 18:03:09
    这是我自己在项目中实现的Jquery三级联动,选择机构,出来部门,选择部门出来下一级部门
  • JQ实现二级联动菜单的实现

    千次阅读 2016-11-10 15:20:26
    jquery实现二级联动菜单的简单实现 1.html代码 提交修改 2.网页视图: 未添加jq效果前,第一个select随意变换option,第二个select显示的只是‘我的
  • Jquery 多级联动

    2015-11-16 11:05:59
    jquery中的多级联动非常的常见,比如设置用户或者某个物品所在的省市地区,比如公司里设置员工复杂的部门体系 以三级联动为例,实现起来大概需要这么几个步骤
  • 由于项目需求,需要在三个ASPxComboBox控件实现联动查询,前一个控件的数据源决定后一个控件的数据源,并且后一个控件的选项会随前一个控件选中值的变化而变化。 我们先编写前台界面功能代码 <table> <tr&...
  • [color=#FF0000]s=JSONSerializer.toJSON(companynamelist).toString(); PrintWriter pw = res.getWriter(); pw.write(s);[/color] ...这样可以传到前台web页面吗? 我这样,ajax都 都到error了,进不到success里。
  • 二级联动、三级联动

    2017-06-10 14:55:25
    在写项目的时候,很时候都会用到二级联动和三级联动,今天给大家上传下代码。 下载地址 : http://download.csdn.net/detail/yp18810420654/9852052 一、小功能是用SpringMVC mybatis 写的,配置文件复制之前...
  • 联动DropDownList等源码

    2010-02-08 08:49:39
    部门人员联动 项目模块联动(示例) 使用技术 JavaScript IHttpHandler 注意事项 Page Add EnableEventValidation="false“ XMLHttpRequest的readyState与status值含义 * 0 (未初始化) 200 –(OK) * 1 (正在装载) ...
  • <script language="JavaScript" type="text/javascript">ChangeSelect('0','office1','',Office,'==部门==')  onchange="ChangeSelect(this.value,'City002','',City2)" style="width:100px"> ...
  • ; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> Insert title here $(function(){ $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,586
精华内容 4,234
关键字:

多部门联动