From 2180501efda5463ecbc4bc6886407014379bef37 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Thu, 23 Apr 2026 17:43:57 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E5=91=98=E6=9D=83=E7=9B=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../admin/controller/wdsxh/member/Rights.php | 42 + .../admin/view/wdsxh/member/level/add.html | 122 +- .../admin/view/wdsxh/member/level/edit.html | 122 +- .../admin/view/wdsxh/member/rights/add.html | 61 + .../admin/view/wdsxh/member/rights/edit.html | 61 + .../admin/view/wdsxh/member/rights/index.html | 46 + public/assets/addons/wdsxh/css/business.css | 485 +-- public/assets/addons/wdsxh/css/public.css | 1016 ++--- public/assets/css/backend.css | 3291 +++++++++-------- .../assets/js/backend/wdsxh/member/rights.js | 53 + 10 files changed, 2816 insertions(+), 2483 deletions(-) create mode 100755 application/admin/controller/wdsxh/member/Rights.php create mode 100755 application/admin/view/wdsxh/member/rights/add.html create mode 100755 application/admin/view/wdsxh/member/rights/edit.html create mode 100755 application/admin/view/wdsxh/member/rights/index.html create mode 100755 public/assets/js/backend/wdsxh/member/rights.js diff --git a/application/admin/controller/wdsxh/member/Rights.php b/application/admin/controller/wdsxh/member/Rights.php new file mode 100755 index 0000000..fda59c1 --- /dev/null +++ b/application/admin/controller/wdsxh/member/Rights.php @@ -0,0 +1,42 @@ + www.maiwd.cn +// +---------------------------------------------------------------------- + +namespace app\admin\controller\wdsxh\member; + +use app\common\controller\Backend; + +/** + * 会员列表 + * + * @icon fa fa-circle-o + */ +class Rights extends Backend +{ + public function _initialize() + { + parent::_initialize(); + } + + + + /** + * 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法 + * 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑 + * 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改 + */ + + public function index() + { + $statusList = []; + $this->assign('statusList',$statusList); + return $this->view->fetch(); + } +} diff --git a/application/admin/view/wdsxh/member/level/add.html b/application/admin/view/wdsxh/member/level/add.html index 9e32adf..9bb03dd 100644 --- a/application/admin/view/wdsxh/member/level/add.html +++ b/application/admin/view/wdsxh/member/level/add.html @@ -1,45 +1,77 @@ -
- -
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
- {foreach name="statusList" item="vo"} - - {/foreach} -
- -
-
-
- -
- -
-
-
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+ +
+ +
+ + +
+
+ +
+ +
+
+ +
+ + +
+ +
+
    +
    +
    + + + +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    + +
    + +
    + {foreach name="statusList" item="vo"} + + {/foreach} +
    + +
    +
    +
    + +
    + +
    +
    +
    diff --git a/application/admin/view/wdsxh/member/level/edit.html b/application/admin/view/wdsxh/member/level/edit.html index 42428d6..6baa8fc 100644 --- a/application/admin/view/wdsxh/member/level/edit.html +++ b/application/admin/view/wdsxh/member/level/edit.html @@ -1,45 +1,77 @@ -
    - -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    - -
    - -
    - {foreach name="statusList" item="vo"} - - {/foreach} -
    - -
    -
    -
    - -
    - -
    -
    -
    +
    + +
    + +
    + +
    +
    +
    + +
    + +
    +
    + +
    + +
    + + +
    +
    + +
    + +
    +
    + +
    + + +
    + +
    +
      +
      +
      + + + +
      + +
      + +
      +
      +
      + +
      + +
      +
      +
      + +
      + +
      + {foreach name="statusList" item="vo"} + + {/foreach} +
      + +
      +
      +
      + +
      + +
      +
      +
      diff --git a/application/admin/view/wdsxh/member/rights/add.html b/application/admin/view/wdsxh/member/rights/add.html new file mode 100755 index 0000000..440789e --- /dev/null +++ b/application/admin/view/wdsxh/member/rights/add.html @@ -0,0 +1,61 @@ +
      + +
      + +
      + +
      +
      + +
      + +
      + +
      +
      + +
      + +
      +
      + +
      + + +
      + +
      +
        +
        +
        + +
        + +
        +
        + + + +
        +
        +
        + +
        + +
        + +
        +
        + +
        + +
        + +
        +
        +
        \ No newline at end of file diff --git a/application/admin/view/wdsxh/member/rights/edit.html b/application/admin/view/wdsxh/member/rights/edit.html new file mode 100755 index 0000000..440789e --- /dev/null +++ b/application/admin/view/wdsxh/member/rights/edit.html @@ -0,0 +1,61 @@ +
        + +
        + +
        + +
        +
        + +
        + +
        + +
        +
        + +
        + +
        +
        + +
        + + +
        + +
        +
          +
          +
          + +
          + +
          +
          + + + +
          +
          +
          + +
          + +
          + +
          +
          + +
          + +
          + +
          +
          +
          \ No newline at end of file diff --git a/application/admin/view/wdsxh/member/rights/index.html b/application/admin/view/wdsxh/member/rights/index.html new file mode 100755 index 0000000..89019ce --- /dev/null +++ b/application/admin/view/wdsxh/member/rights/index.html @@ -0,0 +1,46 @@ +
          + +
          + {:build_heading(null,FALSE)} + +
          + + +
          +
          +
          +
          +
          + + {:__('Add')} + {:__('Edit')} + + + + + + + + + + + + + +
          + +
          +
          +
          + +
          +
          +
          diff --git a/public/assets/addons/wdsxh/css/business.css b/public/assets/addons/wdsxh/css/business.css index 34ce906..7fe0b45 100644 --- a/public/assets/addons/wdsxh/css/business.css +++ b/public/assets/addons/wdsxh/css/business.css @@ -1,241 +1,244 @@ -.business-container { - display: flex; - flex-direction: column; - min-height: 100vh; -} - -.business-container .container-main { - flex: 1; - padding: 2rem 0 2.5rem; -} - -.business-container .container-main .main-content .cont-item { - margin-top: 1rem; - cursor: pointer; - background: #fff; - padding: 1rem; - border-radius: .5rem; -} - -.business-container .container-main .main-content .cont-item:first-child { - margin-top: 0; -} - -.business-container .container-main .main-content .cont-item .item-header .header-info { - overflow: hidden; - flex: 1; -} - -.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar { - width: 2rem; - height: 2rem; - border-radius: 50%; -} - -.business-container .container-main .main-content .cont-item .item-header .header-info .info-box { - flex: 1; - overflow: hidden; -} - -.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name { - margin-left: .5rem; - font-weight: 600; - font-size: 1rem; - line-height: 1.375rem; - color: #5A5B6E; - max-width: 45%; -} - -.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag { - margin-left: .5rem; - font-size: .875rem; - line-height: 1.25rem; - color: #666666; -} - -.business-container .container-main .main-content .cont-item .item-header .header-btn { - font-size: .75rem; - line-height: 1rem; - text-align: center; - color: #FFFFFF; - padding: .375rem .75rem; - border-radius: .25rem; - background: var(--main-color); - margin-left: .5rem; -} - -.business-container .container-main .main-content .cont-item .item-title { - margin-top: 1.5rem; - font-weight: 600; - font-size: 1rem; - line-height: 1.375rem; - color: #5A5B6E; - transition: color .3s; -} - -.business-container .container-main .main-content .cont-item .item-subtitle { - font-size: .875rem; - line-height: 1.25rem; - color: #5A5B6E; - margin-top: .75rem; - -webkit-line-clamp: 2; -} - -.business-container .container-main .main-content .cont-item .item-box { - margin-top: 1rem; -} - -.business-container .container-main .main-content .cont-item .item-box .box-single { - flex: 1; -} - -.business-container .container-main .main-content .cont-item .item-box .box-single .image { - width: 16.75rem; - height: 7.5rem; - border-radius: .5rem; - overflow: hidden; -} - -.business-container .container-main .main-content .cont-item .item-box .box-single .image img { - width: 100%; - height: 100%; - transition: transform .3s; -} - -.business-container .container-main .main-content .cont-item .item-box .box-multiple { - flex: 1; - margin-top: -0.75rem; - margin-left: -0.75rem; -} - -.business-container .container-main .main-content .cont-item .item-box .box-multiple .image { - width: 7.5rem; - height: 7.5rem; - margin-top: .75rem; - margin-left: .75rem; - border-radius: .5rem; - overflow: hidden; -} - -.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img { - width: 100%; - height: 100%; - transition: transform .3s; -} - -.business-container .container-main .main-content .cont-item:hover .item-title { - color: var(--main-color); -} - -.business-container .container-main .main-code { - display: none; - background: #fff; - padding: 2rem; - border-radius: .5rem; -} - -.business-container .container-main .main-code .code-title { - color: #333; - font-size: 1.5rem; - font-weight: bold; - line-height: 2.125rem; - text-align: center; -} - -.business-container .container-main .main-code .code-tips { - color: #8D8D8D; - font-size: 1rem; - line-height: 1.375rem; - text-align: center; -} - -.business-container .container-main .main-code .code-image { - width: 100%; - max-height: 17.5rem; - max-width: 17.5rem; - margin: 1rem auto; -} - -@media screen and (max-width: 767px) { - .business-container .container-main { - padding: 2rem 0; - } - .business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar { - width: 3rem; - height: 3rem; - border-radius: 50%; - } - .business-container .container-main .main-content .cont-item .item-header .header-info .info-box { - height: 3rem; - flex-direction: column; - align-items: flex-start !important; - justify-content: space-between; - flex: 1; - } - .business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name, - .business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag { - max-width: 100%; - width: calc(100% - .75rem); - margin-left: .75rem; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - .business-container .container-main .main-content .cont-item .item-header .header-btn { - font-size: .75rem; - line-height: 1rem; - text-align: center; - color: #FFFFFF; - padding: .375rem .75rem; - border-radius: .25rem; - background: var(--main-color); - } - .business-container .container-main .main-content .cont-item .item-title { - margin-top: .75rem; - height: auto; - } - .business-container .container-main .main-content .cont-item .item-box { - margin-top: .75rem; - } - .business-container .container-main .main-content .cont-item .item-box .box-single .image { - width: 100%; - height: 0; - padding-top: 48%; - position: relative; - } - .business-container .container-main .main-content .cont-item .item-box .box-single .image img { - position: absolute; - top: 0; - left: 0; - } - .business-container .container-main .main-content .cont-item .item-box .box-multiple .image { - width: calc(100% / 3 - 0.5rem); - height: 0; - padding-top: calc(100% / 3 - 0.5rem); - position: relative; - margin-left: .5rem; - } - .business-container .container-main .main-content .cont-item .item-box .box-multiple .image img { - position: absolute; - top: 0; - left: 0; - } - .business-container .container-main .main-content .cont-item:hover .item-title { - color: #8D929C; - } - .business-container .container-main .main-code { - padding: 1rem; - } - .business-container .container-main .main-code .code-title { - font-size: 1.25rem; - line-height: 2rem; - } - .business-container .container-main .main-code .code-tips { - font-size: 1rem; - line-height: 1.25rem; - } - .business-container .container-main .main-code .code-image { - max-height: 15rem; - max-width: 15rem; - } -} +.business-container { + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.business-container .container-main { + flex: 1; + padding: 2rem 0 2.5rem; +} + +.business-container .container-main .main-content .cont-item { + margin-top: 1rem; + cursor: pointer; + background: #fff; + padding: 1rem; + border-radius: .5rem; +} + +.business-container .container-main .main-content .cont-item:first-child { + margin-top: 0; +} + +.business-container .container-main .main-content .cont-item .item-header .header-info { + overflow: hidden; + flex: 1; +} + +.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar { + width: 2rem; + height: 2rem; + border-radius: 50%; +} + +.business-container .container-main .main-content .cont-item .item-header .header-info .info-box { + flex: 1; + overflow: hidden; +} + +.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name { + margin-left: .5rem; + font-weight: 600; + font-size: 1rem; + line-height: 1.375rem; + color: #5A5B6E; + max-width: 45%; +} + +.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag { + margin-left: .5rem; + font-size: .875rem; + line-height: 1.25rem; + color: #666666; +} + +.business-container .container-main .main-content .cont-item .item-header .header-btn { + font-size: .75rem; + line-height: 1rem; + text-align: center; + color: #FFFFFF; + padding: .375rem .75rem; + border-radius: .25rem; + background: var(--main-color); + margin-left: .5rem; +} + +.business-container .container-main .main-content .cont-item .item-title { + margin-top: 1.5rem; + font-weight: 600; + font-size: 1rem; + line-height: 1.375rem; + color: #5A5B6E; + transition: color .3s; +} + +.business-container .container-main .main-content .cont-item .item-subtitle { + font-size: .875rem; + line-height: 1.25rem; + color: #5A5B6E; + margin-top: .75rem; + -webkit-line-clamp: 2; +} + +.business-container .container-main .main-content .cont-item .item-box { + margin-top: 1rem; +} + +.business-container .container-main .main-content .cont-item .item-box .box-single { + flex: 1; +} + +.business-container .container-main .main-content .cont-item .item-box .box-single .image { + width: 16.75rem; + height: 7.5rem; + border-radius: .5rem; + overflow: hidden; +} + +.business-container .container-main .main-content .cont-item .item-box .box-single .image img { + width: 100%; + height: 100%; + transition: transform .3s; +} + +.business-container .container-main .main-content .cont-item .item-box .box-multiple { + flex: 1; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +.business-container .container-main .main-content .cont-item .item-box .box-multiple .image { + width: 7.5rem; + height: 7.5rem; + margin-top: .75rem; + margin-left: .75rem; + border-radius: .5rem; + overflow: hidden; +} + +.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img { + width: 100%; + height: 100%; + transition: transform .3s; +} + +.business-container .container-main .main-content .cont-item:hover .item-title { + color: var(--main-color); +} + +.business-container .container-main .main-code { + display: none; + background: #fff; + padding: 2rem; + border-radius: .5rem; +} + +.business-container .container-main .main-code .code-title { + color: #333; + font-size: 1.5rem; + font-weight: bold; + line-height: 2.125rem; + text-align: center; +} + +.business-container .container-main .main-code .code-tips { + color: #8D8D8D; + font-size: 1rem; + line-height: 1.375rem; + text-align: center; +} + +.business-container .container-main .main-code .code-image { + width: 100%; + max-height: 17.5rem; + max-width: 17.5rem; + margin: 1rem auto; +} + +@media screen and (max-width: 767px) { + .business-container .container-main { + padding: 2rem 0; + } + .business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar { + width: 3rem; + height: 3rem; + border-radius: 50%; + } + .business-container .container-main .main-content .cont-item .item-header .header-info .info-box { + height: 3rem; + flex-direction: column; + align-items: flex-start !important; + justify-content: space-between; + flex: 1; + } + .business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name, + .business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag { + max-width: 100%; + width: calc(100% - .75rem); + margin-left: .75rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .business-container .container-main .main-content .cont-item .item-header .header-btn { + font-size: .75rem; + line-height: 1rem; + text-align: center; + color: #FFFFFF; + padding: .375rem .75rem; + border-radius: .25rem; + background: var(--main-color); + } + .business-container .container-main .main-content .cont-item .item-title { + margin-top: .75rem; + height: auto; + } + .business-container .container-main .main-content .cont-item .item-box { + margin-top: .75rem; + } + .business-container .container-main .main-content .cont-item .item-box .box-single .image { + width: 100%; + height: 0; + padding-top: 48%; + position: relative; + } + .business-container .container-main .main-content .cont-item .item-box .box-single .image img { + position: absolute; + top: 0; + left: 0; + } + .business-container .container-main .main-content .cont-item .item-box .box-multiple .image { + width: calc(100% / 3 - 0.5rem); + height: 0; + padding-top: calc(100% / 3 - 0.5rem); + position: relative; + margin-left: .5rem; + } + .business-container .container-main .main-content .cont-item .item-box .box-multiple .image img { + position: absolute; + top: 0; + left: 0; + } + .business-container .container-main .main-content .cont-item:hover .item-title { + color: #8D929C; + } + .business-container .container-main .main-code { + padding: 1rem; + } + .business-container .container-main .main-code .code-title { + font-size: 1.25rem; + line-height: 2rem; + } + .business-container .container-main .main-code .code-tips { + font-size: 1rem; + line-height: 1.25rem; + } + .business-container .container-main .main-code .code-image { + max-height: 15rem; + max-width: 15rem; + } +} + + + diff --git a/public/assets/addons/wdsxh/css/public.css b/public/assets/addons/wdsxh/css/public.css index 1920e86..4560345 100644 --- a/public/assets/addons/wdsxh/css/public.css +++ b/public/assets/addons/wdsxh/css/public.css @@ -1,508 +1,508 @@ -:root { - --main-color: inherit; -} - -body { - background: #F4F6FB; -} - -.col-2 { - flex: 14%; - max-width: 14%; - padding: 0; -} - -.col-8 { - flex: 72%; - max-width: 72%; - padding: 0; -} - -.container-fluid { - opacity: 0; -} - -.container-header { - position: sticky; - top: 0; - z-index: 999; -} - -.component-header .header-top { - background: var(--main-color); - color: #fff; - font-size: .875rem; - line-height: 1.25rem; - padding: .5rem 0; -} - -.component-header .header-nav { - background: #fff; - padding: .75rem 0; -} - -.component-header .header-nav .nav-logo { - text-align: center; - text-decoration: none; - margin-right: 1rem; -} - -.component-header .header-nav .nav-logo img { - width: auto; - height: 3rem; - margin-right: .75rem; -} - -.component-header .header-nav .nav-logo .title { - color: #333; - font-size: 1rem; - font-weight: 600; - line-height: 1.5rem; - margin-bottom: 0; -} - -.component-header .header-nav .nav-box { - margin-bottom: 0; -} - -.component-header .header-nav .nav-box .nav-item a { - display: inline-block; - padding: 0.5rem 1rem; - color: #333; - transition: color .3s; - text-decoration: none; -} - -.component-header .header-nav .nav-box .nav-item.active a { - color: var(--main-color); -} - -.component-header .header-nav .nav-box .nav-item:hover a { - color: var(--main-color); -} - -.component-header .header-nav .nav-mobile { - display: none; -} - -.component-header .header-nav .nav-mobile button { - background: transparent; - border: none; - transition: all .3s; -} - -.component-header .header-nav .nav-mobile button .icon-bar { - margin: auto; - display: block; - width: 1.625rem; - height: .1875rem; - border-radius: .125rem; - background: var(--main-color); - margin-top: .375rem; -} - -.component-header .header-nav .nav-mobile button .icon-bar:first-child { - margin-top: 0; -} - -.component-header .header-nav .nav-mobile .nav-list { - position: relative; - display: none; -} - -.component-header .header-nav .nav-mobile .nav-list ul { - position: absolute; - top: .5rem; - right: 0; - background: #fff; - width: 10rem; - box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.18); - border-radius: .3125rem .3125rem 0 0; - margin: 0; -} - -.component-header .header-nav .nav-mobile .nav-list ul li { - text-align: center; -} - -.component-header .header-nav .nav-mobile .nav-list ul li a { - text-decoration: none; - background: #fff; - font-size: .875rem; - color: #000; - transition: color 0.3s; - display: block; - padding: .625rem .9375rem; -} - -.component-header .header-nav .nav-mobile .nav-list ul li.active a { - color: var(--main-color); -} - -.component-footer { - background: #333; - text-align: center; - padding-top: 6.5rem; - padding-bottom: 6.5rem; -} - -.component-footer .footer-logo { - margin-bottom: 2.2rem; -} - -.component-footer .footer-logo img { - width: auto; - height: 3rem; - margin-right: .75rem; - background: #fff; - border-radius: 50%; -} - -.component-footer .footer-logo .title { - color: #fff; - font-size: 1.25rem; - font-weight: 600; - line-height: 1.5rem; -} - -.component-footer .footer-info span { - color: #fff; - font-size: .875rem; - line-height: 2rem; - margin: 0 .5rem; -} - -.component-footer .footer-info span b { - font-weight: normal; -} - -.component-footer .footer-info span a { - color: #fff; - list-style: none; -} - -.container-carousel { - height: 20vw; - margin: 0 -15px; -} - -.container-carousel .carousel-inner, -.container-carousel .carousel-item { - height: 100%; -} - -.container-carousel .carousel-indicators li { - width: .75rem; - height: .75rem; - background: #fff; - border-radius: 50%; - margin: 0 .375rem; - box-sizing: border-box; - opacity: 1; - border: none; -} - -.container-carousel .carousel-indicators li.active { - background: var(--main-color); -} - -.container-banner { - position: relative; - height: 20vw; -} - -.container-banner .banner-image { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.container-banner .banner-title { - position: relative; - z-index: 9; - height: 100%; - display: flex; - align-items: center; - padding-bottom: 1rem; -} - -.container-banner .banner-title .title { - position: relative; - font-weight: 600; - font-size: 2.5rem; - line-height: 3.5rem; - color: #FFFFFF; -} - -.container-banner .banner-title .title::after { - content: ""; - display: block; - width: 4.875rem; - height: .5rem; - background: #fff; - position: absolute; - bottom: -1rem; -} - -.container-banner .banner-title .subtitle { - font-weight: 600; - font-size: 2.5rem; - line-height: 3.5rem; - text-transform: uppercase; - color: rgba(255, 255, 255, 0.6); - margin-left: 1rem; -} - -.versionName { - font-style: normal; -} - -.empty { - display: flex; - flex-direction: column; - align-items: center; - padding: 1.5rem 0 1rem; - display: none; -} - -.empty img { - width: 50vw; - max-width: 18.75rem; - height: auto; -} - -.empty span { - color: #999; - font-size: 1rem; - line-height: 1.25rem; -} - -#page { - margin: 0 auto; - display: block; - display: flex; - align-items: center; - justify-content: center; -} - -#page .xl-totalPage { - color: #000; - font-size: 1rem; - line-height: 1.5rem; - margin-top: 2rem; - margin-right: .75rem; -} - -#page ul { - margin: 2rem 0 0; -} - -#page ul li { - text-align: center; - display: inline-block; - color: var(--main-color); - font-size: .875rem; - line-height: 1.25rem; - padding: .25rem .375rem; - min-width: 1.875rem; - border: 1px solid var(--main-color); - border-radius: .25rem; - margin: 0 .1875rem; - cursor: pointer; - transition: all .3s; - background: #fff; -} - -#page ul li.xl-active, #page ul li:hover { - color: #fff; - background: var(--main-color); -} - -#page ul li.xl-disabled { - color: #DDDDDD; - border: 1px solid #DDDDDD; - background: #fff; - cursor: no-drop; -} - -button[data-toggle="modal"] { - border: none; - background: transparent; - padding: 0; - margin: 0; - text-align: left; - display: block; - width: 100%; - height: auto; -} - -.modal-dialog .modal-header { - border: none; - padding-bottom: 0; -} - -.modal-dialog .modal-header .modal-title { - color: #333; - font-size: 1.5rem; - font-weight: bold; - line-height: 2.125rem; - text-align: center; - flex: 1; - padding-left: 3rem; -} - -.modal-dialog .modal-body .tips { - color: #8D8D8D; - font-size: 1rem; - line-height: 1.375rem; - text-align: center; -} - -.modal-dialog .modal-body .code { - width: 100%; - max-height: 25rem; - max-width: 25rem; - margin: 1rem auto; -} - -@media (max-width: 1900px) { - html { - font-size: 16px; - } - .col-2 { - flex: 12%; - max-width: 12%; - } - .col-8 { - flex: 76%; - max-width: 76%; - } -} - -@media (max-width: 1400px) { - html { - font-size: 14px; - } - .col-2 { - flex: 10%; - max-width: 10%; - } - .col-8 { - flex: 80%; - max-width: 80%; - } -} - -@media (max-width: 1160px) { - html { - font-size: 12px; - } - .col-2 { - flex: 8%; - max-width: 8%; - } - .col-8 { - flex: 84%; - max-width: 84%; - } -} - -@media (max-width: 967px) { - html { - font-size: 12px; - } - .col-2 { - flex: 6%; - max-width: 6%; - } - .col-8 { - flex: 88%; - max-width: 88%; - } -} - -@media screen and (max-width: 767px) { - .col-2 { - width: 1rem; - max-width: 1rem; - flex: 0 0 1rem; - padding: 0; - } - .col-8 { - width: calc(100% - 2rem); - max-width: calc(100% - 2rem); - flex: 0 0 calc(100% - 2rem); - } - html { - font-size: 16px; - } - .container-banner { - height: 45vw; - } - .container-banner .banner-title { - flex-direction: column; - justify-content: center; - padding-bottom: 0; - } - .container-banner .banner-title .title { - font-size: 1.5rem; - line-height: 2rem; - } - .container-banner .banner-title .title::after { - display: none; - } - .container-banner .banner-title .subtitle { - font-size: 1.5rem; - line-height: 2rem; - margin-left: 0; - margin-top: .5rem; - } - .component-header .header-nav { - padding: 0.5rem 0; - } - .component-header .header-nav .nav-logo img { - width: auto; - height: 2.25rem; - margin-right: .5rem; - } - .component-header .header-nav .nav-logo .title { - color: #333; - font-size: .875rem; - font-weight: 600; - line-height: 1.25rem; - } - .component-header .header-nav .nav-normal { - display: none; - } - .component-header .header-nav .nav-mobile { - display: block; - } - .component-footer { - padding: 2rem 0; - } - .component-footer .footer-logo { - margin-bottom: 1rem; - } - .component-footer .footer-logo img { - width: auto; - height: 2.5rem; - margin-right: .5rem; - } - .component-footer .footer-logo .title { - font-size: 1rem; - font-weight: 600; - line-height: 1.375rem; - } - .container-carousel { - height: 50vw !important; - } - #page .xl-totalPage { - font-size: .75rem; - } - #page ul li { - padding: 0.25rem .375rem; - font-size: .75rem; - } -} +:root { + --main-color: inherit; +} + +body { + background: #F4F6FB; +} + +.col-2 { + flex: 14%; + max-width: 14%; + padding: 0; +} + +.col-8 { + flex: 72%; + max-width: 72%; + padding: 0; +} + +.container-fluid { + opacity: 0; +} + +.container-header { + position: sticky; + top: 0; + z-index: 999; +} + +.component-header .header-top { + background: var(--main-color); + color: #fff; + font-size: .875rem; + line-height: 1.25rem; + padding: .5rem 0; +} + +.component-header .header-nav { + background: #fff; + padding: .75rem 0; +} + +.component-header .header-nav .nav-logo { + text-align: center; + text-decoration: none; + margin-right: 1rem; +} + +.component-header .header-nav .nav-logo img { + width: auto; + height: 3rem; + margin-right: .75rem; +} + +.component-header .header-nav .nav-logo .title { + color: #333; + font-size: 1rem; + font-weight: 600; + line-height: 1.5rem; + margin-bottom: 0; +} + +.component-header .header-nav .nav-box { + margin-bottom: 0; +} + +.component-header .header-nav .nav-box .nav-item a { + display: inline-block; + padding: 0.5rem 1rem; + color: #333; + transition: color .3s; + text-decoration: none; +} + +.component-header .header-nav .nav-box .nav-item.active a { + color: var(--main-color); +} + +.component-header .header-nav .nav-box .nav-item:hover a { + color: var(--main-color); +} + +.component-header .header-nav .nav-mobile { + display: none; +} + +.component-header .header-nav .nav-mobile button { + background: transparent; + border: none; + transition: all .3s; +} + +.component-header .header-nav .nav-mobile button .icon-bar { + margin: auto; + display: block; + width: 1.625rem; + height: .1875rem; + border-radius: .125rem; + background: var(--main-color); + margin-top: .375rem; +} + +.component-header .header-nav .nav-mobile button .icon-bar:first-child { + margin-top: 0; +} + +.component-header .header-nav .nav-mobile .nav-list { + position: relative; + display: none; +} + +.component-header .header-nav .nav-mobile .nav-list ul { + position: absolute; + top: .5rem; + right: 0; + background: #fff; + width: 10rem; + box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.18); + border-radius: .3125rem .3125rem 0 0; + margin: 0; +} + +.component-header .header-nav .nav-mobile .nav-list ul li { + text-align: center; +} + +.component-header .header-nav .nav-mobile .nav-list ul li a { + text-decoration: none; + background: #fff; + font-size: .875rem; + color: #000; + transition: color 0.3s; + display: block; + padding: .625rem .9375rem; +} + +.component-header .header-nav .nav-mobile .nav-list ul li.active a { + color: var(--main-color); +} + +.component-footer { + background: #333; + text-align: center; + padding-top: 6.5rem; + padding-bottom: 6.5rem; +} + +.component-footer .footer-logo { + margin-bottom: 2.2rem; +} + +.component-footer .footer-logo img { + width: auto; + height: 3rem; + margin-right: .75rem; + background: #fff; + border-radius: 50%; +} + +.component-footer .footer-logo .title { + color: #fff; + font-size: 1.25rem; + font-weight: 600; + line-height: 1.5rem; +} + +.component-footer .footer-info span { + color: #fff; + font-size: .875rem; + line-height: 2rem; + margin: 0 .5rem; +} + +.component-footer .footer-info span b { + font-weight: normal; +} + +.component-footer .footer-info span a { + color: #fff; + list-style: none; +} + +.container-carousel { + height: 20vw; + margin: 0 -15px; +} + +.container-carousel .carousel-inner, +.container-carousel .carousel-item { + height: 100%; +} + +.container-carousel .carousel-indicators li { + width: .75rem; + height: .75rem; + background: #fff; + border-radius: 50%; + margin: 0 .375rem; + box-sizing: border-box; + opacity: 1; + border: none; +} + +.container-carousel .carousel-indicators li.active { + background: var(--main-color); +} + +.container-banner { + position: relative; + height: 20vw; +} + +.container-banner .banner-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.container-banner .banner-title { + position: relative; + z-index: 9; + height: 100%; + display: flex; + align-items: center; + padding-bottom: 1rem; +} + +.container-banner .banner-title .title { + position: relative; + font-weight: 600; + font-size: 2.5rem; + line-height: 3.5rem; + color: #FFFFFF; +} + +.container-banner .banner-title .title::after { + content: ""; + display: block; + width: 4.875rem; + height: .5rem; + background: #fff; + position: absolute; + bottom: -1rem; +} + +.container-banner .banner-title .subtitle { + font-weight: 600; + font-size: 2.5rem; + line-height: 3.5rem; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.6); + margin-left: 1rem; +} + +.versionName { + font-style: normal; +} + +.empty { + display: flex; + flex-direction: column; + align-items: center; + padding: 1.5rem 0 1rem; + display: none; +} + +.empty img { + width: 50vw; + max-width: 18.75rem; + height: auto; +} + +.empty span { + color: #999; + font-size: 1rem; + line-height: 1.25rem; +} + +#page { + margin: 0 auto; + display: block; + display: flex; + align-items: center; + justify-content: center; +} + +#page .xl-totalPage { + color: #000; + font-size: 1rem; + line-height: 1.5rem; + margin-top: 2rem; + margin-right: .75rem; +} + +#page ul { + margin: 2rem 0 0; +} + +#page ul li { + text-align: center; + display: inline-block; + color: var(--main-color); + font-size: .875rem; + line-height: 1.25rem; + padding: .25rem .375rem; + min-width: 1.875rem; + border: 1px solid var(--main-color); + border-radius: .25rem; + margin: 0 .1875rem; + cursor: pointer; + transition: all .3s; + background: #fff; +} + +#page ul li.xl-active, #page ul li:hover { + color: #fff; + background: var(--main-color); +} + +#page ul li.xl-disabled { + color: #DDDDDD; + border: 1px solid #DDDDDD; + background: #fff; + cursor: no-drop; +} + +button[data-toggle="modal"] { + border: none; + background: transparent; + padding: 0; + margin: 0; + text-align: left; + display: block; + width: 100%; + height: auto; +} + +.modal-dialog .modal-header { + border: none; + padding-bottom: 0; +} + +.modal-dialog .modal-header .modal-title { + color: #333; + font-size: 1.5rem; + font-weight: bold; + line-height: 2.125rem; + text-align: center; + flex: 1; + padding-left: 3rem; +} + +.modal-dialog .modal-body .tips { + color: #8D8D8D; + font-size: 1rem; + line-height: 1.375rem; + text-align: center; +} + +.modal-dialog .modal-body .code { + width: 100%; + max-height: 25rem; + max-width: 25rem; + margin: 1rem auto; +} + +@media (max-width: 1900px) { + html { + font-size: 16px; + } + .col-2 { + flex: 12%; + max-width: 12%; + } + .col-8 { + flex: 76%; + max-width: 76%; + } +} + +@media (max-width: 1400px) { + html { + font-size: 14px; + } + .col-2 { + flex: 10%; + max-width: 10%; + } + .col-8 { + flex: 80%; + max-width: 80%; + } +} + +@media (max-width: 1160px) { + html { + font-size: 12px; + } + .col-2 { + flex: 8%; + max-width: 8%; + } + .col-8 { + flex: 84%; + max-width: 84%; + } +} + +@media (max-width: 967px) { + html { + font-size: 12px; + } + .col-2 { + flex: 6%; + max-width: 6%; + } + .col-8 { + flex: 88%; + max-width: 88%; + } +} + +@media screen and (max-width: 767px) { + .col-2 { + width: 1rem; + max-width: 1rem; + flex: 0 0 1rem; + padding: 0; + } + .col-8 { + width: calc(100% - 2rem); + max-width: calc(100% - 2rem); + flex: 0 0 calc(100% - 2rem); + } + html { + font-size: 16px; + } + .container-banner { + height: 45vw; + } + .container-banner .banner-title { + flex-direction: column; + justify-content: center; + padding-bottom: 0; + } + .container-banner .banner-title .title { + font-size: 1.5rem; + line-height: 2rem; + } + .container-banner .banner-title .title::after { + display: none; + } + .container-banner .banner-title .subtitle { + font-size: 1.5rem; + line-height: 2rem; + margin-left: 0; + margin-top: .5rem; + } + .component-header .header-nav { + padding: 0.5rem 0; + } + .component-header .header-nav .nav-logo img { + width: auto; + height: 2.25rem; + margin-right: .5rem; + } + .component-header .header-nav .nav-logo .title { + color: #333; + font-size: .875rem; + font-weight: 600; + line-height: 1.25rem; + } + .component-header .header-nav .nav-normal { + display: none; + } + .component-header .header-nav .nav-mobile { + display: block; + } + .component-footer { + padding: 2rem 0; + } + .component-footer .footer-logo { + margin-bottom: 1rem; + } + .component-footer .footer-logo img { + width: auto; + height: 2.5rem; + margin-right: .5rem; + } + .component-footer .footer-logo .title { + font-size: 1rem; + font-weight: 600; + line-height: 1.375rem; + } + .container-carousel { + height: 50vw !important; + } + #page .xl-totalPage { + font-size: .75rem; + } + #page ul li { + padding: 0.25rem .375rem; + font-size: .75rem; + } +} diff --git a/public/assets/css/backend.css b/public/assets/css/backend.css index a093bce..7694272 100644 --- a/public/assets/css/backend.css +++ b/public/assets/css/backend.css @@ -1,1645 +1,1648 @@ -@import url("../css/bootstrap.css"); -@import url("../css/fastadmin.css"); -@import url("../css/skins/skin-black-blue.css"); -@import url("../css/iconfont.css"); -@import url("../libs/font-awesome/css/font-awesome.min.css"); -@import url("../libs/toastr/toastr.min.css"); -@import url("../libs/fastadmin-layer/dist/theme/default/layer.css"); -@import url("../libs/bootstrap-table/dist/bootstrap-table.min.css"); -@import url("../libs/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"); -@import url("../libs/bootstrap-daterangepicker/daterangepicker.css"); -@import url("../libs/nice-validator/dist/jquery.validator.css"); -@import url("../libs/bootstrap-select/dist/css/bootstrap-select.min.css"); -@import url("../libs/fastadmin-selectpage/selectpage.css"); -@import url("../libs/bootstrap-slider/slider.css"); -.m-0 { - margin-top: 0px !important; - margin-right: 0px !important; - margin-bottom: 0px !important; - margin-left: 0px !important; -} -.mt-0 { - margin-top: 0px !important; -} -.mr-0 { - margin-right: 0px !important; -} -.mb-0 { - margin-bottom: 0px !important; -} -.ml-0 { - margin-left: 0px !important; -} -.mx-0 { - margin-left: 0px !important; - margin-right: 0px !important; -} -.my-0 { - margin-top: 0px !important; - margin-bottom: 0px !important; -} -.m-1 { - margin-top: 5px !important; - margin-right: 5px !important; - margin-bottom: 5px !important; - margin-left: 5px !important; -} -.mt-1 { - margin-top: 5px !important; -} -.mr-1 { - margin-right: 5px !important; -} -.mb-1 { - margin-bottom: 5px !important; -} -.ml-1 { - margin-left: 5px !important; -} -.mx-1 { - margin-left: 5px !important; - margin-right: 5px !important; -} -.my-1 { - margin-top: 5px !important; - margin-bottom: 5px !important; -} -.m-2 { - margin-top: 10px !important; - margin-right: 10px !important; - margin-bottom: 10px !important; - margin-left: 10px !important; -} -.mt-2 { - margin-top: 10px !important; -} -.mr-2 { - margin-right: 10px !important; -} -.mb-2 { - margin-bottom: 10px !important; -} -.ml-2 { - margin-left: 10px !important; -} -.mx-2 { - margin-left: 10px !important; - margin-right: 10px !important; -} -.my-2 { - margin-top: 10px !important; - margin-bottom: 10px !important; -} -.m-3 { - margin-top: 15px !important; - margin-right: 15px !important; - margin-bottom: 15px !important; - margin-left: 15px !important; -} -.mt-3 { - margin-top: 15px !important; -} -.mr-3 { - margin-right: 15px !important; -} -.mb-3 { - margin-bottom: 15px !important; -} -.ml-3 { - margin-left: 15px !important; -} -.mx-3 { - margin-left: 15px !important; - margin-right: 15px !important; -} -.my-3 { - margin-top: 15px !important; - margin-bottom: 15px !important; -} -.m-4 { - margin-top: 20px !important; - margin-right: 20px !important; - margin-bottom: 20px !important; - margin-left: 20px !important; -} -.mt-4 { - margin-top: 20px !important; -} -.mr-4 { - margin-right: 20px !important; -} -.mb-4 { - margin-bottom: 20px !important; -} -.ml-4 { - margin-left: 20px !important; -} -.mx-4 { - margin-left: 20px !important; - margin-right: 20px !important; -} -.my-4 { - margin-top: 20px !important; - margin-bottom: 20px !important; -} -.p-0 { - padding-top: 0px !important; - padding-right: 0px !important; - padding-bottom: 0px !important; - padding-left: 0px !important; -} -.pt-0 { - padding-top: 0px !important; -} -.pr-0 { - padding-right: 0px !important; -} -.pb-0 { - padding-bottom: 0px !important; -} -.pl-0 { - padding-left: 0px !important; -} -.px-0 { - padding-left: 0px !important; - padding-right: 0px !important; -} -.py-0 { - padding-top: 0px !important; - padding-bottom: 0px !important; -} -.p-1 { - padding-top: 5px !important; - padding-right: 5px !important; - padding-bottom: 5px !important; - padding-left: 5px !important; -} -.pt-1 { - padding-top: 5px !important; -} -.pr-1 { - padding-right: 5px !important; -} -.pb-1 { - padding-bottom: 5px !important; -} -.pl-1 { - padding-left: 5px !important; -} -.px-1 { - padding-left: 5px !important; - padding-right: 5px !important; -} -.py-1 { - padding-top: 5px !important; - padding-bottom: 5px !important; -} -.p-2 { - padding-top: 10px !important; - padding-right: 10px !important; - padding-bottom: 10px !important; - padding-left: 10px !important; -} -.pt-2 { - padding-top: 10px !important; -} -.pr-2 { - padding-right: 10px !important; -} -.pb-2 { - padding-bottom: 10px !important; -} -.pl-2 { - padding-left: 10px !important; -} -.px-2 { - padding-left: 10px !important; - padding-right: 10px !important; -} -.py-2 { - padding-top: 10px !important; - padding-bottom: 10px !important; -} -.p-3 { - padding-top: 15px !important; - padding-right: 15px !important; - padding-bottom: 15px !important; - padding-left: 15px !important; -} -.pt-3 { - padding-top: 15px !important; -} -.pr-3 { - padding-right: 15px !important; -} -.pb-3 { - padding-bottom: 15px !important; -} -.pl-3 { - padding-left: 15px !important; -} -.px-3 { - padding-left: 15px !important; - padding-right: 15px !important; -} -.py-3 { - padding-top: 15px !important; - padding-bottom: 15px !important; -} -.p-4 { - padding-top: 20px !important; - padding-right: 20px !important; - padding-bottom: 20px !important; - padding-left: 20px !important; -} -.pt-4 { - padding-top: 20px !important; -} -.pr-4 { - padding-right: 20px !important; -} -.pb-4 { - padding-bottom: 20px !important; -} -.pl-4 { - padding-left: 20px !important; -} -.px-4 { - padding-left: 20px !important; - padding-right: 20px !important; -} -.py-4 { - padding-top: 20px !important; - padding-bottom: 20px !important; -} -html, -body { - height: 100%; -} -body { - background: #f1f4f6; - font-size: 14px; - line-height: 1.5715; -} -body.is-dialog { - background: #fff; -} -.dropdown-menu > li > a { - padding: 5px 12px; -} -.selection { - position: absolute; - border: 1px solid #8B9; - background-color: #BEC; -} -.main-header .navbar { - position: relative; -} -.main-header .navbar .dropdown-menu { - font-size: 14px; -} -.main-header .navbar .dropdown-menu > li > a { - padding: 8px 15px; -} -.bootstrap-dialog .modal-dialog { - /*width: 70%;*/ - max-width: 885px; -} -/*iOS兼容*/ -html.ios-fix, -html.ios-fix body { - height: 100%; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; -} -html.ios-fix .wrapper, -html.ios-fix body .wrapper, -html.ios-fix .tab-pane, -html.ios-fix body .tab-pane { - -webkit-overflow-scrolling: touch; -} -.wrapper { - height: 100%; -} -.content-wrapper { - position: relative; - height: 100%; -} -.control-relative { - position: relative; -} -.tab-addtabs .tab-pane { - height: 100%; - width: 100%; -} -.row-between .col-xs-6 + .col-xs-6:before { - content: "-"; - position: absolute; - left: -2%; - top: 6px; -} -@media only screen and (min-width: 481px) { - .row-flex { - display: flex; - flex-wrap: wrap; - } - .row-flex > [class*='col-'] { - display: flex; - flex-direction: column; - } - .row-flex.row:after, - .row-flex.row:before { - display: flex; - } -} -@media (max-width: 991px) { - .main-header .navbar-custom-menu a.btn-danger { - color: #fff; - background-color: #f75444; - } - .main-header .navbar-custom-menu a.btn-primary { - color: #fff; - background-color: #444c69; - } -} -.common-search-table { - min-height: 20px; - padding: 15px; - margin-bottom: 15px; - background-color: #f5f5f5; -} -/* 固定的底部按钮 */ -.fixed-footer { - position: fixed; - bottom: 0; - background-color: #ecf0f1; - width: 100%; - margin-bottom: 0; - padding: 10px; -} -table.table-template { - overflow: hidden; -} -.sp_container .msg-box { - position: absolute; - right: 0; - top: 0; -} -.sp_container .sp_element_box { - overflow: unset; -} -.sp_container .sp_element_box > li.input_box { - position: unset; -} -.sp_container .sp_element_box .msg-box { - right: -24px; -} -@media (max-width: 767px) { - .sp_container .sp_element_box .msg-box { - left: inherit; - } - .card-views .card-view { - padding: 5px 0; - } -} -.toast-top-right-index { - top: 62px; - right: 12px; -} -.bootstrap-select { - min-height: 33px; -} -.bootstrap-select .msg-box { - position: absolute; - right: 0; - top: 0; -} -.bootstrap-select .status { - background: #f0f0f0; - clear: both; - color: #999; - font-size: 13px; - font-weight: 500; - line-height: 1; - margin-bottom: -5px; - padding: 10px 20px; -} -.bootstrap-select .bs-placeholder { - min-height: 33px; -} -select.bs-select-hidden, -select.selectpicker { - display: inherit !important; - max-height: 33px; - overflow: hidden; -} -select.bs-select-hidden[multiple], -select.selectpicker[multiple] { - height: 33px; - padding: 0; - background: #f4f4f4; -} -select.bs-select-hidden[multiple] option, -select.selectpicker[multiple] option { - color: #f4f4f4; - zoom: 1; - filter: alpha(opacity=0); - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; -} -@media not all and (min-resolution: 0.001dpcm) { - @supports (-webkit-appearance:none) { - select.bs-select-hidden[multiple], - select.selectpicker[multiple] { - visibility: hidden; - } - } -} -input.selectpage { - color: transparent; - pointer-events: none; -} -.sp_container { - min-height: 33px; -} -.sp_container input.selectpage { - color: inherit; - pointer-events: inherit; - padding-left: 12px; - padding-right: 12px; -} -.sp_container .sp_element_box input.selectpage { - padding-left: 0; - padding-right: 0; -} -.sp_container .sp_element_box li:first-child input.selectpage { - padding-left: 9px; - padding-right: 9px; -} -.img-center { - margin: 0 auto; - display: inline; - float: none; -} -/* - * RIBBON - */ -#ribbon { - overflow: hidden; - padding: 15px 15px 0 15px; - position: relative; -} -#ribbon a { - color: #777 !important; - text-decoration: none !important; -} -#ribbon .breadcrumb { - display: inline-block; - margin: 0; - padding: 0; - background: none; - vertical-align: top; -} -#ribbon .breadcrumb > .active, -#ribbon .breadcrumb li { - color: #aaa; -} -#ribbon .shortcut a { - margin-left: 10px; -} -.is-dialog #main { - background: #fff; -} -.is-dialog .layer-footer { - display: none; -} -form.form-horizontal .control-label { - font-weight: normal; -} -.user-panel > .image img { - width: 45px; - height: 45px; -} -/*panel扩展描述样式*/ -.panel-intro { - margin-bottom: 0; - border: none; -} -.panel-intro > .panel-heading { - padding: 15px; - padding-bottom: 0; - background: #e8edf0; - border-color: #e8edf0; - position: relative; -} -.panel-intro > .panel-heading .panel-lead { - margin-bottom: 15px; -} -.panel-intro > .panel-heading .panel-lead em { - display: block; - font-weight: bold; - font-style: normal; -} -.panel-intro > .panel-heading .panel-title { - height: 25px; - font-weight: normal; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.panel-intro > .panel-heading .panel-control { - height: 42px; - position: absolute; - top: 8px; - right: 8px; -} -.panel-intro > .panel-heading .panel-control .fa { - font-size: 14px; -} -.panel-intro > .panel-heading .nav-tabs { - border-bottom: 0; - margin-bottom: 0; -} -.panel-intro > .panel-heading .nav-tabs > li > a { - margin-right: 4px; - color: #95a5a6; - background-color: #d8e0e6; - border: 1px solid #e8edf0; - border-bottom-color: transparent; -} -.panel-intro > .panel-heading .nav-tabs > li > a:hover, -.panel-intro > .panel-heading .nav-tabs > li > a:focus { - border: 1px solid #e8edf0; - color: #7b8a8b; - background-color: #c9d4dc; -} -.panel-intro > .panel-heading .nav-tabs > li.active > a, -.panel-intro > .panel-heading .nav-tabs > li.active > a:hover, -.panel-intro > .panel-heading .nav-tabs > li.active > a:focus { - color: #7b8a8b; - background-color: #ffffff; - border-bottom-color: transparent; - cursor: default; -} -@media (max-width: 768px) { - .panel-intro > .panel-heading .nav-tabs { - white-space: nowrap; - overflow-x: auto; - overflow-y: hidden; - margin-bottom: -1px; - } - .panel-intro > .panel-heading .nav-tabs > li { - display: inline-block; - float: none; - } -} -/*单表格*/ -.panel-tabs .panel-heading { - padding: 12px 15px 12px 15px; -} -.panel-tabs .panel-heading .panel-lead { - margin-bottom: 0px; -} -/*选项卡*/ -.panel-nav .panel-heading { - padding: 0px; - padding-bottom: 0; - background: #f1f4f6; - border-color: #f1f4f6; -} -.panel-nav .nav-tabs > li > a { - padding: 12px 15px; - background-color: #e8edf0; - border: 1px solid #f1f4f6; -} -.panel-nav .nav-tabs > li > a:hover, -.panel-nav .nav-tabs > li > a:focus { - border: 1px solid #e8edf0; - background-color: #e8edf0; -} -.panel-nav .nav-tabs > li.active > a, -.panel-nav .nav-tabs > li.active > a:hover, -.panel-nav .nav-tabs > li.active > a:focus { - border-color: #f1f4f6; - border-bottom-color: transparent; -} -/*顶栏addtabs*/ -.nav-addtabs { - height: 100%; - border: none; -} -.nav-addtabs.disable-top-badge > li > a > .pull-right-container { - display: none; -} -.nav-addtabs > li { - margin: 0; -} -.nav-addtabs > li > a { - height: 50px; - line-height: 50px; - padding: 0 15px; - border-radius: 0; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.05); - margin: 0; - color: #95a5a6; -} -.nav-addtabs > li > a:hover, -.nav-addtabs > li > a:focus { - border: none; - color: #2c3e50; - border-right: 1px solid rgba(0, 0, 0, 0.02); -} -.nav-addtabs > li.active > a { - height: 50px; - line-height: 50px; - padding: 0 15px; - border-radius: 0; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.02); - background: #f1f4f6; - color: #2c3e50; - overflow: hidden; -} -.nav-addtabs > li.active > a:hover, -.nav-addtabs > li.active > a:focus { - border: none; - color: #2c3e50; - background: #f1f4f6; - border-right: 1px solid rgba(0, 0, 0, 0.02); -} -.nav-addtabs > li .close-tab { - font-size: 10px; - position: absolute; - right: 0px; - top: 50%; - margin-top: -8px; - z-index: 100; - cursor: pointer; - color: #eee; - display: none; -} -.nav-addtabs > li .close-tab:before { - content: "\e626"; - font-family: iconfont; - font-style: normal; - font-weight: normal; - text-decoration: inherit; - font-size: 18px; -} -.nav-addtabs .open > a:hover, -.nav-addtabs .open > a:focus { - border-right: 1px solid rgba(0, 0, 0, 0.05); -} -.nav-addtabs ul li { - position: relative; -} -.nav-addtabs li:hover > .close-tab { - display: block; -} -#firstnav { - height: 50px; - border-bottom: 1px solid transparent; - box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); - position: relative; -} -#firstnav .sidebar-toggle { - position: absolute; - width: 45px; - text-align: center; - height: 50px; - line-height: 50px; - padding: 0; -} -#firstnav .nav-addtabs { - position: absolute; - left: 45px; - z-index: 98; -} -#firstnav .navbar-custom-menu { - position: absolute; - top: 0; - right: 0; - z-index: 99; - background: transparent; -} -/*次栏菜单栏*/ -#secondnav { - display: none; - height: 44px; - position: absolute; - top: 50px; - left: 0; - background: #fff; - width: 100%; - box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); - padding: 5px 10px; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -#secondnav .nav-addtabs { - height: 100%; - border: none; -} -#secondnav .nav-addtabs.disable-top-badge > li > a > .pull-right-container { - display: none; -} -#secondnav .nav-addtabs > li { - border: 1px solid #eee; - border-radius: 3px; - padding: 0 15px; - height: 30px; - line-height: 30px; - margin: 2px 5px 2px 0; - background: #fff; -} -#secondnav .nav-addtabs > li > a { - display: block; - color: #495060 !important; - height: 100%; - padding: 0; - line-height: 28px; - font-size: 13px; - vertical-align: middle; - opacity: 1; - overflow: hidden; - background: none; - border: none; -} -#secondnav .nav-addtabs > li.active { - border-color: #bdbebd; - background-color: #f7f7f7; -} -#secondnav .nav-addtabs > li .close-tab { - font-size: 10px; - position: absolute; - right: 0px; - top: 50%; - margin-top: -8px; - z-index: 100; - cursor: pointer; - color: #eee; -} -#secondnav .nav-addtabs > li .close-tab:before { - content: "\e626"; - font-family: iconfont; - font-style: normal; - font-weight: normal; - text-decoration: inherit; - font-size: 18px; -} -#secondnav .nav-addtabs > li:hover, -#secondnav .nav-addtabs > li:focus { - border-color: #bdbebd; -} -#secondnav .nav-addtabs ul li { - position: relative; -} -#secondnav .nav-addtabs li:hover > .close-tab { - display: block; - border-color: #222e32; - color: #222e32; -} -.multiplenav .content-wrapper, -.multiplenav .right-side, -.multiplenav .main-sidebar { - padding-top: 50px; -} -.multiplenav #firstnav .nav-addtabs { - padding-right: 450px; -} -@media (max-width: 767px) { - .multipletab.multiplenav .content-wrapper, - .multipletab.multiplenav .right-side { - padding-top: 94px; - } -} -.multipletab #secondnav { - display: block; -} -.multipletab.multiplenav .content-wrapper, -.multipletab.multiplenav .right-side { - padding-top: 94px; -} -.multipletab.multiplenav #firstnav .nav-tabs { - overflow: hidden; -} -.main-sidebar .sidebar-form { - overflow: visible; -} -.main-sidebar .sidebar-form .menuresult { - z-index: 999; - position: absolute; - top: 34px; - left: -1px; - width: 100%; - max-height: 250px; - overflow: auto; - margin: 0; - border-top: none; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.main-sidebar .sidebar-form .menuresult a { - display: block; - background-color: #fff; - border-top: 1px solid transparent; - border-bottom: 1px solid #eee; - padding: 10px 15px; - color: #222d32; -} -.main-sidebar .sidebar-form .menuresult a:hover { - background: #eee; -} -.main-sidebar .sidebar-form .menuresult a:first-child { - border-top: 1px solid #eee; -} -.input-group .sp_result_area { - width: 100%; -} -.sidebar-menu .treeview-open > .treeview-menu { - display: block; -} -.sidebar-menu > li .badge { - margin-top: 0; -} -.sidebar-collapse .user-panel > .image img { - width: 25px; - height: 25px; -} -@media (min-width: 768px) { - .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { - top: 7px !important; - right: 10px; - height: 17px; - } -} -.fieldlist dd { - display: block; - margin: 8px 0; -} -.fieldlist dd input { - display: inline-block; - width: 300px; -} -.fieldlist dd input:first-child { - width: 110px; -} -.fieldlist dd ins { - width: 110px; - display: inline-block; - text-decoration: none; -} -/* 弹窗中的表单 */ -.form-layer { - height: 100%; - min-height: 150px; - min-width: 300px; -} -.form-layer .form-body { - width: 100%; - overflow: auto; - top: 0; - position: absolute; - z-index: 10; - bottom: 50px; - padding: 15px; -} -.form-layer .form-footer { - height: 50px; - line-height: 50px; - background-color: #ecf0f1; - width: 100%; - position: absolute; - z-index: 200; - bottom: 0; - margin: 0; -} -.form-layer .form-footer .form-group { - margin-left: 0; - margin-right: 0; -} -#treeview .jstree-container-ul .jstree-node { - display: block; - clear: both; -} -#treeview .jstree-leaf:not(:first-child) { - float: left; - background: none; - margin-left: 0; - min-width: 80px; - clear: none; -} -#treeview .jstree-leaf { - float: left; - margin-left: 0; - padding-left: 24px; - min-width: 80px; - clear: none; - color: #777; -} -#treeview .jstree-leaf > .jstree-icon, -#treeview .jstree-leaf .jstree-themeicon { - display: none; -} -#treeview .jstree-last { - background-image: url("../img/32px.png"); - background-position: -292px -4px; - background-repeat: repeat-y; -} -#treeview .jstree-children:before, -#treeview .jstree-children:after { - content: " "; - display: table; -} -#treeview .jstree-children:after { - clear: both; -} -#treeview .jstree-themeicon { - display: none; -} -/*去除bootstrap-table的边框*/ -.fixed-table-container { - border: none !important; -} -.fixed-table-container tbody .selected td { - background-color: rgba(216, 224, 230, 0.5); -} -.fixed-table-container .bs-checkbox { - min-width: 36px; -} -.fixed-table-container tr[data-origpos] > td > .tooltip.in { - display: none !important; -} -/*修复nice-validator新版下的一处BUG*/ -.nice-validator input, -.nice-validator select, -.nice-validator textarea, -.nice-validator [contenteditable] { - vertical-align: top; - display: inline-block; - *display: inline; - *zoom: 1; -} -/*修复nice-validator和summernote的编辑框冲突*/ -.nice-validator .note-editor .note-editing-area .note-editable { - display: inherit; -} -/*预览区域*/ -.plupload-preview, -.faupload-preview { - padding: 0 10px; - margin-bottom: 0; -} -.plupload-preview li, -.faupload-preview li { - margin-top: 15px; -} -.plupload-preview .thumbnail, -.faupload-preview .thumbnail { - margin-bottom: 10px; -} -.plupload-preview a, -.faupload-preview a { - display: block; -} -.plupload-preview a:first-child, -.faupload-preview a:first-child { - height: 90px; -} -.plupload-preview a img, -.faupload-preview a img { - height: 80px; - object-fit: cover; -} -.pjax-loader-bar .progress { - position: fixed; - top: 0; - left: 0; - height: 2px; - background: #77b6ff; - box-shadow: 0 0 10px rgba(119, 182, 255, 0.7); - -webkit-transition: width 0.4s ease; - transition: width 0.4s ease; -} -.dropdown-menu.text-left a, -.dropdown-menu.text-left li { - text-align: left !important; -} -.bootstrap-table .fixed-table-loading { - padding: 10px 0; -} -.bootstrap-table .fixed-table-toolbar .dropdown-menu { - overflow: inherit; -} -.bootstrap-table .fixed-table-toolbar .columns-right .dropdown-menu { - overflow: auto; -} -.bootstrap-table .bs-bars .fixed-table-toolbar .dropdown-menu > li:hover > a { - background-color: #e1e3e9; - color: #333; -} -.bootstrap-table .fa-toggle-on.fa-2x { - font-size: 1.86em; -} -.bootstrap-table .form-commonsearch .row > .form-group { - margin-left: 0; - margin-right: 0; -} -.bootstrap-table .form-commonsearch .row > .form-group > .control-label { - white-space: nowrap; -} -.bootstrap-table .btn-commonsearch { - position: relative; -} -.bootstrap-table .btn-commonsearch > span { - position: absolute; - top: -10px; - right: -10px; -} -.bootstrap-table .table:not(.table-condensed) > tbody > tr > th, -.bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, -.bootstrap-table .table:not(.table-condensed) > thead > tr > td, -.bootstrap-table .table:not(.table-condensed) > tbody > tr > td, -.bootstrap-table .table:not(.table-condensed) > tfoot > tr > td { - padding: 10px 15px; - height: 47px; -} -.fixed-table-container tbody td .th-inner, -.fixed-table-container thead th .th-inner { - padding: 10px 10px; -} -.toolbar { - margin-top: 10px; - margin-bottom: 10px; -} -.fixed-table-toolbar .bs-bars, -.fixed-table-toolbar .columns, -.fixed-table-toolbar .search { - line-height: inherit; -} -.fixed-table-toolbar .toolbar { - margin-top: 0; - margin-bottom: 0; -} -.bootstrap-table table tbody tr:first-child td .bs-checkbox { - vertical-align: middle; -} -.bootstrap-table td.bs-checkbox { - vertical-align: middle; -} -table.table-nowrap tbody > tr > td, -table.table-nowrap thead > tr > th { - white-space: nowrap; -} -.fixed-table-container thead th .sortable { - padding: 8px 15px; -} -.dropdown-submenu { - position: relative; -} -.dropdown-submenu > .dropdown-menu { - overflow: auto; - top: 0; - left: 100%; - margin-top: -6px; - margin-left: -1px; - -webkit-border-radius: 0 6px 6px 6px; - -webkit-background-clip: padding-box; - -moz-border-radius: 0 6px 6px 6px; - -moz-background-clip: padding; - border-radius: 0 6px 6px 6px; - background-clip: padding-box; -} -.dropdown-submenu:hover > .dropdown-menu { - display: block; -} -.dropdown-submenu:hover > a:after { - border-left-color: #fff; -} -.dropdown-submenu > a:after { - display: block; - content: " "; - float: right; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 5px 0 5px 5px; - border-left-color: #ccc; - margin-top: 5px; - margin-right: -10px; -} -.dropdown-submenu.pull-left { - float: none; -} -.dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - -webkit-border-radius: 6px 0 6px 6px; - -webkit-background-clip: padding-box; - -moz-border-radius: 6px 0 6px 6px; - -moz-background-clip: padding; - border-radius: 6px 0 6px 6px; - background-clip: padding-box; -} -/*重写toast的几个背景色*/ -.toast-primary { - background-color: #48c9b0 !important; -} -.toast-success { - background-color: #18bc9c !important; -} -.toast-error { - background-color: #e74c3c !important; -} -.toast-info { - background-color: #5dade2 !important; -} -.toast-warning { - background-color: #f1c40f !important; -} -.toast-inverse { - background-color: #34495e !important; -} -.toast-default { - background-color: #bdc3c7 !important; -} -#toast-container > div, -#toast-container > div:hover { - -webkit-box-shadow: 0 0 3px #eee; - -moz-box-shadow: 0 0 3px #eee; - box-shadow: 0 0 3px #eee; -} -.layui-layer-fast { - /*自定义底部灰色操作区*/ -} -.layui-layer-fast .layui-layer-title { - background: #2c3e50 !important; - color: #fff !important; - border-bottom: none; - height: 45px; - line-height: 45px; -} -.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin { - top: 0px; - height: 45px; -} -.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a { - height: 45px; - line-height: 45px; - display: inline-block; -} -.layui-layer-fast.layui-layer-border { - border: none !important; - box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important; -} -.layui-layer-fast.layui-layer-iframe { - overflow: visible; -} -.layui-layer-fast .layui-layer-moves { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.layui-layer-fast .layui-layer-btn { - text-align: center !important; - padding: 10px !important; - background: #ecf0f1; - overflow: hidden; -} -.layui-layer-fast .layui-layer-btn a { - background-color: #95a5a6; - color: #fff !important; - height: 32px; - line-height: 32px; - margin-top: 0; - font-size: 13px; - border: none; -} -.layui-layer-fast .layui-layer-btn .layui-layer-btn0 { - background-color: #18bc9c; - border-color: #18bc9c; -} -.layui-layer-fast .layui-layer-footer { - padding: 8px 20px; - background-color: #ecf0f1; - height: auto; - min-height: 53px; - text-align: inherit !important; -} -.layui-layer-fast .layui-layer-confirm { - position: absolute; - width: 100%; - height: 100%; - left: 0; - bottom: 0; - border: 1px solid transparent; - background: transparent; - color: transparent; -} -.layui-layer-fast .layui-layer-confirm:focus { - border: 1px solid #444c69; - -webkit-border-radius: 2px; - -webkit-background-clip: padding-box; - -moz-border-radius: 2px; - -moz-background-clip: padding; - border-radius: 2px; - background-clip: padding-box; -} -.layui-layer-fast .layui-layer-confirm:focus-visible { - outline: 0; -} -.layui-layer-fast .layui-layer-tab .layui-layer-title span.layui-this { - height: 46px; -} -.layui-layer-fast .layui-layer-setwin > a { - background: none !important; -} -.layui-layer-fast .layui-layer-setwin > a cite { - display: none; -} -.layui-layer-fast .layui-layer-setwin > a:after { - content: "\e625"; - font-family: iconfont; - font-style: normal; - font-weight: normal; - text-decoration: inherit; - position: absolute; - font-size: 18px; - color: #fff; - margin: 0; - z-index: 1; -} -.layui-layer-fast .layui-layer-setwin > a:hover { - text-decoration: none !important; - background: none !important; -} -.layui-layer-fast .layui-layer-setwin > a:focus { - text-decoration: none !important; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-min { - display: none; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-min:after { - content: "\e625"; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-max { - display: none; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-max:after { - content: "\e623"; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-maxmin { - display: none; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-maxmin:after { - content: "\e624"; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-close1:after { - content: "\e626"; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-close2, -.layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover { - background: url('../libs/fastadmin-layer/dist/theme/default/icon.png') no-repeat -149px -31px !important; - top: -30px; - right: -30px; -} -.layui-layer-fast .layui-layer-setwin .layui-layer-close2:after, -.layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover:after { - display: none; -} -.layui-layer-content { - clear: both; -} -.layui-layer-fast-msg { - min-width: 100px; -} -.layui-layer-fast-tab .layui-layer-title .layui-this { - color: #333; -} -.layui-layer-fast-tab .layui-layer-content .layui-layer-tabmain { - margin: 0; - padding: 0; -} -.input-group > .msg-box.n-right { - position: absolute; -} -@media (min-width: 564px) { - body.is-dialog .daterangepicker { - min-width: 130px; - } - body.is-dialog .daterangepicker .ranges ul { - width: 130px; - } -} -/*手机版样式*/ -@media (max-width: 480px) { - #firstnav .navbar-custom-menu ul li a { - padding-left: 10px; - padding-right: 10px; - } - #firstnav .navbar-nav > .user-menu .user-image { - margin-top: -3px; - } - .fixed-table-toolbar > .bs-bars { - float: none !important; - } - .fixed-table-toolbar .toolbar .btn { - min-height: 33px; - } - .fixed-table-toolbar .toolbar a.btn-refresh, - .fixed-table-toolbar .toolbar a.btn-del, - .fixed-table-toolbar .toolbar a.btn-add, - .fixed-table-toolbar .toolbar a.btn-edit, - .fixed-table-toolbar .toolbar a.btn-import, - .fixed-table-toolbar .toolbar a.btn-more, - .fixed-table-toolbar .toolbar a.btn-recyclebin, - .fixed-table-toolbar .toolbar .btn-mini-xs, - .fixed-table-toolbar .toolbar .btn-multi { - font-size: 0; - } - .fixed-table-toolbar .toolbar a.btn-refresh .fa, - .fixed-table-toolbar .toolbar a.btn-del .fa, - .fixed-table-toolbar .toolbar a.btn-add .fa, - .fixed-table-toolbar .toolbar a.btn-edit .fa, - .fixed-table-toolbar .toolbar a.btn-import .fa, - .fixed-table-toolbar .toolbar a.btn-more .fa, - .fixed-table-toolbar .toolbar a.btn-recyclebin .fa, - .fixed-table-toolbar .toolbar .btn-mini-xs .fa, - .fixed-table-toolbar .toolbar .btn-multi .fa { - font-size: initial; - } - .fixed-table-toolbar .search { - max-width: 110px; - float: left !important; - } - .fixed .content-wrapper, - .fixed .right-side { - padding-top: 50px; - } - .main-sidebar, - .left-side { - padding-top: 144px; - } -} -/*平板样式*/ -@media (max-width: 767px) { - .wrapper .main-header .logo { - border-bottom: 0 solid transparent; - position: absolute; - top: 0; - z-index: 1200; - width: 130px; - left: 50%; - margin-left: -65px; - } - .sidebar .mobilenav a.btn-app { - color: #444; - width: 100px; - height: 70px; - font-size: 13px; - border: none; - background: #fff; - } - .sidebar .mobilenav a.btn-app i.fa { - font-size: 24px; - display: inline-block; - } - .sidebar .mobilenav a.btn-app span { - margin-top: 5px; - display: block; - } - .sidebar .mobilenav a.btn-app.active { - color: #222d32; - } - .wrapper .main-header .navbar .dropdown-menu li > a { - color: #333; - } - .wrapper .main-header .navbar .dropdown-menu li > a:hover { - background: #eee; - } - .wrapper .main-header .navbar .dropdown-menu li.active > a { - color: #fff; - } - .wrapper .main-header .navbar .dropdown-menu li.active > a:hover { - background: #222d32; - } - .main-sidebar, - .left-side { - padding-top: 50px; - } - .multipletab.multiplenav .main-sidebar { - padding-top: 95px; - } - .n-bootstrap .n-right { - margin-top: 0; - top: -20px; - position: absolute; - left: 0; - text-align: right; - width: 100%; - } - .n-bootstrap .n-right .msg-wrap { - position: relative; - } - .n-bootstrap .col-xs-12 > .n-right .msg-wrap { - margin-right: 15px; - } -} -/*修复radio和checkbox样式对齐*/ -.radio > label, -.checkbox > label { - margin-right: 10px; -} -.radio > label > input, -.checkbox > label > input { - margin: 5px 0 0; -} -.wipecache li a { - color: #444444 !important; -} -/*修正开关关闭下的颜色值*/ -.btn-switcher.disabled { - opacity: 0.6; - cursor: not-allowed; -} -.btn-switcher .text-gray { - color: #d2d6de !important; -} -.jumpto input { - width: 50px; - margin-left: 5px; - margin-right: 5px; - text-align: center; - display: inline-block; -} -.fixed-columns, -.fixed-columns-right { - position: absolute; - top: 0; - height: 100%; - min-height: 41px; - background-color: #fff; - box-sizing: border-box; - z-index: 2; - box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08); -} -.fixed-columns .fixed-table-body, -.fixed-columns-right .fixed-table-body { - min-height: 41px; - overflow-x: hidden !important; -} -.fixed-columns .fixed-table-body .btn-dragsort, -.fixed-columns-right .fixed-table-body .btn-dragsort { - pointer-events: none; - cursor: not-allowed; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} -.fixed-columns { - left: 0; -} -.fixed-columns-right { - right: 0; - box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08); -} -.fix-sticky { - position: fixed; - z-index: 100; -} -.fix-sticky thead { - background: #fff; -} -.fix-sticky thead th, -.fix-sticky thead th:first-child { - border-left: 0; - border-right: 0; - border-bottom: 1px solid #eee; - border-radius: 0; -} -.sidebar-menu li.active > a > .fa-angle-left, -.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); -} -.sidebar-menu li.treeview-open > a > .fa-angle-left, -.sidebar-menu li.treeview-open > a > .pull-right-container > .fa-angle-left { - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); -} -.sidebar-menu .treeview-menu > li { - margin: 4px 0 4px 0; -} -.bootstrap-tagsinput { - background-color: #fff; - border: 1px solid #ccc; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - display: inline-block; - padding: 4px 6px; - color: #555; - vertical-align: middle; - width: 100%; - line-height: 23px; - cursor: text; -} -.bootstrap-tagsinput input { - border: none; - box-shadow: none; - outline: none; - background-color: transparent; - padding: 0; - margin: 0; - font-size: 13px; - width: 80px; - max-width: inherit; -} -.bootstrap-tagsinput input:focus { - border: none; - box-shadow: none; -} -.bootstrap-tagsinput .tagsinput-text { - display: inline-block; - overflow: auto; - visibility: hidden; - height: 1px; - position: absolute; - bottom: -1px; - left: 0; -} -.bootstrap-tagsinput .tag { - margin-right: 2px; - color: white; - min-height: 23px; -} -.bootstrap-tagsinput .tag [data-role="remove"] { - margin-left: 5px; - cursor: pointer; -} -.bootstrap-tagsinput .tag [data-role="remove"]:after { - content: "x"; - padding: 0px 2px; -} -.bootstrap-tagsinput .tag [data-role="remove"]:hover { - background-color: rgba(255, 255, 255, 0.16); -} -.autocomplete-suggestions { - border-radius: 2px; - background: #FFF; - overflow: auto; - min-width: 200px; - -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); - -moz-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); - box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); -} -.autocomplete-suggestions strong { - font-weight: normal; - color: red; -} -.autocomplete-suggestions .autocomplete-suggestion { - padding: 5px 10px; - white-space: nowrap; - overflow: hidden; -} -.autocomplete-suggestions .autocomplete-selected { - background: #F0F0F0; -} -.autocomplete-suggestions .autocomplete-group { - padding: 5px 10px; -} -.autocomplete-suggestions .autocomplete-group strong { - display: block; - border-bottom: 1px solid #ddd; -} -.autocontent { - position: relative; -} -.autocontent .autocontent-caret { - position: absolute; - right: 0; - top: 0; - height: 100%; - line-height: 1; - background: #eee; - color: #ddd; - vertical-align: middle; - padding: 0 5px; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; -} -.autocontent .autocontent-caret:hover { - color: #ccc; -} +@import url("../css/bootstrap.css"); +@import url("../css/fastadmin.css"); +@import url("../css/skins/skin-black-blue.css"); +@import url("../css/iconfont.css"); +@import url("../libs/font-awesome/css/font-awesome.min.css"); +@import url("../libs/toastr/toastr.min.css"); +@import url("../libs/fastadmin-layer/dist/theme/default/layer.css"); +@import url("../libs/bootstrap-table/dist/bootstrap-table.min.css"); +@import url("../libs/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"); +@import url("../libs/bootstrap-daterangepicker/daterangepicker.css"); +@import url("../libs/nice-validator/dist/jquery.validator.css"); +@import url("../libs/bootstrap-select/dist/css/bootstrap-select.min.css"); +@import url("../libs/fastadmin-selectpage/selectpage.css"); +@import url("../libs/bootstrap-slider/slider.css"); +.m-0 { + margin-top: 0px !important; + margin-right: 0px !important; + margin-bottom: 0px !important; + margin-left: 0px !important; +} +.mt-0 { + margin-top: 0px !important; +} +.mr-0 { + margin-right: 0px !important; +} +.mb-0 { + margin-bottom: 0px !important; +} +.ml-0 { + margin-left: 0px !important; +} +.mx-0 { + margin-left: 0px !important; + margin-right: 0px !important; +} +.my-0 { + margin-top: 0px !important; + margin-bottom: 0px !important; +} +.m-1 { + margin-top: 5px !important; + margin-right: 5px !important; + margin-bottom: 5px !important; + margin-left: 5px !important; +} +.mt-1 { + margin-top: 5px !important; +} +.mr-1 { + margin-right: 5px !important; +} +.mb-1 { + margin-bottom: 5px !important; +} +.ml-1 { + margin-left: 5px !important; +} +.mx-1 { + margin-left: 5px !important; + margin-right: 5px !important; +} +.my-1 { + margin-top: 5px !important; + margin-bottom: 5px !important; +} +.m-2 { + margin-top: 10px !important; + margin-right: 10px !important; + margin-bottom: 10px !important; + margin-left: 10px !important; +} +.mt-2 { + margin-top: 10px !important; +} +.mr-2 { + margin-right: 10px !important; +} +.mb-2 { + margin-bottom: 10px !important; +} +.ml-2 { + margin-left: 10px !important; +} +.mx-2 { + margin-left: 10px !important; + margin-right: 10px !important; +} +.my-2 { + margin-top: 10px !important; + margin-bottom: 10px !important; +} +.m-3 { + margin-top: 15px !important; + margin-right: 15px !important; + margin-bottom: 15px !important; + margin-left: 15px !important; +} +.mt-3 { + margin-top: 15px !important; +} +.mr-3 { + margin-right: 15px !important; +} +.mb-3 { + margin-bottom: 15px !important; +} +.ml-3 { + margin-left: 15px !important; +} +.mx-3 { + margin-left: 15px !important; + margin-right: 15px !important; +} +.my-3 { + margin-top: 15px !important; + margin-bottom: 15px !important; +} +.m-4 { + margin-top: 20px !important; + margin-right: 20px !important; + margin-bottom: 20px !important; + margin-left: 20px !important; +} +.mt-4 { + margin-top: 20px !important; +} +.mr-4 { + margin-right: 20px !important; +} +.mb-4 { + margin-bottom: 20px !important; +} +.ml-4 { + margin-left: 20px !important; +} +.mx-4 { + margin-left: 20px !important; + margin-right: 20px !important; +} +.my-4 { + margin-top: 20px !important; + margin-bottom: 20px !important; +} +.p-0 { + padding-top: 0px !important; + padding-right: 0px !important; + padding-bottom: 0px !important; + padding-left: 0px !important; +} +.pt-0 { + padding-top: 0px !important; +} +.pr-0 { + padding-right: 0px !important; +} +.pb-0 { + padding-bottom: 0px !important; +} +.pl-0 { + padding-left: 0px !important; +} +.px-0 { + padding-left: 0px !important; + padding-right: 0px !important; +} +.py-0 { + padding-top: 0px !important; + padding-bottom: 0px !important; +} +.p-1 { + padding-top: 5px !important; + padding-right: 5px !important; + padding-bottom: 5px !important; + padding-left: 5px !important; +} +.pt-1 { + padding-top: 5px !important; +} +.pr-1 { + padding-right: 5px !important; +} +.pb-1 { + padding-bottom: 5px !important; +} +.pl-1 { + padding-left: 5px !important; +} +.px-1 { + padding-left: 5px !important; + padding-right: 5px !important; +} +.py-1 { + padding-top: 5px !important; + padding-bottom: 5px !important; +} +.p-2 { + padding-top: 10px !important; + padding-right: 10px !important; + padding-bottom: 10px !important; + padding-left: 10px !important; +} +.pt-2 { + padding-top: 10px !important; +} +.pr-2 { + padding-right: 10px !important; +} +.pb-2 { + padding-bottom: 10px !important; +} +.pl-2 { + padding-left: 10px !important; +} +.px-2 { + padding-left: 10px !important; + padding-right: 10px !important; +} +.py-2 { + padding-top: 10px !important; + padding-bottom: 10px !important; +} +.p-3 { + padding-top: 15px !important; + padding-right: 15px !important; + padding-bottom: 15px !important; + padding-left: 15px !important; +} +.pt-3 { + padding-top: 15px !important; +} +.pr-3 { + padding-right: 15px !important; +} +.pb-3 { + padding-bottom: 15px !important; +} +.pl-3 { + padding-left: 15px !important; +} +.px-3 { + padding-left: 15px !important; + padding-right: 15px !important; +} +.py-3 { + padding-top: 15px !important; + padding-bottom: 15px !important; +} +.p-4 { + padding-top: 20px !important; + padding-right: 20px !important; + padding-bottom: 20px !important; + padding-left: 20px !important; +} +.pt-4 { + padding-top: 20px !important; +} +.pr-4 { + padding-right: 20px !important; +} +.pb-4 { + padding-bottom: 20px !important; +} +.pl-4 { + padding-left: 20px !important; +} +.px-4 { + padding-left: 20px !important; + padding-right: 20px !important; +} +.py-4 { + padding-top: 20px !important; + padding-bottom: 20px !important; +} +html, +body { + height: 100%; +} +body { + background: #f1f4f6; + font-size: 14px; + line-height: 1.5715; +} +body.is-dialog { + background: #fff; +} +.dropdown-menu > li > a { + padding: 5px 12px; +} +.selection { + position: absolute; + border: 1px solid #8B9; + background-color: #BEC; +} +.main-header .navbar { + position: relative; +} +.main-header .navbar .dropdown-menu { + font-size: 14px; +} +.main-header .navbar .dropdown-menu > li > a { + padding: 8px 15px; +} +.bootstrap-dialog .modal-dialog { + /*width: 70%;*/ + max-width: 885px; +} +/*iOS兼容*/ +html.ios-fix, +html.ios-fix body { + height: 100%; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; +} +html.ios-fix .wrapper, +html.ios-fix body .wrapper, +html.ios-fix .tab-pane, +html.ios-fix body .tab-pane { + -webkit-overflow-scrolling: touch; +} +.wrapper { + height: 100%; +} +.content-wrapper { + position: relative; + height: 100%; +} +.control-relative { + position: relative; +} +.tab-addtabs .tab-pane { + height: 100%; + width: 100%; +} +.row-between .col-xs-6 + .col-xs-6:before { + content: "-"; + position: absolute; + left: -2%; + top: 6px; +} +@media only screen and (min-width: 481px) { + .row-flex { + display: flex; + flex-wrap: wrap; + } + .row-flex > [class*='col-'] { + display: flex; + flex-direction: column; + } + .row-flex.row:after, + .row-flex.row:before { + display: flex; + } +} +@media (max-width: 991px) { + .main-header .navbar-custom-menu a.btn-danger { + color: #fff; + background-color: #f75444; + } + .main-header .navbar-custom-menu a.btn-primary { + color: #fff; + background-color: #444c69; + } +} +.common-search-table { + min-height: 20px; + padding: 15px; + margin-bottom: 15px; + background-color: #f5f5f5; +} +/* 固定的底部按钮 */ +.fixed-footer { + position: fixed; + bottom: 0; + background-color: #ecf0f1; + width: 100%; + margin-bottom: 0; + padding: 10px; +} +table.table-template { + overflow: hidden; +} +.sp_container .msg-box { + position: absolute; + right: 0; + top: 0; +} +.sp_container .sp_element_box { + overflow: unset; +} +.sp_container .sp_element_box > li.input_box { + position: unset; +} +.sp_container .sp_element_box .msg-box { + right: -24px; +} +@media (max-width: 767px) { + .sp_container .sp_element_box .msg-box { + left: inherit; + } + .card-views .card-view { + padding: 5px 0; + } +} +.toast-top-right-index { + top: 62px; + right: 12px; +} +.bootstrap-select { + min-height: 33px; +} +.bootstrap-select .msg-box { + position: absolute; + right: 0; + top: 0; +} +.bootstrap-select .status { + background: #f0f0f0; + clear: both; + color: #999; + font-size: 13px; + font-weight: 500; + line-height: 1; + margin-bottom: -5px; + padding: 10px 20px; +} +.bootstrap-select .bs-placeholder { + min-height: 33px; +} +select.bs-select-hidden, +select.selectpicker { + display: inherit !important; + max-height: 33px; + overflow: hidden; +} +select.bs-select-hidden[multiple], +select.selectpicker[multiple] { + height: 33px; + padding: 0; + background: #f4f4f4; +} +select.bs-select-hidden[multiple] option, +select.selectpicker[multiple] option { + color: #f4f4f4; + zoom: 1; + filter: alpha(opacity=0); + -webkit-opacity: 0; + -moz-opacity: 0; + opacity: 0; +} +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance:none) { + select.bs-select-hidden[multiple], + select.selectpicker[multiple] { + visibility: hidden; + } + } +} +input.selectpage { + color: transparent; + pointer-events: none; +} +.sp_container { + min-height: 33px; +} +.sp_container input.selectpage { + color: inherit; + pointer-events: inherit; + padding-left: 12px; + padding-right: 12px; +} +.sp_container .sp_element_box input.selectpage { + padding-left: 0; + padding-right: 0; +} +.sp_container .sp_element_box li:first-child input.selectpage { + padding-left: 9px; + padding-right: 9px; +} +.img-center { + margin: 0 auto; + display: inline; + float: none; +} +/* + * RIBBON + */ +#ribbon { + overflow: hidden; + padding: 15px 15px 0 15px; + position: relative; +} +#ribbon a { + color: #777 !important; + text-decoration: none !important; +} +#ribbon .breadcrumb { + display: inline-block; + margin: 0; + padding: 0; + background: none; + vertical-align: top; +} +#ribbon .breadcrumb > .active, +#ribbon .breadcrumb li { + color: #aaa; +} +#ribbon .shortcut a { + margin-left: 10px; +} +.is-dialog #main { + background: #fff; +} +.is-dialog .layer-footer { + display: none; +} +form.form-horizontal .control-label { + font-weight: normal; +} +.user-panel > .image img { + width: 45px; + height: 45px; +} +/*panel扩展描述样式*/ +.panel-intro { + margin-bottom: 0; + border: none; +} +.panel-intro > .panel-heading { + padding: 15px; + padding-bottom: 0; + background: #e8edf0; + border-color: #e8edf0; + position: relative; +} +.panel-intro > .panel-heading .panel-lead { + margin-bottom: 15px; +} +.panel-intro > .panel-heading .panel-lead em { + display: block; + font-weight: bold; + font-style: normal; +} +.panel-intro > .panel-heading .panel-title { + height: 25px; + font-weight: normal; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.panel-intro > .panel-heading .panel-control { + height: 42px; + position: absolute; + top: 8px; + right: 8px; +} +.panel-intro > .panel-heading .panel-control .fa { + font-size: 14px; +} +.panel-intro > .panel-heading .nav-tabs { + border-bottom: 0; + margin-bottom: 0; +} +.panel-intro > .panel-heading .nav-tabs > li > a { + margin-right: 4px; + color: #95a5a6; + background-color: #d8e0e6; + border: 1px solid #e8edf0; + border-bottom-color: transparent; +} +.panel-intro > .panel-heading .nav-tabs > li > a:hover, +.panel-intro > .panel-heading .nav-tabs > li > a:focus { + border: 1px solid #e8edf0; + color: #7b8a8b; + background-color: #c9d4dc; +} +.panel-intro > .panel-heading .nav-tabs > li.active > a, +.panel-intro > .panel-heading .nav-tabs > li.active > a:hover, +.panel-intro > .panel-heading .nav-tabs > li.active > a:focus { + color: #7b8a8b; + background-color: #ffffff; + border-bottom-color: transparent; + cursor: default; +} +@media (max-width: 768px) { + .panel-intro > .panel-heading .nav-tabs { + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden; + margin-bottom: -1px; + } + .panel-intro > .panel-heading .nav-tabs > li { + display: inline-block; + float: none; + } +} +/*单表格*/ +.panel-tabs .panel-heading { + padding: 12px 15px 12px 15px; +} +.panel-tabs .panel-heading .panel-lead { + margin-bottom: 0px; +} +/*选项卡*/ +.panel-nav .panel-heading { + padding: 0px; + padding-bottom: 0; + background: #f1f4f6; + border-color: #f1f4f6; +} +.panel-nav .nav-tabs > li > a { + padding: 12px 15px; + background-color: #e8edf0; + border: 1px solid #f1f4f6; +} +.panel-nav .nav-tabs > li > a:hover, +.panel-nav .nav-tabs > li > a:focus { + border: 1px solid #e8edf0; + background-color: #e8edf0; +} +.panel-nav .nav-tabs > li.active > a, +.panel-nav .nav-tabs > li.active > a:hover, +.panel-nav .nav-tabs > li.active > a:focus { + border-color: #f1f4f6; + border-bottom-color: transparent; +} +/*顶栏addtabs*/ +.nav-addtabs { + height: 100%; + border: none; +} +.nav-addtabs.disable-top-badge > li > a > .pull-right-container { + display: none; +} +.nav-addtabs > li { + margin: 0; +} +.nav-addtabs > li > a { + height: 50px; + line-height: 50px; + padding: 0 15px; + border-radius: 0; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.05); + margin: 0; + color: #95a5a6; +} +.nav-addtabs > li > a:hover, +.nav-addtabs > li > a:focus { + border: none; + color: #2c3e50; + border-right: 1px solid rgba(0, 0, 0, 0.02); +} +.nav-addtabs > li.active > a { + height: 50px; + line-height: 50px; + padding: 0 15px; + border-radius: 0; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.02); + background: #f1f4f6; + color: #2c3e50; + overflow: hidden; +} +.nav-addtabs > li.active > a:hover, +.nav-addtabs > li.active > a:focus { + border: none; + color: #2c3e50; + background: #f1f4f6; + border-right: 1px solid rgba(0, 0, 0, 0.02); +} +.nav-addtabs > li .close-tab { + font-size: 10px; + position: absolute; + right: 0px; + top: 50%; + margin-top: -8px; + z-index: 100; + cursor: pointer; + color: #eee; + display: none; +} +.nav-addtabs > li .close-tab:before { + content: "\e626"; + font-family: iconfont; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + font-size: 18px; +} +.nav-addtabs .open > a:hover, +.nav-addtabs .open > a:focus { + border-right: 1px solid rgba(0, 0, 0, 0.05); +} +.nav-addtabs ul li { + position: relative; +} +.nav-addtabs li:hover > .close-tab { + display: block; +} +#firstnav { + height: 50px; + border-bottom: 1px solid transparent; + box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); + position: relative; +} +#firstnav .sidebar-toggle { + position: absolute; + width: 45px; + text-align: center; + height: 50px; + line-height: 50px; + padding: 0; +} +#firstnav .nav-addtabs { + position: absolute; + left: 45px; + z-index: 98; +} +#firstnav .navbar-custom-menu { + position: absolute; + top: 0; + right: 0; + z-index: 99; + background: transparent; +} +/*次栏菜单栏*/ +#secondnav { + display: none; + height: 44px; + position: absolute; + top: 50px; + left: 0; + background: #fff; + width: 100%; + box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); + padding: 5px 10px; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +#secondnav .nav-addtabs { + height: 100%; + border: none; +} +#secondnav .nav-addtabs.disable-top-badge > li > a > .pull-right-container { + display: none; +} +#secondnav .nav-addtabs > li { + border: 1px solid #eee; + border-radius: 3px; + padding: 0 15px; + height: 30px; + line-height: 30px; + margin: 2px 5px 2px 0; + background: #fff; +} +#secondnav .nav-addtabs > li > a { + display: block; + color: #495060 !important; + height: 100%; + padding: 0; + line-height: 28px; + font-size: 13px; + vertical-align: middle; + opacity: 1; + overflow: hidden; + background: none; + border: none; +} +#secondnav .nav-addtabs > li.active { + border-color: #bdbebd; + background-color: #f7f7f7; +} +#secondnav .nav-addtabs > li .close-tab { + font-size: 10px; + position: absolute; + right: 0px; + top: 50%; + margin-top: -8px; + z-index: 100; + cursor: pointer; + color: #eee; +} +#secondnav .nav-addtabs > li .close-tab:before { + content: "\e626"; + font-family: iconfont; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + font-size: 18px; +} +#secondnav .nav-addtabs > li:hover, +#secondnav .nav-addtabs > li:focus { + border-color: #bdbebd; +} +#secondnav .nav-addtabs ul li { + position: relative; +} +#secondnav .nav-addtabs li:hover > .close-tab { + display: block; + border-color: #222e32; + color: #222e32; +} +.multiplenav .content-wrapper, +.multiplenav .right-side, +.multiplenav .main-sidebar { + padding-top: 50px; +} +.multiplenav #firstnav .nav-addtabs { + padding-right: 450px; +} +@media (max-width: 767px) { + .multipletab.multiplenav .content-wrapper, + .multipletab.multiplenav .right-side { + padding-top: 94px; + } +} +.multipletab #secondnav { + display: block; +} +.multipletab.multiplenav .content-wrapper, +.multipletab.multiplenav .right-side { + padding-top: 94px; +} +.multipletab.multiplenav #firstnav .nav-tabs { + overflow: hidden; +} +.main-sidebar .sidebar-form { + overflow: visible; +} +.main-sidebar .sidebar-form .menuresult { + z-index: 999; + position: absolute; + top: 34px; + left: -1px; + width: 100%; + max-height: 250px; + overflow: auto; + margin: 0; + border-top: none; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.main-sidebar .sidebar-form .menuresult a { + display: block; + background-color: #fff; + border-top: 1px solid transparent; + border-bottom: 1px solid #eee; + padding: 10px 15px; + color: #222d32; +} +.main-sidebar .sidebar-form .menuresult a:hover { + background: #eee; +} +.main-sidebar .sidebar-form .menuresult a:first-child { + border-top: 1px solid #eee; +} +.input-group .sp_result_area { + width: 100%; +} +.sidebar-menu .treeview-open > .treeview-menu { + display: block; +} +.sidebar-menu > li .badge { + margin-top: 0; +} +.sidebar-collapse .user-panel > .image img { + width: 25px; + height: 25px; +} +@media (min-width: 768px) { + .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { + top: 7px !important; + right: 10px; + height: 17px; + } +} +.fieldlist dd { + display: block; + margin: 8px 0; +} +.fieldlist dd input { + display: inline-block; + width: 300px; +} +.fieldlist dd input:first-child { + width: 110px; +} +.fieldlist dd ins { + width: 110px; + display: inline-block; + text-decoration: none; +} +/* 弹窗中的表单 */ +.form-layer { + height: 100%; + min-height: 150px; + min-width: 300px; +} +.form-layer .form-body { + width: 100%; + overflow: auto; + top: 0; + position: absolute; + z-index: 10; + bottom: 50px; + padding: 15px; +} +.form-layer .form-footer { + height: 50px; + line-height: 50px; + background-color: #ecf0f1; + width: 100%; + position: absolute; + z-index: 200; + bottom: 0; + margin: 0; +} +.form-layer .form-footer .form-group { + margin-left: 0; + margin-right: 0; +} +#treeview .jstree-container-ul .jstree-node { + display: block; + clear: both; +} +#treeview .jstree-leaf:not(:first-child) { + float: left; + background: none; + margin-left: 0; + min-width: 80px; + clear: none; +} +#treeview .jstree-leaf { + float: left; + margin-left: 0; + padding-left: 24px; + min-width: 80px; + clear: none; + color: #777; +} +#treeview .jstree-leaf > .jstree-icon, +#treeview .jstree-leaf .jstree-themeicon { + display: none; +} +#treeview .jstree-last { + background-image: url("../img/32px.png"); + background-position: -292px -4px; + background-repeat: repeat-y; +} +#treeview .jstree-children:before, +#treeview .jstree-children:after { + content: " "; + display: table; +} +#treeview .jstree-children:after { + clear: both; +} +#treeview .jstree-themeicon { + display: none; +} +/*去除bootstrap-table的边框*/ +.fixed-table-container { + border: none !important; +} +.fixed-table-container tbody .selected td { + background-color: rgba(216, 224, 230, 0.5); +} +.fixed-table-container .bs-checkbox { + min-width: 36px; +} +.fixed-table-container tr[data-origpos] > td > .tooltip.in { + display: none !important; +} +/*修复nice-validator新版下的一处BUG*/ +.nice-validator input, +.nice-validator select, +.nice-validator textarea, +.nice-validator [contenteditable] { + vertical-align: top; + display: inline-block; + *display: inline; + *zoom: 1; +} +/*修复nice-validator和summernote的编辑框冲突*/ +.nice-validator .note-editor .note-editing-area .note-editable { + display: inherit; +} +/*预览区域*/ +.plupload-preview, +.faupload-preview { + padding: 0 10px; + margin-bottom: 0; +} +.plupload-preview li, +.faupload-preview li { + margin-top: 15px; +} +.plupload-preview .thumbnail, +.faupload-preview .thumbnail { + margin-bottom: 10px; +} +.plupload-preview a, +.faupload-preview a { + display: block; +} +.plupload-preview a:first-child, +.faupload-preview a:first-child { + height: 90px; +} +.plupload-preview a img, +.faupload-preview a img { + height: 80px; + object-fit: cover; +} +.pjax-loader-bar .progress { + position: fixed; + top: 0; + left: 0; + height: 2px; + background: #77b6ff; + box-shadow: 0 0 10px rgba(119, 182, 255, 0.7); + -webkit-transition: width 0.4s ease; + transition: width 0.4s ease; +} +.dropdown-menu.text-left a, +.dropdown-menu.text-left li { + text-align: left !important; +} +.bootstrap-table .fixed-table-loading { + padding: 10px 0; +} +.bootstrap-table .fixed-table-toolbar .dropdown-menu { + overflow: inherit; +} +.bootstrap-table .fixed-table-toolbar .columns-right .dropdown-menu { + overflow: auto; +} +.bootstrap-table .bs-bars .fixed-table-toolbar .dropdown-menu > li:hover > a { + background-color: #e1e3e9; + color: #333; +} +.bootstrap-table .fa-toggle-on.fa-2x { + font-size: 1.86em; +} +.bootstrap-table .form-commonsearch .row > .form-group { + margin-left: 0; + margin-right: 0; +} +.bootstrap-table .form-commonsearch .row > .form-group > .control-label { + white-space: nowrap; +} +.bootstrap-table .btn-commonsearch { + position: relative; +} +.bootstrap-table .btn-commonsearch > span { + position: absolute; + top: -10px; + right: -10px; +} +.bootstrap-table .table:not(.table-condensed) > tbody > tr > th, +.bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, +.bootstrap-table .table:not(.table-condensed) > thead > tr > td, +.bootstrap-table .table:not(.table-condensed) > tbody > tr > td, +.bootstrap-table .table:not(.table-condensed) > tfoot > tr > td { + padding: 10px 15px; + height: 47px; +} +.fixed-table-container tbody td .th-inner, +.fixed-table-container thead th .th-inner { + padding: 10px 10px; +} +.toolbar { + margin-top: 10px; + margin-bottom: 10px; +} +.fixed-table-toolbar .bs-bars, +.fixed-table-toolbar .columns, +.fixed-table-toolbar .search { + line-height: inherit; +} +.fixed-table-toolbar .toolbar { + margin-top: 0; + margin-bottom: 0; +} +.bootstrap-table table tbody tr:first-child td .bs-checkbox { + vertical-align: middle; +} +.bootstrap-table td.bs-checkbox { + vertical-align: middle; +} +table.table-nowrap tbody > tr > td, +table.table-nowrap thead > tr > th { + white-space: nowrap; +} +.fixed-table-container thead th .sortable { + padding: 8px 15px; +} +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + overflow: auto; + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -webkit-background-clip: padding-box; + -moz-border-radius: 0 6px 6px 6px; + -moz-background-clip: padding; + border-radius: 0 6px 6px 6px; + background-clip: padding-box; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropdown-submenu:hover > a:after { + border-left-color: #fff; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #ccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -webkit-background-clip: padding-box; + -moz-border-radius: 6px 0 6px 6px; + -moz-background-clip: padding; + border-radius: 6px 0 6px 6px; + background-clip: padding-box; +} +/*重写toast的几个背景色*/ +.toast-primary { + background-color: #48c9b0 !important; +} +.toast-success { + background-color: #18bc9c !important; +} +.toast-error { + background-color: #e74c3c !important; +} +.toast-info { + background-color: #5dade2 !important; +} +.toast-warning { + background-color: #f1c40f !important; +} +.toast-inverse { + background-color: #34495e !important; +} +.toast-default { + background-color: #bdc3c7 !important; +} +#toast-container > div, +#toast-container > div:hover { + -webkit-box-shadow: 0 0 3px #eee; + -moz-box-shadow: 0 0 3px #eee; + box-shadow: 0 0 3px #eee; +} +.layui-layer-fast { + /*自定义底部灰色操作区*/ +} +.layui-layer-fast .layui-layer-title { + background: #2c3e50 !important; + color: #fff !important; + border-bottom: none; + height: 45px; + line-height: 45px; +} +.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin { + top: 0px; + height: 45px; +} +.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a { + height: 45px; + line-height: 45px; + display: inline-block; +} +.layui-layer-fast.layui-layer-border { + border: none !important; + box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important; +} +.layui-layer-fast.layui-layer-iframe { + overflow: visible; +} +.layui-layer-fast .layui-layer-moves { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.layui-layer-fast .layui-layer-btn { + text-align: center !important; + padding: 10px !important; + background: #ecf0f1; + overflow: hidden; +} +.layui-layer-fast .layui-layer-btn a { + background-color: #95a5a6; + color: #fff !important; + height: 32px; + line-height: 32px; + margin-top: 0; + font-size: 13px; + border: none; +} +.layui-layer-fast .layui-layer-btn .layui-layer-btn0 { + background-color: #18bc9c; + border-color: #18bc9c; +} +.layui-layer-fast .layui-layer-footer { + padding: 8px 20px; + background-color: #ecf0f1; + height: auto; + min-height: 53px; + text-align: inherit !important; +} +.layui-layer-fast .layui-layer-confirm { + position: absolute; + width: 100%; + height: 100%; + left: 0; + bottom: 0; + border: 1px solid transparent; + background: transparent; + color: transparent; +} +.layui-layer-fast .layui-layer-confirm:focus { + border: 1px solid #444c69; + -webkit-border-radius: 2px; + -webkit-background-clip: padding-box; + -moz-border-radius: 2px; + -moz-background-clip: padding; + border-radius: 2px; + background-clip: padding-box; +} +.layui-layer-fast .layui-layer-confirm:focus-visible { + outline: 0; +} +.layui-layer-fast .layui-layer-tab .layui-layer-title span.layui-this { + height: 46px; +} +.layui-layer-fast .layui-layer-setwin > a { + background: none !important; +} +.layui-layer-fast .layui-layer-setwin > a cite { + display: none; +} +.layui-layer-fast .layui-layer-setwin > a:after { + content: "\e625"; + font-family: iconfont; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + position: absolute; + font-size: 18px; + color: #fff; + margin: 0; + z-index: 1; +} +.layui-layer-fast .layui-layer-setwin > a:hover { + text-decoration: none !important; + background: none !important; +} +.layui-layer-fast .layui-layer-setwin > a:focus { + text-decoration: none !important; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-min { + display: none; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-min:after { + content: "\e625"; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-max { + display: none; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-max:after { + content: "\e623"; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-maxmin { + display: none; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-maxmin:after { + content: "\e624"; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-close1:after { + content: "\e626"; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-close2, +.layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover { + background: url('../libs/fastadmin-layer/dist/theme/default/icon.png') no-repeat -149px -31px !important; + top: -30px; + right: -30px; +} +.layui-layer-fast .layui-layer-setwin .layui-layer-close2:after, +.layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover:after { + display: none; +} +.layui-layer-content { + clear: both; +} +.layui-layer-fast-msg { + min-width: 100px; +} +.layui-layer-fast-tab .layui-layer-title .layui-this { + color: #333; +} +.layui-layer-fast-tab .layui-layer-content .layui-layer-tabmain { + margin: 0; + padding: 0; +} +.input-group > .msg-box.n-right { + position: absolute; +} +@media (min-width: 564px) { + body.is-dialog .daterangepicker { + min-width: 130px; + } + body.is-dialog .daterangepicker .ranges ul { + width: 130px; + } +} +/*手机版样式*/ +@media (max-width: 480px) { + #firstnav .navbar-custom-menu ul li a { + padding-left: 10px; + padding-right: 10px; + } + #firstnav .navbar-nav > .user-menu .user-image { + margin-top: -3px; + } + .fixed-table-toolbar > .bs-bars { + float: none !important; + } + .fixed-table-toolbar .toolbar .btn { + min-height: 33px; + } + .fixed-table-toolbar .toolbar a.btn-refresh, + .fixed-table-toolbar .toolbar a.btn-del, + .fixed-table-toolbar .toolbar a.btn-add, + .fixed-table-toolbar .toolbar a.btn-edit, + .fixed-table-toolbar .toolbar a.btn-import, + .fixed-table-toolbar .toolbar a.btn-more, + .fixed-table-toolbar .toolbar a.btn-recyclebin, + .fixed-table-toolbar .toolbar .btn-mini-xs, + .fixed-table-toolbar .toolbar .btn-multi { + font-size: 0; + } + .fixed-table-toolbar .toolbar a.btn-refresh .fa, + .fixed-table-toolbar .toolbar a.btn-del .fa, + .fixed-table-toolbar .toolbar a.btn-add .fa, + .fixed-table-toolbar .toolbar a.btn-edit .fa, + .fixed-table-toolbar .toolbar a.btn-import .fa, + .fixed-table-toolbar .toolbar a.btn-more .fa, + .fixed-table-toolbar .toolbar a.btn-recyclebin .fa, + .fixed-table-toolbar .toolbar .btn-mini-xs .fa, + .fixed-table-toolbar .toolbar .btn-multi .fa { + font-size: initial; + } + .fixed-table-toolbar .search { + max-width: 110px; + float: left !important; + } + .fixed .content-wrapper, + .fixed .right-side { + padding-top: 50px; + } + .main-sidebar, + .left-side { + padding-top: 144px; + } +} +/*平板样式*/ +@media (max-width: 767px) { + .wrapper .main-header .logo { + border-bottom: 0 solid transparent; + position: absolute; + top: 0; + z-index: 1200; + width: 130px; + left: 50%; + margin-left: -65px; + } + .sidebar .mobilenav a.btn-app { + color: #444; + width: 100px; + height: 70px; + font-size: 13px; + border: none; + background: #fff; + } + .sidebar .mobilenav a.btn-app i.fa { + font-size: 24px; + display: inline-block; + } + .sidebar .mobilenav a.btn-app span { + margin-top: 5px; + display: block; + } + .sidebar .mobilenav a.btn-app.active { + color: #222d32; + } + .wrapper .main-header .navbar .dropdown-menu li > a { + color: #333; + } + .wrapper .main-header .navbar .dropdown-menu li > a:hover { + background: #eee; + } + .wrapper .main-header .navbar .dropdown-menu li.active > a { + color: #fff; + } + .wrapper .main-header .navbar .dropdown-menu li.active > a:hover { + background: #222d32; + } + .main-sidebar, + .left-side { + padding-top: 50px; + } + .multipletab.multiplenav .main-sidebar { + padding-top: 95px; + } + .n-bootstrap .n-right { + margin-top: 0; + top: -20px; + position: absolute; + left: 0; + text-align: right; + width: 100%; + } + .n-bootstrap .n-right .msg-wrap { + position: relative; + } + .n-bootstrap .col-xs-12 > .n-right .msg-wrap { + margin-right: 15px; + } +} +/*修复radio和checkbox样式对齐*/ +.radio > label, +.checkbox > label { + margin-right: 10px; +} +.radio > label > input, +.checkbox > label > input { + margin: 5px 0 0; +} +.wipecache li a { + color: #444444 !important; +} +/*修正开关关闭下的颜色值*/ +.btn-switcher.disabled { + opacity: 0.6; + cursor: not-allowed; +} +.btn-switcher .text-gray { + color: #d2d6de !important; +} +.jumpto input { + width: 50px; + margin-left: 5px; + margin-right: 5px; + text-align: center; + display: inline-block; +} +.fixed-columns, +.fixed-columns-right { + position: absolute; + top: 0; + height: 100%; + min-height: 41px; + background-color: #fff; + box-sizing: border-box; + z-index: 2; + box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08); +} +.fixed-columns .fixed-table-body, +.fixed-columns-right .fixed-table-body { + min-height: 41px; + overflow-x: hidden !important; +} +.fixed-columns .fixed-table-body .btn-dragsort, +.fixed-columns-right .fixed-table-body .btn-dragsort { + pointer-events: none; + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.fixed-columns { + left: 0; +} +.fixed-columns-right { + right: 0; + box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08); +} +.fix-sticky { + position: fixed; + z-index: 100; +} +.fix-sticky thead { + background: #fff; +} +.fix-sticky thead th, +.fix-sticky thead th:first-child { + border-left: 0; + border-right: 0; + border-bottom: 1px solid #eee; + border-radius: 0; +} +.sidebar-menu li.active > a > .fa-angle-left, +.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.sidebar-menu li.treeview-open > a > .fa-angle-left, +.sidebar-menu li.treeview-open > a > .pull-right-container > .fa-angle-left { + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.sidebar-menu .treeview-menu > li { + margin: 4px 0 4px 0; +} +.bootstrap-tagsinput { + background-color: #fff; + border: 1px solid #ccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + display: inline-block; + padding: 4px 6px; + color: #555; + vertical-align: middle; + width: 100%; + line-height: 23px; + cursor: text; +} +.bootstrap-tagsinput input { + border: none; + box-shadow: none; + outline: none; + background-color: transparent; + padding: 0; + margin: 0; + font-size: 13px; + width: 80px; + max-width: inherit; +} +.bootstrap-tagsinput input:focus { + border: none; + box-shadow: none; +} +.bootstrap-tagsinput .tagsinput-text { + display: inline-block; + overflow: auto; + visibility: hidden; + height: 1px; + position: absolute; + bottom: -1px; + left: 0; +} +.bootstrap-tagsinput .tag { + margin-right: 2px; + color: white; + min-height: 23px; +} +.bootstrap-tagsinput .tag [data-role="remove"] { + margin-left: 5px; + cursor: pointer; +} +.bootstrap-tagsinput .tag [data-role="remove"]:after { + content: "x"; + padding: 0px 2px; +} +.bootstrap-tagsinput .tag [data-role="remove"]:hover { + background-color: rgba(255, 255, 255, 0.16); +} +.autocomplete-suggestions { + border-radius: 2px; + background: #FFF; + overflow: auto; + min-width: 200px; + -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); + -moz-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); + box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); +} +.autocomplete-suggestions strong { + font-weight: normal; + color: red; +} +.autocomplete-suggestions .autocomplete-suggestion { + padding: 5px 10px; + white-space: nowrap; + overflow: hidden; +} +.autocomplete-suggestions .autocomplete-selected { + background: #F0F0F0; +} +.autocomplete-suggestions .autocomplete-group { + padding: 5px 10px; +} +.autocomplete-suggestions .autocomplete-group strong { + display: block; + border-bottom: 1px solid #ddd; +} +.autocontent { + position: relative; +} +.autocontent .autocontent-caret { + position: absolute; + right: 0; + top: 0; + height: 100%; + line-height: 1; + background: #eee; + color: #ddd; + vertical-align: middle; + padding: 0 5px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; +} +.autocontent .autocontent-caret:hover { + color: #ccc; +} +.bootstrap-select .dropdown-toggle { + background-color: #fff !important; +} /*# sourceMappingURL=backend.css.map */ \ No newline at end of file diff --git a/public/assets/js/backend/wdsxh/member/rights.js b/public/assets/js/backend/wdsxh/member/rights.js new file mode 100755 index 0000000..c82684c --- /dev/null +++ b/public/assets/js/backend/wdsxh/member/rights.js @@ -0,0 +1,53 @@ +define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) { + + var Controller = { + index: function () { + // 初始化表格参数配置 + Table.api.init({ + extend: { + index_url: 'wdsxh/member/rights/index' + location.search, + add_url: 'wdsxh/member/rights/add', + edit_url: 'wdsxh/member/rights/edit', + del_url: 'wdsxh/member/rights/del', + table: 'wdsxh_member_rights', + } + }); + + var table = $("#table"); + + // 初始化表格 + table.bootstrapTable({ + url: $.fn.bootstrapTable.defaults.extend.index_url, + pk: 'id', + sortName: 'weigh', + columns: [ + [ + {checkbox: true}, + {field: 'id', title: __('Id')}, + {field: 'name', title: __('权益名称'), operate: 'LIKE'}, + {field: 'content', title: __('权益介绍'), operate: 'LIKE'}, + {field: 'image', title: __('权益图标'), operate: false, formatter: Table.api.formatter.image}, + {field: 'weigh', title: __('排序'), operate: false}, + {field: 'status', title: __('状态'), searchList: {"normal": __('显示'), "hidden": __('隐藏')}, formatter: Table.api.formatter.status}, + {field: 'operate', title: __('操作'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate} + ] + ] + }); + + // 为表格绑定事件 + Table.api.bindevent(table); + }, + add: function () { + Controller.api.bindevent(); + }, + edit: function () { + Controller.api.bindevent(); + }, + api: { + bindevent: function () { + Form.api.bindevent($("form[role=form]")); + } + } + }; + return Controller; +});