From 4a3e389390353a7744c9ea9d90d27603205c2877 Mon Sep 17 00:00:00 2001
From: Argo Zhang <Argo@163.com>
Date: Fri, 19 Jul 2019 22:20:55 +0800
Subject: [PATCH] =?UTF-8?q?fix(#IZGFM):=20=E5=AD=97=E5=85=B8=E8=A1=A8?=
 =?UTF-8?q?=E7=BB=B4=E6=8A=A4=E4=BD=BF=E7=94=A8=E4=B8=8B=E6=8B=89=E6=A1=86?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#Comment
comment #IZGFM

#Issue
close https://gitee.com/LongbowEnterprise/dashboard/issues?id=IZGFM
---
 Bootstrap.Admin/Views/Admin/Dicts.cshtml | 31 +++++++++++++++---------
 Bootstrap.Admin/wwwroot/js/dicts.js      |  2 +-
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/Bootstrap.Admin/Views/Admin/Dicts.cshtml b/Bootstrap.Admin/Views/Admin/Dicts.cshtml
index 04c7377c..df23f03a 100644
--- a/Bootstrap.Admin/Views/Admin/Dicts.cshtml
+++ b/Bootstrap.Admin/Views/Admin/Dicts.cshtml
@@ -3,6 +3,9 @@
     ViewBag.Title = "字典表维护";
     Layout = "_Default";
 }
+@section css {
+    <link href="~/lib/longbow-select/longbow-select.css" rel="stylesheet" />
+}
 @section javascript {
     <environment include="Development">
         <script src="~/lib/bootstrap-3-typeahead/bootstrap3-typeahead.js"></script>
@@ -10,6 +13,7 @@
     <environment exclude="Development">
         <script src="~/lib/bootstrap-3-typeahead/bootstrap3-typeahead.min.js"></script>
     </environment>
+    <script src="~/lib/longbow-select/longbow-select.js"></script>
     <script src="~/js/dicts.js" asp-append-version="true"></script>
 }
 @section query {
@@ -25,13 +29,15 @@
             </div>
             <div class="form-group form-group-dropdown col-sm-6 col-md-auto">
                 <label class="control-label" for="txt_dict_define">字典类别</label>
-                <div class="dropdown">
-                    <button id="txt_dict_define" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button>
+                <div class="form-select" data-toggle="lgbSelect">
+                    <input type="hidden" data-toggle="lgbSelect" id="txt_dict_define" />
+                    <input type="text" readonly="readonly" class="form-control form-select-input" placeholder="请选择 ...">
+                    <span class="form-select-append"><i class="fa fa-angle-up"></i></span>
+                    <div class="dropdown-menu-arrow"></div>
                     <div class="dropdown-menu">
-                        <a href="#" data-val="">全部</a>
-                        <div class="dropdown-divider"></div>
-                        <a href="#" data-val="0">系统使用</a>
-                        <a href="#" data-val="1">自定义</a>
+                        <a class="dropdown-item" href="#" data-val="">全部</a>
+                        <a class="dropdown-item" href="#" data-val="0">系统使用</a>
+                        <a class="dropdown-item" href="#" data-val="1">自定义</a>
                     </div>
                 </div>
             </div>
@@ -67,13 +73,16 @@
                     <label class="control-label" for="dictCode">字典代码</label>
                     <input type="text" class="form-control flex-sm-fill" id="dictCode" placeholder="不可为空，2000字以内" maxlength="2000" data-valid="true" />
                 </div>
-                <div class="form-group form-group-dropdown col-12">
+                <div class="form-group col-12">
                     <label class="control-label" for="dictDefine">字典类型</label>
-                    <div class="dropdown">
-                        <button id="dictDefine" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown" data-default-val="1">全部</button>
+                    <div class="form-select" data-toggle="lgbSelect">
+                        <input type="hidden" data-toggle="lgbSelect" id="dictDefine" data-default-val="1" />
+                        <input type="text" readonly="readonly" class="form-control form-select-input" placeholder="请选择 ...">
+                        <span class="form-select-append"><i class="fa fa-angle-up"></i></span>
+                        <div class="dropdown-menu-arrow"></div>
                         <div class="dropdown-menu">
-                            <a href="#" data-val="0">系统使用</a>
-                            <a href="#" data-val="1">自定义</a>
+                            <a class="dropdown-item" href="#" data-val="0">系统使用</a>
+                            <a class="dropdown-item" href="#" data-val="1">自定义</a>
                         </div>
                     </div>
                 </div>
diff --git a/Bootstrap.Admin/wwwroot/js/dicts.js b/Bootstrap.Admin/wwwroot/js/dicts.js
index 38b3ebb5..1644ae05 100644
--- a/Bootstrap.Admin/wwwroot/js/dicts.js
+++ b/Bootstrap.Admin/wwwroot/js/dicts.js
@@ -17,7 +17,7 @@ $(function () {
                 { title: "字典标签", field: "Category", sortable: true },
                 { title: "字典名称", field: "Name", sortable: true },
                 { title: "字典代码", field: "Code", sortable: true },
-                { title: "字典分类", field: "Define", sortable: true, formatter: function (value) { return value === "0" ? "系统使用" : "自定义"; } }
+                { title: "字典分类", field: "Define", sortable: true, formatter: function (value) { return value === 0 ? "系统使用" : "自定义"; } }
             ],
             exportOptions: {
                 fileName: "数据字典",