element 单列查询

//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";
  },
 
 
}
posted @   Smile浅笑  阅读(147)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示