工作309:selectaccount方法接收值

<template><div><!--选择账号 选择账号的具体页面 选择添加账号--><el-button icon="el-icon-plus" size="medium" @click="open" :disabled="viewMode">添加账号</el-button><!--title表示标题 close表示取消--><el-dialog@open="open"title="选择账号":visible.sync="visible"@close="cancel"width="70%":append-to-body="true"><!--单选框和多选框选择 控制内容分类--><el-form ref="account" :model="query" label-width="140px"><el-form-item label="平台分类"><!-- <el-checkbox v-model="checked1" label="备选项1" border></el-checkbox><el-checkbox v-model="checked2" label="备选项2" border></el-checkbox> --><!--v-model默认绑定:value="query.content_type"  @change="query.content_type = $event.target.value"--><grid-radio@change="ListQuery"v-model="query.platrorm_channel":border="true":options="platform_category"/></el-form-item><el-form-item label="平台选择"><!--  <el-checkbox v-model="checked1" label="备选项1" border></el-checkbox><el-checkbox v-model="checked2" label="备选项2" border></el-checkbox> --><grid-radco@change="ListRuery"v-model="query.platform":border="true":options="this.description"/></el-form-item><el-form-item label="部门选择"><!-- <el-checkbox v-model="checked1" label="备选项1" border></el-checkbox><el-checkbox v-model="checked2" label="备选项2" border></el-checkbox> --><grid-radeo@change="ListCuery"v-model="query.department":border="true":options="this.departmentList2"/></el-form-item></el-form><div style="float: left;"><!--子代方法有一个·传值传向父级 onselect去接收这个值--><select-account  :checkedData.sync="checkedData1" @seletct="onSelect" /></div><div style="clear: both"></div><template v-slot:footer><el-button @click="cancel">取 消</el-button><el-button type="primary" @click="confirm">确 定</el-button></template></el-dialog></div>
</template><script>
import GridRadco from "@/component/radio/GridRadco";
import GridRadeo from "@/component/radio/GridRadeo";
import GridRadio from "@/component/radio/GridRadio";
import AccountCard from "./AccountCard";
import SelectAccount from "./SelectAccount";
import {getAction} from "@/api";export default {name: "AccountFilterSelect",/*引入三个组件*/components: { SelectAccount, AccountCard, GridRadio,GridRadeo,GridRadco },data() {return {departmentList2:[],description:[],visible: false,width: {label: 4,content: 20,},checkedData1:[],platform_category:[],query: {},/*传值传到当前的界面进行保存*/accountList: []};},props:["viewMode"],methods: {ListCuery(){getAction("/account/list",{query:{platrorm_channel: '',platrorm_category:'',department_id:this.query.department,},}).then(res=>{console.log(res)this.accountList=res.data})},ListRuery(){getAction("/account/list",{query:{platrorm_channel: '',platrorm_category:this.query.platform,department_id:'',},}).then(res=>{console.log(res)this.accountList=res.data})},ListQuery(){console.log(1)getAction("/account/list",{query:{platrorm_channel: this.query.platrorm_channel,platrorm_category:'',department_id:'',}}).then(res=>{console.log(res)this.accountList=res.data})},/*控制弹窗的开启 控制弹框得开启*/open() {this.checkedData1=[],this.query={}console.log(this)/*动态渲染content_type接口*/getAction("/dict/list",{dict_code: "platform_category"}).then(res=>{this.platform_category=res.dataconsole.log(this.platform_category)})/*动态渲染content_type接口*/getAction("/department/publish_permission",).then(res=>{console.log(res)this.departmentList2=res.data})getAction("/account/plugin_list").then(res=>{console.log(res)this.description=res.data})this.visible = true;},/*通过confirm'继续向上传值*/confirm() {this.$emit("select", this.accountList);this.close();},/*取消就调用close 点击close就将识别取消按钮*/cancel() {this.close();},/*定义一个close得 调用取消*/close() {this.$emit("close");this.visible = false;},onSelect(data){/*把子级传入的值*/console.log(data)this.accountList = data;}}
};
</script><style lang="scss" scoped></style>

工作309:selectaccount方法接收值相关推荐

.net mvc actionresult 返回字符串_072-SpringMVC后端控制器接收参数、处理器方法返回值类型、拦截器、文件上传下载...
1. 注解式开发之annotation-driven解释 (1) mvc注解驱动在哪个文件中配置? 在springmvc中配置 (2) 配置mvc注解驱动使用哪个标签? 2. 注解式开发之视图解析器 ...
java在枚举方法中调方法_java – 值方法如何在枚举中工作
在Enum中value()方法如何工作? values()方法背后的逻辑是什么? 在我的项目中,我们将所有枚举数据缓存在Map中,如下所示: public enum Actions { CREATE( ...
disable属性导致后台接收值为null解决方法
disable属性导致后台接收值为null 类似问题解决办法 1.在提交的时候将disabled属性remove掉((加载页面的时候设置表单属性disabled=true,提交表单的时候设置表单属性 ...
Java执行引擎工作原理：方法调用
Java执行引擎工作原理:方法调用方法调用如何实现函数指针和指针函数 CallStub源码详解 Git链接(有HotSpot源码) 1 方法调用如何实现计算机核心三大功能:方法调用.取指.运算 ...
【Groovy】集合遍历 ( 使用 for 循环遍历集合 | 使用集合的 each 方法遍历集合 | 集合的 each 方法返回值分析 )
文章目录一.使用 for 循环遍历集合二.使用 each 方法遍历集合三.集合的 each 方法返回值分析四.完整代码示例一.使用 for 循环遍历集合使用 for 循环 , 遍历集合 , ...
数组作为方法返回值_返回地址
package com.learn.day05.demo03;/* 一个方法可以有0.1.多个参数:但是只能有0或者1个返回值,不能有多个返回值. 如果希望一个方法当中产生了多个结果数据进行返回,怎么 ...
Eclipse更改默认工作目录的方法
参考: Eclipse更改默认工作目录的方法:http://blog.163.com/take_make/blog/static/208212210201272611406227/ 用记事本打开&qu ...
Centos5.5几种提高工作效率的方法
Centos5.5几种提高工作效率的方法 1.通常在bash下输入不必把命令输入完全,bash就能判断出用户所要输入的命令,例如假设当前的目录包含以下文件和子目录 $ls zh888/ myblog ...
【web开发】☆★之利用POI操作Excel表格系列教程【6】遍历工作簙行和列取值
[web开发]☆★之利用POI操作Excel表格系列教程[6]遍历工作簙行和列取值 package com.xiaoye.demo; import java.io.FileInputStream; i ...

工作309:selectaccount方法接收值

工作309:selectaccount方法接收值相关推荐

最新文章

热门文章