diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java index acbd6054a..e523dd6fc 100644 --- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java +++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java @@ -98,6 +98,15 @@ public class DemoFormController return prefix + "/invoice"; } + /** + * 标签 & 提示 + */ + @GetMapping("/labels_tips") + public String labels_tips() + { + return prefix + "/labels_tips"; + } + /** * 选项卡 & 面板 */ @@ -236,41 +245,42 @@ public class DemoFormController @GetMapping("/localrefresh") public String localRefresh(ModelMap mmap) { - JSONArray list = new JSONArray(); - JSONObject item = new JSONObject(); - item.put("name", "这条任务数据是由ModelMap传递到页面的，点击添加按钮后会将这条数据替换为新数据"); - item.put("type", "默认"); - item.put("date", "2020.06.10"); - list.add(item); - mmap.put("tasks",list); - mmap.put("min",2); - mmap.put("max",10); + JSONArray list = new JSONArray(); + JSONObject item = new JSONObject(); + item.put("name", "这条任务数据是由ModelMap传递到页面的，点击添加按钮后会将这条数据替换为新数据"); + item.put("type", "默认"); + item.put("date", "2020.06.10"); + list.add(item); + mmap.put("tasks", list); + mmap.put("min", 2); + mmap.put("max", 10); return prefix + "/localrefresh"; } - + /** * 局部刷新-添加任务 - * @param fragment 页面中的模板名称 - * @param taskName 任务名称 + * + * @param fragment 页面中的模板名称 + * @param taskName 任务名称 */ @PostMapping("/localrefresh/task") - public String localRefreshTask(String fragment,String taskName,ModelMap mmap) + public String localRefreshTask(String fragment, String taskName, ModelMap mmap) { - JSONArray list = new JSONArray(); - JSONObject item = new JSONObject(); - item.put("name", StringUtils.defaultIfBlank(taskName, "通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人")); - item.put("type", "新增"); - item.put("date", "2018.06.10"); - list.add(item); - item = new JSONObject(); - item.put("name", "提高自己电话营销技巧，灵活专业地与客户进行电话交流"); - item.put("type", "新增"); - item.put("date", "2018.06.12"); - list.add(item); - mmap.put("tasks",list); + JSONArray list = new JSONArray(); + JSONObject item = new JSONObject(); + item.put("name", StringUtils.defaultIfBlank(taskName, "通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人")); + item.put("type", "新增"); + item.put("date", "2018.06.10"); + list.add(item); + item = new JSONObject(); + item.put("name", "提高自己电话营销技巧，灵活专业地与客户进行电话交流"); + item.put("type", "新增"); + item.put("date", "2018.06.12"); + list.add(item); + mmap.put("tasks", list); return prefix + "/localrefresh::" + fragment; } - + /** * 模拟数据 */ diff --git a/ruoyi-admin/src/main/resources/templates/demo/form/labels_tips.html b/ruoyi-admin/src/main/resources/templates/demo/form/labels_tips.html new file mode 100644 index 000000000..02622e679 --- /dev/null +++ b/ruoyi-admin/src/main/resources/templates/demo/form/labels_tips.html @@ -0,0 +1,237 @@ + + + + + + +
+
+
+
+
+
徽章 (Badges)
+
+ + + + + + + + + + +
+
+
+

+ 要添加徽章，只需要在元素上添加.badge即可，改变徽章的颜色可使用如下class，如.badge-primary。 +

+

空 +

+

badge-primary +

+

badge-info +

+

badge-success +

+

badge-warning +

+

badge-danger +

+
+
+
+ +
+
+
+
标签 (Labels)
+
+ + + + + + + + + + +
+
+
+

+ 要添加徽章，只需要在元素上添加class.label即可，如果需要修改颜色，添加如下class，如.label-primary +

+

空 +

+

label-primary +

+

label-info +

+

label-success +

+

label-warning +

+

label-danger +

+
+
+
+
+ +
+
+
+
+
通知样式
+
+ + + + + + + + + + +
+
+
+
+ RuoYi是一个很棒的后台UI框架 了解更多. +
+
+ RuoYi是一个很棒的后台UI框架 了解更多. +
+
+ RuoYi是一个很棒的后台UI框架 了解更多. +
+
+ RuoYi是一个很棒的后台UI框架 了解更多. +
+
+
+
+
+
+
+
带关闭按钮的通知样式
+
+ + + + + + + + + + +
+
+
+
+ + RuoYi是一个很棒的后台UI框架 了解更多. +
+
+ + RuoYi是一个很棒的后台UI框架 了解更多. +
+
+ + RuoYi是一个很棒的后台UI框架 了解更多. +
+
+ + RuoYi是一个很棒的后台UI框架 了解更多. +
+
+
+
+
+ +
+
+
+
+
工具提示
+
+ + + + + + + + + + +
+
+
+

工具提示示例 深色背景

+
+ + + + +
+
+

工具提示 - 单击提示

+
+ + + + +
+
+
+
+ +
+ +
+ + + + diff --git a/ruoyi-admin/src/main/resources/templates/index-topnav.html b/ruoyi-admin/src/main/resources/templates/index-topnav.html index 205d20e4f..16af01cc5 100644 --- a/ruoyi-admin/src/main/resources/templates/index-topnav.html +++ b/ruoyi-admin/src/main/resources/templates/index-topnav.html @@ -103,6 +103,7 @@
  • 功能扩展
  • 拖动排序
  • 单据打印
    • +
  • 标签 & 提示
  • 选项卡 & 面板
  • 表单校验
  • 表单向导
    • diff --git a/ruoyi-admin/src/main/resources/templates/index.html b/ruoyi-admin/src/main/resources/templates/index.html index 63687fc63..bcd9a8769 100644 --- a/ruoyi-admin/src/main/resources/templates/index.html +++ b/ruoyi-admin/src/main/resources/templates/index.html @@ -85,6 +85,7 @@
  • 功能扩展
  • 拖动排序
  • 单据打印
    • +
  • 标签 & 提示
  • 选项卡 & 面板
  • 表单校验
  • 表单向导