管理系统列表和详情配置

Caicloud 发布于2019-08-21 18:33 / 1303人阅读

摘要：简介通过配置文件，直接生成列表和列表详情配置文件是格式配置完成后可以生成预览需要后端支持按一定的格式返回数据农户姓名农户手机号作物请选择全部白菜黄瓜远程作物请选择拜访时间请选择时间拜访时间请选择时间拜访时间请选择时间输

简介： 通过配置json文件，直接生成列表和列表详情

配置文件是json格式

配置完成后可以生成预览

需要后端支持按一定的格式返回数据

config.json

{
    "filterBar": {
        "isShow": true,
        "items": [{
            "type": 1,
            "label": "",
            "field": "farmerName",
            "placeholder": "农户姓名",
            "defaultValue": ""
        }, {
            "type": 1,
            "label": "",
            "field": "farmerPhone",
            "placeholder": "农户手机号",
            "defaultValue": ""
        }, {
            "type": 2,
            "label": "作物",
            "field": "crops",
            "placeholder": "请选择",
            "defaultValue": "-1",
            "selectOptions": [{
                "label": "全部",
                "value": "-1"
            }, {
                "label": "白菜",
                "value": "0"
            }, {
                "label": "黄瓜",
                "value": "1"
            }] 
        }, {
            "type": 2,
            "label": "远程作物",
            "field": "remoteCrops",
            "url": "/management/tool/getAllCrops",
            "placeholder": "请选择",
            "defaultValue": "-1",
            "selectOptions": [] 
        }, {
            "type": 3,
            "label": "拜访时间",
            "field": "visitTime",
            "placeholder": "请选择时间",
            "defaultValue": "2017-01-01"
        }, {
            "type": 3,
            "label": "拜访时间",
            "field": "visitTime",
            "placeholder": "请选择时间",
            "defaultValue": ["2017-01-01", "2017-01-05"]
        }, {
            "type": 3,
            "label": "拜访时间",
            "field": "visitTime",
            "placeholder": "请选择时间",
            "defaultValue": ["2017-01-01", "now"]
        }],
        "typeConfig": {
            "输入框": 1,
            "下拉选择": 2,
            "时间选择": 3
        }
    },
    "table": {
        "url": "/management/visit/getVisitList",
        "queryParams": {
            "farmerName": "",
            "farmerPhone": "",
            "storeName": "",
            "belongUserPhone": ""
        },  
        "columns": [{
            "title": "门店名称",
            "field": "storeName"
        }, {
            "title": "地址",
            "field": "detailAddress"
        }]
    },
    "detail": {
        "isShow": true,
        "tip": "提示信息",
        "url": "/management/visit/getVisitList",
        "queryParams": {
            "farmerName": "",
            "farmerPhone": "",
            "storeName": "",
            "belongUserPhone": ""
        }, 
        "columns": [{
            "type": 1,
            "label": "作物",
            "field": "cropsName"
        }, {
            "type": 2,
            "label": "门店照片",
            "field": "storeUrl"
        }],
        "operatioins": [{
            "btnText": "审核通过",
            "url": "/management/visit/getVisitList",
            "queryParams": {
                "farmerName": "",
                "farmerPhone": "",
                "storeName": "",
                "belongUserPhone": ""
            }
        }],
        "typeConfig": {
            "文本": 1,
            "图片": 2
        }
    }
}

list.vue

filter-bar.vue

持续完善中...

GPU云服务器云服务器普通和列表显示饥荒服务器配置列表 python列表和元组文档管理系统功能列表

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

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

[爬虫手记] 我是如何在3分钟内开发完一个爬虫的

摘要：前言开发爬虫是一件有趣的事情。的可配置爬虫是基于的，因此天生是支持并发的。遵守协议这个默认是开启的。的可配置爬虫降低了爬虫的开发时间，增加了爬虫开发效率，完善了工程化水平，将爬虫工程师从日常的繁琐配置工作中解放出来。前言开发爬虫是一件有趣的事情。写一个程序，对感兴趣的目标网站发起HTTP请求，获取HTML，解析HTML，提取数据，将数据保存到数据库或者存为CSV、JSON等格式，再...

sushi 2019-07-31 10:28 评论0 收藏0
[爬虫手记] 我是如何在3分钟内开发完一个爬虫的

摘要：前言开发爬虫是一件有趣的事情。的可配置爬虫是基于的，因此天生是支持并发的。的可配置爬虫降低了爬虫的开发时间，增加了爬虫开发效率，完善了工程化水平，将爬虫工程师从日常的繁琐配置工作中解放出来。前言开发爬虫是一件有趣的事情。写一个程序，对感兴趣的目标网站发起HTTP请求，获取HTML，解析HTML，提取数据，将数据保存到数据库或者存为CSV、JSON等格式，再用自己熟悉的语言例如Python对...

YorkChen 2019-05-27 17:40 评论0 收藏0
社交系统 ThinkSNS+ V2.1.1 更新播报

摘要：感谢大家一致对团队和产品的支持，我们在路上。拥有多个功能模块，全方位覆盖系统所需，微博朋友圈即时聊天直播论坛资讯活动频道圈子问答打赏等主流社交功能应有尽有。价格梯度多样，根据您的项目需求灵活选型运用，支持深度灵活二次开发。研发发布版本号： V2.1.1 更新发布时间：2018年11月9日发布类型：功能优化、BUG修复 ThinkSNS＋最新体验demo：请于官网下载/安装最新版或点...

zr_hebo 2019-07-01 10:55 评论0 收藏0
【负载均衡 ULB】ULB，VServer，服务节点的操作指南

摘要：绑定解绑进入负载均衡页面，可对外网绑定的外网弹性进行以下操作。负载均衡算法监听器对数据包的负载方式服务节点一般情况，添加服务节点是需要在监听器创建完成后再进行。禁用服务节点后，现存的长连接不会断开。，点击确定，即完成批量禁用服务节点。创建ULB操作步骤1、进入负载均衡 ULB页面。2，点击创建负载均衡进行ULB实例创建。3、填写配置信息，进行ULB实例创建。详细配置说明见下方。4，点击立即购...

Tecode 2022-06-28 19:00 评论0 收藏0
UCloud MySQL云数据库操作指南

摘要：二进制日志是记录对数据发生或潜在发生更改的语句，并以二进制的形式保存。删除配置文件删除配置文件配置文件支持删除操作。在配置文件列表页选中需要删除的配置文件，选中删除即可完成删除操作。UCloud MySQL云数据库操作指南基本操作启动MySQL实例如果要启动处于关闭状态的MySQL实例，首先选择需要启动的MySQL实例，在列表右侧点击启动按钮，弹出的确认对话框选择确定...

raoyi 2019-03-19 15:13 评论0 收藏0