精华内容
下载资源
问答
  • 多部门联动
    2022-06-16 09:28:34

    全部代码 

    <template>
      <div style="float:left">
        <el-select v-model="big" placeholder="请选择一级单位" @change="getSecBumen(big)" style="width: 150px;">
          <el-option
              v-for="item in bigTypes"
              :key="item.name"
              :label="item.name"
              :value="item.id"
              clear>
          </el-option>
        </el-select>
        <el-select v-model="middle" placeholder="请选择二级单位" @change="getSecBumenName(middle)" class="ml-5" style="width: 150px;">
          <el-option
              v-for="item in middleTypes"
              :key="item.name"
              :label="item.name"
              :value="item.id">
          </el-option>
        </el-select>
      </div>
    </template>
    
    <script>
    export default {
      name: "bumen",
      data() {
        return {
          danwei:'',
          secdanwei:'',
          big: '',
          bigTypes: [],
          middle: '',
          middleTypes: [],
          dataList: [],
        }
      },
      created() {
        this.request.get("/bumen").then(res =>{
          this.dataList = res
          this.bigTypes = this.filterByType(this.dataList);
    
        })
      },
      methods:{
        getSecBumen(id) {
          this.danwei = this.dataList[id-1].name
          this.middle = ''
          this.middleTypes = this.filterByID(this.dataList,id)
          this.$emit('child-firstdanwei',this.danwei);
        },
        getSecBumenName(id){
          this.secdanwei =  this.dataList[id-1].name
          this.$emit('child-secdanwei',this.secdanwei);
        },
        filterByType(aim) {
          return aim.filter(item => item.categoryType == 'BIG')
        },
        filterByID(aim,id) {
          return aim.filter(item => item.parentId == id)
        },
        reset(){
          this.big = ''
          this.middle = ''
        }
      }
    }
    </script>
    

    filter过滤器实现单位筛选

    filterByType(aim) {
          return aim.filter(item => item.categoryType == 'BIG')
        },
    filterByID(aim,id) {
          return aim.filter(item => item.parentId == id)
        }

     

    更多相关内容
  • 救援现场多部门联动研究-论文.zip
  • 大数据-算法
  • WCO框架下多部门联动推进跨境电商可持续发展模式探讨
  • WCO框架下多部门联动推进跨境电商可持续发展模式探讨.pdf
  • 微信联动菜单 部门 岗位关系 选择器 简单易懂的小dome 代码量非常少 可以直接使用
  • 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匹配数据

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

    展开全文
  • 各主要气象灾害的部门联动与社会响应措施.pdf
  • 市级联动部门工作情况汇报.docx
  • 小程序picker 二级联动。需要的拿走,只为减少弯路。js文件中为了更方便看到效果所以直接把json 贴出来,通过 JSON.parse(json) 转成对象。正常的应该是通过接口返回的,各位做成动态的要把这个代码去掉,拼装成这样...
  • 煤矿应急救援系统是一个系统、领域、多部门系统运作的体系,为保证发生事故时救援的及时性、可靠性、准确性,煤矿应急救援系统的运作协调能力必须达到一定的水平。在分析了煤矿井下危害因素的基础上,重点介绍了...
  • 0依赖,只需引用一个js和css即可 ...一个页面同时实例化个组件 jquery zepto vue 均适用 支持最多6级级联 支持设置高度和高度单位 适用于android和iOS设备(PC端支持IE9+,不过PC端上滑动体验不太实用)
  • 用Ajax实现从城市-公司-部门的三级联动,同时使用BlockUI来实现页面的Ajax请求过程的loading图片显示
  • 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>
    
    展开全文
  • java之用Ajax技术实现三级联动&&&部门员工网页表格小案例 主要注重理解Ajax原理
  • 关于oracle数据库的三级联动应用,城市到部门到员工到员工信息,包括源代码,数据库文件。
  • vue下拉el-select三级联动 举个例子:公司-部门-人员 vue页面中: <el-select v-model="companyid" placeholder="请选择公司" @change="changeset"> <el-option v-for="item in companylist" :key=...

    vue下拉el-select三级联动

    举个例子:公司-部门-人员

    vue页面中:

      <el-select v-model="companyid" placeholder="请选择公司" @change="changeset">
          <el-option
            v-for="item in companylist"
            :key="item.value"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        </el-select>
        <el-select
          v-model="departmentid"
          placeholder="请选择部门"
          :disabled="disabled"
          @change="changesetper"
        >
          <el-option
            v-for="item in departmentlist"
            :key="item.value"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        </el-select>
        <el-select
          v-model="personid"
          placeholder="请选择人员"
          :disabled="disabled1"
        >
          <el-option
            v-for="item in personlist"
            :key="item.value"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        </el-select>
    
    data() {
        return {
          //公司
          companyid: null,
          companylist: [],
          //部门
          departmentid: null,
          departmentlist: [],
          //部门禁用
          disabled: true,
          //人员
          personid: null,
          personlist: [],
          //人员禁用
          disabled1: true,
        };
      },
    
    
    
      mounted() {
          //获取公司数据
         this.getcompanylist();
      },
    
      methods: {
       //模拟公司数据
        getcompanylist() {
          let data = [
            {
              id: 1,
              name: "江西",
            },
            {
              id: 2,
              name: "湖南",
            },
          ];
          this.companylist = data;
        },
        changeset() {
          //当切换选择公司时需要清空部门、人员
          this.departmentlist = [];
          this.personid = null;
          this.personlist = [];
          // 模拟部门数据
          let data = [
            {
              id: 1,              //部门Id
              name: "江西研发部1",
              companyid: 1,       //公司id
            },
            {
              id: 2,
              name: "江西市场部1",
              companyid: 1,
            },
    
            {
              id: 3,
              name: "湖南研发部2",
              companyid: 2,
            },
    
            {
              id: 4,
              name: "湖南市场部2",
              companyid: 2,
            },
          ];
          if (!!this.companyid) {
            //当公司ID不为空
            this.departmentid = [];
            this.disabled = false;
            //遍历部门下拉框数据
            data.forEach((e) => {
              if (e.companyid == this.companyid) {
                this.departmentlist.push(e);
              }
            });
            //设置默认选中第一个部门
            if (this.departmentlist.length > 0) {
              this.personlist = [];
              this.departmentid = this.departmentlist[0].id;
              //获取人员下拉框数据
              let data = [
                { id: 1, name: "江西研发部小张1", departmentid: 1 }, //id:人员id      																	   //departmentid:部门id
                { id: 2, name: "江西研发部小李1", departmentid: 1 },
                { id: 3, name: "江西市场部小王2", departmentid: 2 },
                { id: 4, name: "江西市场部小蒋2", departmentid: 2 },
                { id: 5, name: "湖南研发部小陆3", departmentid: 3 },
                { id: 6, name: "湖南研发部小夏3", departmentid: 3 },
                { id: 7, name: "小王4", departmentid: 4 },
                { id: 8, name: "小蒋4", departmentid: 4 },
              ];
    		  //遍历data里面的数据
              data.forEach((e) => {
                if (e.departmentid == this.departmentid) {
                  //符合条件的push进人员
                  this.personlist.push(e);
                }
              });
              this.disabled1 = false;
            }
          } else {
            //选中的部门为空,则清空人员列表  部门列表
            this.departmentlist = [];
            this.disabled = true;
            this.disabled1 = true;
            this.personlist = [];
          }
        },
    	//切换部门
        changesetper() {
          this.personlist = [];
          this.personid = null;
          if (!!this.departmentid) {
            this.disabled1 = false;
            //部门下拉框选中获取人员数据
            let data = [
              { id: 1, name: "江西研发部小张1", departmentid: 1 }, //id:人员id      																		 //departmentid:部门id
              { id: 2, name: "江西研发部小李1", departmentid: 1 },
              { id: 3, name: "江西市场部小王2", departmentid: 2 },
              { id: 4, name: "江西市场部小蒋2", departmentid: 2 },
              { id: 5, name: "湖南研发部小陆3", departmentid: 3 },
              { id: 6, name: "湖南研发部小夏3", departmentid: 3 },
              { id: 7, name: "小王4", departmentid: 4 },
              { id: 8, name: "小蒋4", departmentid: 4 },
            ];
    
            data.forEach((e) => {
              if (e.departmentid == this.departmentid) {
                this.personlist.push(e);
              }
            });
            //设置人员默认选中
            if (this.personlist.length > 0) {
              this.personid = this.personlist[0].id;
            }
          } else {
            //部门下拉框为空  ,清空数据
            this.departmentlist = [];
            this.disabled1 = true;
          }
        },
      },
    
    展开全文
  • 我们描述了在Kähler势具有平坦的充气子方向的模型... 具有平坦方向Kähler势,充气子Φ和稳定器S属于隐藏扇区的模型提供了满足所有要求条件的最简单的理论,因此物质场与Kähler的通货膨胀部门没有直接耦合 势和超势。
  • 原标题:那种很牛逼的图表联动,究竟是怎么做出来的?VIP学员从网上看到一张很牛逼的动态图表,只要选择月份,左边的圆环图和右边的柱形图都会随着变化,感觉很神奇,这种究竟是怎么做出来的呢? 其实,做这种动态...
  • IBM基于Web2.0的易捷版应急联动指挥系统基于Lotus Quickr、Lotus Connections、Lotus Sametime、WebSphere Portal、IBM Mashup Center以及Lotus Forms等产品,构建了应急管理部门统一协调指挥、多部门联动响应的平台...
  • layui下拉框联动查询效果

    千次阅读 2020-04-13 23:42:32
    之前有这么一个功能,需要设计一个联动效果来联动几个选择框,假设这里是院系-专业-班级,又或者省-市-县,又或者一级部门-二级部门等等的,一个下拉框选择联动另一个下拉框,其实都是异曲同工之妙。 解决方案 *. ...
  • 使机械手技术快速发展,其中气动机械手系统由于其介质来源简便以及不污染环境、组件价格低廉、维修方便和系统安全可靠等特点,已渗透到工业领域的各个部门,在工业发展中占有重要地位。本文讲述的气动机械手有气控...
  • 1 概述 进入新时期后,信息化手段正在全方面渗透于智能城市的全方面建设中,而与之有关的消防系统也具备了智能化的显著特征。然而不应当忽视,当前多数消防...与此同时,设备联动系统还设置了综合性的感光、感温..
  • 关键词: 联动关系设计 问题解决 联动控制系统是建筑自动消防设施的灵魂,直接影响到建筑自动消防设施的防灭火效能,因此越来越受到施工、使用单位及消防监督部门的重视。目前,联动关系混乱不清、设置错误的工程...
  • 使用vue框架实现部门大区二级联动

    千次阅读 2017-11-02 09:30:52
    最近项目用到vue.js,研究了半天,用vue写了一个部门大区的二级联动,发现工具真是好用,比以前少了很代码,记录下来也方便自己以后查阅,下面是代码 $(function(){ loadfirst(0); }); function sub(id){ ...
  • 某会议管理系统的“会议通知发送”模块说明如下:(1)行政管理人员可以给某个或某些员工(Employee)发送会议通知,比如周六要通知员工A和员工B加班,该系统就会向员工A和B发通知,...(2)如果员工或者部门希望能够...
  • 使机械手技术快速发展,其中气动机械手系统由于其介质简便以及不污染环境、组件价格低廉、维修方便和系统安全可靠等特点,已渗透到工业领域的各个部门,在工业发展中占有重要地位。本文讲述的气动机械手有气控机械手...
  • json实现部门二级联动

    千次阅读 2015-07-30 19:46:23
    * 部门员工二级菜单联动,根据传来的部门id查找出部门下的员工信息,把这个员工结果集返回到添加页面 *  * @throws Exception */ public void departmentuser() throws Exception { List<User> ...
  • layui实现三级联动的方法:...最后通过layui模块实现三级联动即可。本教程操作环境:windows10系统、layui2.5.6版,该方法适用于所有品牌电脑。基于layui的三级联动模块1.html的页面代码如下:请选择省请选择市请选...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,455
精华内容 6,182
关键字:

多部门联动