首页 > 其他 > 详细

element 单列查询

时间:2021-04-09 23:53:17      阅读:31      评论:0      收藏:0      [点我收藏+]
//memberType字段
<el-table-column label="认证方式" :show-overflow-tooltip="true" align="center"  width="150"  :filters="[
          { text: ‘个人认证‘, value: ‘P‘ },
          { text: ‘企业认证‘, value: ‘E‘ }
        ]"
        :filter-multiple="false"
        column-key="memberType"   
        >
        <template slot-scope="scope">
          <span>{{ scope.row.memberType | memberTypeFl}}</span>
        </template>
      </el-table-column>
 
 
 
<el-table-column
        :filter-multiple="false"
        :filters="[
          { text: ‘认证通过‘, value: ‘P‘ },
          { text: ‘认证驳回‘, value: ‘R‘ },
          { text: ‘未认证‘, value: ‘u‘ },
          { text: ‘待审核‘, value: ‘W‘ }
        ]"
        column-key="auditStatus"
        label="认证状态"
        class-name="status-col"
        prop="auditStatus.desc"
        align="center"
      >
        <template slot-scope="{ row }">
          <el-tag
        v-if="row.auditStatus!==null"
            :type="row.auditStatus ? row.auditStatus[‘code‘] : ‘‘ | ApplyFilter"
          >{{ row.auditStatus ? row.auditStatus.desc : "" }}</el-tag>
        </template>
      </el-table-column>
 
 
filters: {
  
ApplyFilter(status) {
      const map = {
        P: "success",
        R: "danger",
        W: "primary",
        U: "info"
      };
      return map[status] || "primary";
  },
 
 
}

element 单列查询

原文:https://www.cnblogs.com/yoututu/p/14637045.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!