当前位置:   article > 正文

element-ui 使用 el-descriptions_el-descriptions-item

el-descriptions-item
  1. <el-descriptions :column="2" border size="mini" style="margin-top: 10px;" :labelStyle="{width: '123px'}" :contentStyle="{width:'42%'}">
  2. <el-descriptions-item label="选择项目">
  3. <el-select size="mini" v-model="pindex_id" filterable clearable placeholder="选择项目" style="width:100%">
  4. <el-option key="" label="全部" value=""></el-option>
  5. <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
  6. </el-select>
  7. </el-descriptions-item>
  8. <el-descriptions-item label="收入类型">
  9. <el-select v-model="ChargeItemInTypeID" size="mini" clearable multiple filterable collapse-tags style="width:100%" placeholder="收入类型">
  10. <el-option v-for="(item,index) in list2" :key="item.id" :label="item.name" :value="item.id" v-if="index != 0"></el-option>
  11. </el-select>
  12. </el-descriptions-item>
  13. <el-descriptions-item label="费用类别">
  14. <el-select v-model="ChargeItemClassID" size="mini" clearable multiple filterable collapse-tags style="width:100%" placeholder="费用类别">
  15. <el-option v-for="(item,index) in list1" :key="item.id" :label="item.name" :value="item.id" v-if="index != 0"></el-option>
  16. </el-select>
  17. </el-descriptions-item>
  18. <el-descriptions-item label="收费类型">
  19. <el-select v-model="ChargeitemNameId" size="mini" clearable multiple filterable collapse-tags style="width:100%" placeholder="收费类型">
  20. <el-option v-for="item in types" :key="item.id" :label="item.chargeItem_name" :value="item.id"></el-option>
  21. </el-select>
  22. </el-descriptions-item>
  23. <el-descriptions-item label="搜索名称">
  24. <el-input size="mini" style="width:100%" placeholder="请输入搜索名称" v-model="search" clearable></el-input>
  25. </el-descriptions-item>
  26. <el-descriptions-item label="">
  27. </el-descriptions-item>
  28. </el-descriptions>

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/434730
推荐阅读
相关标签
  

闽ICP备14008679号