订舱台账-筛选样式修改

public/index.html

@@ -95,8 +95,7 @@
     <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
     <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
     <% } %>
-    <!--<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3756681_ag4yb8dhtl9.css" />-->
-    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3756681_up8nw2bm22.css" />
+    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3756681_ytjy4xelr9r.css" />
     <!-- 1.8K仔百度收录 -->
     <meta name="baidu-site-verification" content="code-QVfBYJ5laQ" />
   </head>

src/components/setFormModel/index.vue

@@ -11,7 +11,7 @@
         <div class="title">
           <span class="left"></span>
           <span class="right"></span>
-          <span class="tip">已显示表头,可<b>拖动</b>表头调整显示顺序</span>
+          <span class="tip">已显示数据列,可<b>拖动</b>调整显示顺序</span>
         </div>
         <div class="label-box">
           <draggable
@@ -35,11 +35,11 @@
           </div>
         </div>
       </div>
-      <div class="basic-from">
+      <div class="basic-from basic-from-hide">
         <div class="title">
           <span class="left"></span>
           <span class="right"></span>
-          <span class="tip">全部数据列</span>
+          <span class="tip">未选择数据列</span>
         </div>
         <div class="label-box all-label">
           <div class="label" v-for="(item, index) in fromAllLabel" :key="index">
@@ -222,4 +222,16 @@ export default {
     border: none !important;
   }
 }
+.basic-from-hide{
+  .label{
+    border: 1px solid @primary-color !important;
+    background: #f9fafe !important;
+    span{
+      color: @primary-color;
+    }
+    i{
+      color: @primary-color;
+    }
+  }
+}
 </style>

src/views/main/BookingLedger/list/index.vue

@@ -36,10 +36,10 @@
                     <a-button style="margin-left: 8px" @click="tableReset">重置</a-button>
                     <a-button style="margin-left: 8px" @click="tableMoreRefresh">多提单号查询</a-button>
                     <span class="tab-btn" @click="formSetting"
-                      ><a-icon type="setting" :style="{ fontSize: '14px' }" />
+                      ><a-icon type="filter" :style="{ fontSize: '14px' }" />
                     </span>
                     <a @click="toggleAdvanced">
-                      {{ advanced ? '收起' : '展开' }}
+                      {{ advanced ? '收起筛选' : '高级筛选' }}
                       <!-- <a-icon :type="advanced ? 'up' : 'down'" /> -->
                       <i class="iconfont" :class="advanced ? 'icon-shouqi' : 'icon-zhankai'" style="font-size:12px;"></i>
                     </a>
@@ -634,6 +634,7 @@ export default {
   .tab-btn{
     padding:6px 9px;
     border: 1px solid #c7c7c9;
+    background: #f9fafe;
     border-radius: 2px;
     margin-right: 10px;
     cursor: pointer;
@@ -642,14 +643,18 @@ export default {
     -webkit-user-select:0 2px 0 rgba(0,0,0,.02);
   }
 }
-.table-page-search-submitButtons .tab-btn {
-  margin-left:8px;
-  margin-right: 10px;
-  padding:6px 9px;
-  padding-top:5px;
-  border: 1px solid #c7c7c9;
-  border-radius: 3px;
-  cursor: pointer;
+.table-page-search-submitButtons {
+  .tab-btn{
+    margin-left:8px;
+    margin-right: 10px;
+    padding:6px 9px;
+    padding-top:5px;
+    border: 1px solid #c7c7c9;
+    background: #f9fafe;
+    border-radius: 3px;
+    cursor: pointer;
+  }
+
 }
 .table-page-search-submitButtons {
   text-align: right;