前端那些事20240123-前端那些事-详情展示样式el-row和el-descriptions对比

最新推荐文章于 2024-05-13 14:48:43 发布

前端歌谣

最新推荐文章于 2024-05-13 14:48:43 发布

阅读量423

点赞数 11

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_41632427/article/details/135763131

版权

2024-vue2vue3-前端那些事专栏收录该内容

312 篇文章 1 订阅

订阅专栏

    <div style="padding: 0 10px 10px">
      <el-descriptions class="margin-top" title="" :column="3" size="mini">
        <el-descriptions-item label="棒材报检单编号">{{
          tableDetailList.inspNo || "暂无"
        }}</el-descriptions-item>
        <el-descriptions-item label="报检日期">{{
          tableDetailList.inspTime || "暂无"
        }}</el-descriptions-item>
        <el-descriptions-item label="报检人">{{
          tableDetailList.inspUser || "暂无"
        }}</el-descriptions-item>
         <el-descriptions-item label="收货人">{{
          tableDetailList.deliveryUser || "暂无"
        }}</el-descriptions-item>
        <el-descriptions-item label="收货日期">{{
          tableDetailList.deliveryTime || "暂无"
        }}</el-descriptions-item>
        <el-descriptions-item label="供应商">{{
          tableDetailList.suppier || "暂无"
        }}</el-descriptions-item>
      </el-descriptions>
    </div>
    <el-row>
      <el-col :span="8">
        棒材报检单编号:{{ tableDetailList.inspNo || "无" }}
      </el-col>
      <el-col :span="8">
        报检日期:{{ tableDetailList.inspTime || "无" }}
      </el-col>
      <el-col :span="8"> 报检人:{{ tableDetailList.inspUser || "无" }} </el-col>
      <el-col :span="8">
        收货人:{{ tableDetailList.deliveryUser || "无" }}
      </el-col>
      <el-col :span="8">
        收货日期:{{ tableDetailList.deliveryTime || "无" }}
      </el-col>
      <el-col :span="8"> 供应商:{{ tableDetailList.suppier || "无" }} </el-col>
    </el-row>