<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   @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,},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.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>

工作305:对选择的数值清空相关推荐

  1. Excel VBA小程序-如何快速将整个工作簿的公式转换为数值

    根据操作范围,这可以分为三种情况. ❶多工作表公式转数值 ❷多工作簿公式转数值 1.多工作表公式转数值 如果是将当前工作簿所有工作表的公式转换为数值,需要使用到VBA代码. Sub FunctionT ...

  2. android 桌面提醒功能,安卓手机桌面上使用的工作提醒软件选择哪个?

    原标题:安卓手机桌面上使用的工作提醒软件选择哪个? 安卓手机可以说是目前手机市场的主力军,很多人的手机都是安卓系统,在辅助办公方面,手机上的工具也是比较多的.比如经常出差的人会将一些比较重要的备忘事项 ...

  3. 【Windows 逆向】Cheat Engine 数据挖掘搜索方法和技巧 ( 数值类型选择 | 字符串数值类型选择 | 全部数值类型模糊选择 )

    文章目录 一.数值类型选择 二.字符串数值类型选择 三.全部数值类型模糊选择 一.数值类型选择 在 CE 中可以搜索多种数据类型 , 如下图 , 二进制 , 字节 , 2 字节 , 4 字节 , 8 ...

  4. 【职场】公子龙:在工作方向的选择上从设限到不设限

    自从步入社会之后,每当工作上遇到较大的困难.心情十分低迷的时候,整个人就会变得有些疲倦.这种情况下,有些念头就会从心底里冒出来,最常见的就是说:工作真是太辛苦了,我还是要尽快积累自己在投资理财方面的经 ...

  5. 将input file的选择的文件清空的两种解决方案

    将input file的选择的文件清空的两种解决方案 参考文章: (1)将input file的选择的文件清空的两种解决方案 (2)https://www.cnblogs.com/wangxueyin ...

  6. excel按条件选择工作表_在Excel工作表中选择“实际使用范围”

    excel按条件选择工作表 It's easy to select the current range in Excel – just press Ctrl + A. That shortcut se ...

  7. 8255a初始化c语言程序,单片机8255型号大全(工作字的选择,单片机连接,初始化程序分析)...

    描述 单片机8255型号大全(工作字的选择,单片机连接,初始化程序分析):工作字该如何选择? 1. 工作方式的控制字 例:设8255A的控制端口地址为00E6H,要把A口指定为方式1输入,C口上半部定 ...

  8. 大学生研究生毕业找工作,该选择哪个方向?

    今天在这里想简单介绍下行业的区别. 虽然都是写代码,虽然大家都叫程序员,但其实,分为很多种类.程序员大体上分为前端和后端. 因为我不懂前端,所以这里主要讲下后端吧,文末附上一份后端开发的学习路线. 而 ...

  9. 计算机一级excel单元格,在Excel工作表中选择单元格及其内容

    在工作表 (工作表:在 Excel 中用于存储和处理数据的主要文档.也称为电子表格.工作表由排列成行或列的单元格组成.工作表总是存储在工作簿中.)中,您可以选择单元格.区域 (区域:工作表上的两个或多 ...

最新文章

  1. CSSA email list
  2. git clone时出现 error:inflate:data stream error(incorrect data check)
  3. 使用方法实现数组的对调与输出
  4. windows下tomcat7+nginx1.8负载均衡
  5. Spring+Stomp+ActiveMq实现websocket长连接
  6. c#服务器上的文件怎么打印机,如何通过使用C#窗口服务通过打印机打印数据打印文本文件...
  7. Dijkstra算法(单源最短路)
  8. Atitit 深入理解耦合Coupling的原理与attilax总结
  9. 《BGP设计与实现》一2.11 总结
  10. 华硕主板升级更新BIOS版本
  11. 人脸检测 Retinaface - 数据集的处理(WIDER FACE)
  12. 室内红外线防盗报警器matlab,红外防盗报警系统毕业设计论文.doc
  13. Godot着色器基础
  14. Unicode和Python的中文处理(收藏)
  15. 爬虫爬取实时新闻标题、时间及新闻内容并保存
  16. maven移除全部依赖写法 exclude
  17. Frequency-tuned Salient Region Detection (频率调谐显著性区域检测)
  18. Stm8 串口重定向及问题解决
  19. JS中的void 0是什么意思?
  20. Java输出最大值,最小值3种方法

热门文章

  1. 个税10% 人群_人群管理如何使我们的搜索质量提高27%
  2. 《火球——UML大战需求分析》(第1章 大话UML)——1.5 小结和练习
  3. JAVA基础_修饰符
  4. APP应用 HTTP/1.0中keep-alive
  5. Json-转自菜鸟教程
  6. 通过使用CSS字体阴影效果解决hover图片时显示文字看不清的问题
  7. 用cocos2d-html5做的消除类游戏《英雄爱消除》(1)——系统主菜单
  8. Linux管道和重定向 ---多命令协作
  9. 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
  10. 嵌入式linux系统移植的四大步骤_嵌入式系统移植步骤