element-ui 使用 el-descriptions

最新推荐文章于 2024-03-25 11:23:11 发布

大得369

最新推荐文章于 2024-03-25 11:23:11 发布

阅读量3.3k

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_34631220/article/details/131706661

版权

<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>