首页 > 其他分享 >nativeUI页面table列表显示,render渲染函数

nativeUI页面table列表显示,render渲染函数

时间:2024-02-19 11:58:45浏览次数:26  
标签:case return center render NTag table nativeUI type

{
        key: 'type',
        title: $t('cmdType'),
        width: 150,
        align: 'center',
        render(t) {
            switch (t.type) {
                case 2:
                    return h('span', {
                        innerText: $t('setCmd'),
                    });
                case 3:
                    return h('span', {
                        innerText: $t('readCmd'),
                    });
                case 5:
                    return h('span', {
                        innerText: $t('timingCmd'),
                    });
            }
        },
    },
  {
        key: 'confirmed',
        title: $t('device respond'),
        width: 150,
        align: 'center',
        render(t) {
            return h(
                NTag,
                {
                    type: t.confirmed == 0 ? 'error' : 'success',
                },
                () => (t.confirmed == 0 ? $t('no-respond') : $t('responded')),
            );
        },
    },
  {
    key: 'status',
    title: $t('progress'),
    align: 'center',
    width: 120,
    render(t) {
      switch (t.status) {
        case 0:
          return h(
            NTag,
            {
              type: 'info',
            },
            () => $t('in-progress'),
          );
        case 1:
          return h(
            'div',
            {
              class: 'flex flex-col gap-y-2',
            },
            [
              h(
                NTag,
                {
                  type: 'error',
                  class: 'flex items-center justify-center ',
                },
                () => $t('program-error'),
              ),
              renderErrorMsg(t),
            ],
          );
        case 2:
          return h(
            NTag,
            {
              type: 'default',
            },
            () => $t('program-cancel'),
          );
        case 3:
          return h(
            NTag,
            {
              type: 'success',
            },
            () => $t('program-download-finish'),
          );
      }
    },
  },

标签:case,return,center,render,NTag,table,nativeUI,type
From: https://www.cnblogs.com/bingMIN/p/18020759

相关文章

  • 玩转CompletableFuture线程异步编排,看这一篇就够了
    转载自:https://blog.csdn.net/w306026355/article/details/1097072691、CompletableFuture介绍CompletableFuture可用于线程异步编排,使原本串行执行的代码,变为并行执行,提高代码执行速度。学习异步编排先需要学习线程池和lambda表达式相关知识,学习线程池可以移步我的另一篇博......
  • 解决vue2中el-table表格组件的空状态过小的问题
    问题当我们使用element的表格组件的时候,空状态会变的非常瘪,就会造成页面非常难看这样很不美观解决办法可以使用插槽设置空状态,并通过css来调整空状态的样式新建一个空表格<template><div><el-table:data="tableData"stripestyle="width:100%">......
  • css table 设置记录
     td,th{padding:3px7px2px7px;font-weight:bold;--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#......
  • 【XV6】 page tables
    代码:https://github.com/JasenChao/xv6-labs.git快速获取pid-ugetpid题目要求参考已实现的ugetpid()使用USYSCALL快速获取pid。实现的思路是在每一个进程中增加一个共享页面,通过USYSCALL指定的虚拟地址,找到指定的页面。参考进程中的Trampoline页和Trapframe页。Trampoline页保......
  • [BJDCTF2020]Cookie is so stable
    [BJDCTF2020]Cookieissostable打开环境,在页面源代码中发现提示查看cookiescookie里的user的值会显示到页面中在user处尝试注入{{7*'7'}}回显7777777==>Jinja2{{7*'7'}}回显49==>Twig回显49所以是Twigpayload:{{_self.env.registerUndefinedFilterCallback("e......
  • iptables
    iptables是一个基于内核空间netfilter的用户空间工具,用于配置Linux内核的防火墙规则。钩子函数PREROUTING:在进入IP路由之前触发,就意味着只要接收到的数据包,无论是否真的发往本机,也都会触发这个钩子。它一般是用于目标网络地址转换(DestinationNAT,DNAT)。INPUT:报文经......
  • table布局为什么不用了?
    table就应该是用来做表格展示。而不应该用它做页面布局。table是一个html标签。它在老旧的项目里用来做网页布局。table布局的优点当然是四四方方,它跟网页排版有种莫名的契合感。把页面看作是一个表格来进行排版。但是,它也有它致命的缺点。就是它不够灵活自由。假如你的页面......
  • 【踩坑】Unity Android(安卓)平台 Render texture 有残留,即使调用 DiscardContents 还
    在编辑器环境下OK,打包成PC客户端也OK,但是打包成apk,在安卓手机上运行的时候就会有残留。 我的代码如下。主要是在LateUpdate()中,修改特定摄像机的cullmask,在捕捉到制定的rendertexture上(即此处的m_levelUnitRT)。 voidLateUpdate(){if(m_levelU......
  • Unity Scriptable Object概述
    如何理解ScriptableObjectScriptableObject是一种数据容器(datacontainer),通常被用来存储大量的数据,并且不依赖于类实例。换句话说,ScriptableObject本身就是一个存放数据的实例。ScriptableObject没有继承自MonoBehavior,而是继承自ScriptableObject,所以ScriptableObject不能......
  • Java并发编程-CompletableFuture(上)
    大家好,我是小高先生,这篇文章我将和大家一起学习Java并发编程中很重要的一个类-CompletableFuture。 在Java的并发编程领域,Future接口一直扮演着关键的角色,它定义了一组与异步任务执行相关的方法,包括获取异步任务的结果、取消任务执行以及检查任务是否已完成等。然而,随着业务场......