当前位置: 首页 > article >正文

element-ui 使用 el-descriptions

<el-descriptions :column="2" border size="mini" style="margin-top: 10px;" :labelStyle="{width: '123px'}" :contentStyle="{width:'42%'}">
          <el-descriptions-item  label="选择项目">
            <el-select size="mini" v-model="pindex_id" filterable clearable placeholder="选择项目" style="width:100%">
              <el-option key="" label="全部" value=""></el-option>
              <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-descriptions-item>
          <el-descriptions-item label="收入类型">
            <el-select v-model="ChargeItemInTypeID" size="mini" clearable multiple filterable collapse-tags style="width:100%" placeholder="收入类型">
             <el-option v-for="(item,index) in list2" :key="item.id" :label="item.name" :value="item.id" v-if="index != 0"></el-option>
           </el-select>
          </el-descriptions-item>
          <el-descriptions-item label="费用类别">
            <el-select v-model="ChargeItemClassID" size="mini" clearable multiple filterable collapse-tags style="width:100%" placeholder="费用类别">
              <el-option v-for="(item,index) in list1" :key="item.id" :label="item.name" :value="item.id" v-if="index != 0"></el-option>
            </el-select>
          </el-descriptions-item>
          <el-descriptions-item label="收费类型">
            <el-select v-model="ChargeitemNameId" size="mini" clearable multiple filterable collapse-tags style="width:100%" placeholder="收费类型">
              <el-option v-for="item in types" :key="item.id" :label="item.chargeItem_name" :value="item.id"></el-option>
            </el-select>
          </el-descriptions-item>
          <el-descriptions-item label="搜索名称">
            <el-input size="mini" style="width:100%" placeholder="请输入搜索名称" v-model="search" clearable></el-input>
          </el-descriptions-item>
          <el-descriptions-item label="">
          </el-descriptions-item>
        </el-descriptions>

 


http://www.kler.cn/a/37309.html

相关文章:

  • Spring FrameWork从入门到NB - ApplicationContext
  • 【力扣算法13】之 12. 整数转罗马数字 python
  • Web前端 Day 5
  • tomcat第1章 tomcat介绍、安装、部署项目
  • 2023-07-14 monetdb-嵌入mysql-提供数据查询接口-需求记录
  • k8s中clickhouse导出导入遇到的问题记录
  • ResizableSheet, SafeAreaInset 的使用
  • html实现多种风格的时间轴(附源码)
  • SSM项目前后端分离+IDEA运行环境(含前端源码)(个人博客系统)
  • 并行计算框架Polars、Dask的数据处理性能对比
  • 基于Matlab电池组模型仿真(附上完整源码+说明文档)
  • 如何将一个目录下的所有md文件导出成pdf
  • WSL2 及 docker开发环境搭建
  • 常用API学习01(Java)
  • redis事务-pipeline-lua三者区别简单概括
  • C#基础学习_集合中对象的动态排序
  • spring-java面向切面拦截器
  • C/C++服务器和客户端交互笔记
  • MySQL (select查询的基本用法及select相关练习)
  • Linux操作系统——第五章 进程信号