首页 > 其他分享 >vue 片区公司关联

vue 片区公司关联

时间:2022-08-18 11:25:36浏览次数:59  
标签:areaId vue companyId list 片区 关联 let type

// 片区公司关联
    const associationChange = async (areaId,companyId, type)    => {
        let list = await GetCompanyList({
            areaId:areaId,
            companyId:companyId,
            status: 1,
            pageIndex:1,
            pageSize:500,
        });
        if(list && list.data.length > 0){
            if(type == 1){
                companyOptions.value = [];
                for (let i=0;i<list.data.length;i++) {
                    let company = {
                        value:list.data[i].id,
                        label:list.data[i].name,
                    }
                    companyOptions.value.push(company);
                }
                 switch (parseInt(cateId.value)) {
                    case 1 :
                        qFormState.companyID = '';
                        break;
                    case 2 :
                        iFormState.companyID = '';
                        break;
                    case 5 :
                        hFormState.companyID = '';
                        break;
                    case 6 :
                        sFormState.companyID = '';
                        break;  
                }
            }else{
                console.log(list.data);
                switch (parseInt(cateId.value)) {
                    case 1 :
                        qFormState.areaID = list.data[0].areaId;
                        break;
                    case 2 :
                        iFormState.areaID = list.data[0].areaId;
                        break;
                    case 5 :
                        hFormState.areaID = list.data[0].areaId;
                        break;
                    case 6 :
                        sFormState.areaID = list.data[0].areaId;
                        break;  
                }
                
            }
        }else{
           companyOptions.value = [];
            switch (parseInt(cateId.value)) {
                    case 1 :
                        qFormState.companyID = '';
                        break;
                    case 2 :
                        iFormState.companyID = '';
                        break;
                    case 5 :
                        hFormState.companyID = '';
                        break;
                    case 6 :
                        sFormState.companyID = '';
                        break;  
                }
        }
    }

  

标签:areaId,vue,companyId,list,片区,关联,let,type
From: https://www.cnblogs.com/siyunianhua/p/16598039.html

相关文章

  • vue 2 坑编译系统
    errorin./src/components/NumberInfo/NumberInfo.vue?vue&type=style&index=0&id=4370c5af&lang=less&scoped=true&SyntaxError:TypeError:Cannotsetproperty'pare......
  • Vue学习笔记4-项目开发规范及插件
    Vue学习笔记4-项目开发规范及插件一、安装插件首先搜索安装ESLint和Prettier这两个插件。这里对开发规范的配置仅配置ESLint,对代码格式的配置仅配置Prettier,用于代......
  • Vue面试题03:Vue生命周期相关
    生命周期相关定义:每个Vue组件实例在创建时都需要经历一系列的初始化步骤,比如数据监测,模板编译,挂载实例到DOM,以及在数据改变时更新DOM。在此过程中会运行被称为生命......
  • 认识Vue扩展插件
    众所周知,在Vue开发中,实现一个功能可以有很多种方式可以选择,这依赖于Vue强大的功能(指令、混合、过滤等)Vue插件插件通常用来为Vue添加全局功能。插件的功能范围没......
  • vue中改变数组对象属性名名称
    letnape=[];for(leti=0;i<list.length;i++){letres=JSON.parse(JSON.stringify(list[i])......
  • vue 入门
    idea、webstorm、vsCode,都可以开发吧,脚手架vue-cli项目框架一搭建,就写代码了 --关于vue需要掌握的知识点--- 使用的开发工具是webstorm,它是默认就安装好了vuejs......
  • vue数据双向绑定
    vue数据双向绑定 <divid="app">单向数据绑定:<inputtype="text"v-bind:value="txt"><br><br>双向数据绑定:<inputtype="text"v-model:va......
  • vue学习之------vue-router【命名路由】
    命名路由的概念:就是在定义路由规则时,为当前规则去一个名称,增加name属性。name属性不能重复,必须保证唯一性~ (1)用命名路由实现声明式导航  (2)命名路由实现编程......
  • vue学习之------vue-router【编程式导航】
    通过调用API实现导航的方式,叫编程式导航。通过点击链接实现导航的方式,叫声明式导航。 (1)跳转到指定地址的API:this.$router.push('hash地址')(2)实现导航历史的前进、......
  • vue学习之------vue-router【动态路由】
    动态路由的概念:把hash地址中的可变部分用【英文冒号(:)+参数】的形式进行定义获取动态路由的参数值:(1)第一种获取方式:可以直接使用$route.params对象访问到动态匹配的参数......