vue+element中表格显示不同的状态

curlyCheng 发布于2019-08-23 18:19 / 1783人阅读

摘要：实现效果如下下拉选择中有不同的选项表格中也会显示多种状态搜索中表单内容工单状态请选择表格中状态内容显示工单状态查看详情在中定义因为在很多地方用到已派装维已预约已回执待归档已归档待转派待撤单已撤单

实现效果如下:下拉选择中有不同的选项,表格中也会显示多种状态

搜索中 input表单内容

表格中状态内容显示

gzdStateList 在config中定义,因为在很多地方用到

    const config = {
        gzdStateList: {
            0: "已派装维",
            1: "已预约",
            2: "已回执（待归档）",
            3: "已归档",
            4: "待转派",
            5: "待撤单",
            6: "已撤单",
            },  
    }
export default config

超融合服务器服务器托管 ECS生命周期中的稳定状态 java中线程的四种状态显示不同效果显示当前状态

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105043.html

vue+element中,根据状态的不同,表格中操作行按钮的显示隐藏问题

摘要：后台管理系统中需要做出如下的功能根据状态的不同表格中操作行按钮显示不同当前行结构如下操作催办转安装单撤单转派中的数据显示按钮催办显示按钮转安装单显示按钮撤单显示按钮转派获取列表数据当前行的值在数组存在就显示当前按后台管理系统中需要做出如下的功能,根据状态的不同,表格中操作行按钮显示不同showImg(https://segmentfault.com/img/bVbtBbX?w=922...

xumenger 2019-08-23 17:59 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 评论0 收藏0
element使用心得

摘要：常用属性解释数据过滤，过滤器检测指标上述，使用的过滤器，但是在表格中无法直接使用的属性，需要在里面添加过滤器。 Table Table 常用属性解释数据过滤，filter过滤器 {{ scope.row.projects | getIndex }} //上述，使用 Vue 的过滤器，但是在表格中无法直接使用table的prop属性，需要在template里...

meislzhua 2019-08-23 12:23 评论0 收藏0