订舱详情多品名处修改

public/index.html

@@ -95,7 +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_sqw8em8u0p.css" />
+    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3756681_5nvf0rgprqc.css" />
     <!-- 1.8K仔百度收录 -->
     <meta name="baidu-site-verification" content="code-QVfBYJ5laQ" />
   </head>

src/views/main/BookingLedger/detail/modules/billInfo.vue

@@ -628,7 +628,7 @@ export default {
 .base-tit {
   font-size: 14px;
   font-weight: 600;
-  color: #666;
+  color: #333;
   position: relative;
   height: 40px;
   line-height: 40px;

src/views/main/BookingLedger/detail/modules/goodsTable.vue

@@ -3,11 +3,11 @@
     <a-card :bordered="false">
       <div class="from-line">
         <div class="left">
-          <a-button class="btn" type="primary" @click="addboxLine">添加</a-button>
+          <a-button class="btn btn-add" type="primary" @click="addboxLine">添加</a-button>
-          <a-button class="btn" @click="removeLine">删除</a-button>
+          <a-button class="btn btn-delete" @click="removeLine" :style="{marginRight:'50px'}">删除</a-button>
-          <a-button class="btn" type="primary" @click="openDialog" :disabled="tableData.length === 0">多品名</a-button>
+          <a-button class="btn btn-more-name" type="primary" @click="openDialog" :disabled="tableData.length === 0"><a-icon type="appstore" />多品名</a-button>
-          <a-button class="btn" type="primary" @click="importYarn" :loading="YarnLoading">引入场站数据</a-button>
+          <a-button class="btn btn-import-station" type="primary" @click="importYarn" :loading="YarnLoading"><a-icon type="import" />引入场站数据</a-button>
-          <a-button class="btn" type="primary" @click="importWeight" :loading="WeightLoading">引入箱皮重</a-button>
+          <a-button class="btn btn-weight" type="primary" @click="importWeight" :loading="WeightLoading"><a-icon type="import" />引入箱皮重</a-button>
         </div>
         <div class="table-right">
           <!-- <span>合计: {{ totalCtnall }}</span> -->
@@ -49,7 +49,7 @@
         />
         <div class="model-botton-box">
           <a-button class="btn" type="primary" @click="addChildData">新增</a-button>
-          <a-button class="btn" @click="removeChildData">删除</a-button>
+          <a-button class="btn btn-delete" @click="removeChildData">删除</a-button>
           <a-button class="btn" type="primary" @click="saveChildData">保存</a-button>
         </div>
         <div class="model-child-table">
@@ -1028,6 +1028,22 @@ export default {
     .btn {
       margin-right: 10px;
     }
+    .btn-delete{
+      border: 1px solid #ff6646;
+      background: #fdf2f0;
+      color: #ff6646;
+      &:hover{
+        border: 1px solid #ff6646 !important;
+        background: #fdf2f0 !important;
+        color: #ff6646 !important;
+        opacity:.7;
+      }
+    }
+    .btn-more-name,.btn-import-station,.btn-weight{
+      border: 1px solid @primary-color;
+      color: @primary-color;
+      background-color: #f5f9fe;
+    }
   }
   .table-right {
     line-height: 28px;
@@ -1042,10 +1058,21 @@ export default {
 
 .model-content {
   .model-botton-box {
-    margin: 40px 0;
+    margin: 40px 0 20px;
     .btn {
       margin-right: 10px;
     }
+    .btn-delete{
+      border: 1px solid #ff6646;
+      background: #fdf2f0;
+      color: #ff6646;
+      &:hover{
+        border: 1px solid #ff6646 !important;
+        background: #fdf2f0 !important;
+        color: #ff6646 !important;
+        opacity:.7;
+      }
+    }
   }
 }
 .table-no-data {

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

@@ -72,6 +72,9 @@
               @cell-dblclick="handledbclick"
               style="margin-top:15px;"
             >
+              <template #mblno="{ row }">
+                <div class="mblno">{{ row.mblno }}</div>
+              </template>
               <template #vessel="{ row }">
                 <div class="vessel">{{ row.vessel }}</div>
               </template>
@@ -554,9 +557,13 @@ export default {
 }
 </style>
 <style lang="less" scoped>
-.vessel {
+/*订舱表格内字体颜色 */
-  color: #ffa93e;
+.mblno{
+  color: #3277ff;
 }
+/*.vessel {
+  color: #77c950;
+}*/
 .nav-box {
   margin-bottom: 10px;
   padding: 0 10px;

src/views/main/BookingLedger/list/modules/initData.js

@@ -3,8 +3,8 @@ export default {
     { type: 'checkbox', width: 60, noDraggable: true },
     { field: 'carrier', title: '船公司', showHeaderOverflow: true, sortable: true },
     { field: 'yard', title: '场站', showHeaderOverflow: true, sortable: true },
-    { field: 'mblno', title: '提单号', showHeaderOverflow: true, sortable: true },
+    { title: '提单号', showHeaderOverflow: true, sortable: true, slots: { default: 'mblno' } },
-    { title: '船名航次', showHeaderOverflow: true, sortable: true,slots: { default: 'vessel' } },
+    { title: '船名航次', showHeaderOverflow: true, sortable: true, slots: { default: 'vessel' } },
     { field: 'etd', title: '开船日期', showHeaderOverflow: true, sortable: true },
     { field: 'voyno', title: '海关航次', showHeaderOverflow: true },
     { field: 'bookingStatus', title: '定舱状态', showHeaderOverflow: true },