调整页面样式

src/business/inflid/views/Infsea.vue

@@ -125,7 +125,7 @@
     </c-list-search>
 
     <c-col :span="24">
-      <c-button class="medium_bcs" size="medium" type="primary" style="margin:10px 0px;" title="LITOPN"
+      <c-button class="medium_bcs" size="medium" type="primary" style="margin:10px 0px 20px 0px;" title="LITOPN"
                 @click="toLitopn" v-if="!isInfo">
         进口信用证开立
       </c-button>
@@ -133,36 +133,36 @@
 
     <div style="height: 90%">
       <c-col :span="24">
-        <el-table :header-cell-style="{ background: 'var(--theadkbgcolor)'}" v-loading="load" :data="stmData.data" style="width:100%;" size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true" @row-click="TableRowClick" @row-dblclick="TableDblRow">
-          <el-table-column label="信用证编号" prop="seaownref" align="left" fixed="left" min-width="150"  :show-overflow-tooltip="true">
+        <el-table :header-cell-style="{background: 'var(--theadkbgcolor)'}" :header-row-style="{height: '10px'}" :row-style="{height: '10px'}" :cell-style="{padding: '0px'}" v-loading="load" :data="stmData.data" style="width:100%;" size="small" :border="true" height="calc(100vh - 474px)" :highlight-current-row="true" @row-click="TableRowClick" @row-dblclick="TableDblRow">
+          <el-table-column label="信用证编号" prop="seaownref" align="left" fixed="left" min-width="150"  :show-overflow-tooltip="true" sortable>
           </el-table-column>
-          <el-table-column label="客户经理" prop="ownusr" align="left" min-width="100">
+          <el-table-column label="客户经理" prop="ownusr" align="left" min-width="100" sortable>
           </el-table-column>
-          <el-table-column label="币种" prop="seacur" align="left" min-width="100">
+          <el-table-column label="币种" prop="seacur" align="left" min-width="100" sortable>
           </el-table-column>
-          <el-table-column label="金额" prop="maxamt" align="left" min-width="150" :show-overflow-tooltip="true">
+          <el-table-column label="金额" prop="maxamt" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
             <template slot-scope="scope">
               <span> {{moneyFormat(scope.row.maxamt, scope.row.seacur) }}
               </span>
             </template>
           </el-table-column>
-          <el-table-column label="余额" prop="opnamt" align="left" min-width="150" :show-overflow-tooltip="true">
+          <el-table-column label="余额" prop="opnamt" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
             <template slot-scope="scope">
               <span> {{moneyFormat(scope.row.opnamt, scope.row.cur) }}
               </span>
             </template>
           </el-table-column>
-          <el-table-column label="开立日期" prop="opndat" align="left" min-width="150" :show-overflow-tooltip="true">
+          <el-table-column label="开立日期" prop="opndat" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
           </el-table-column>
-          <el-table-column label="申请人编号" prop="aplextkey" align="left" min-width="200" :show-overflow-tooltip="true">
+          <el-table-column label="申请人编号" prop="aplextkey" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
           </el-table-column>
-          <el-table-column label="申请人名称" prop="aplnam" align="left" min-width="200" :show-overflow-tooltip="true">
+          <el-table-column label="申请人名称" prop="aplnam" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
           </el-table-column>
-          <el-table-column label="通知银行BIC编码" prop="seapty" align="left" min-width="200" :show-overflow-tooltip="true">
+          <el-table-column label="通知银行BIC编码" prop="seapty" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
           </el-table-column>
-          <el-table-column label="受益人名称" prop="benefi" align="left" min-width="200" :show-overflow-tooltip="true">
+          <el-table-column label="受益人名称" prop="benefi" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
           </el-table-column>
-          <el-table-column label="远离期限" prop="tenmaxday" align="left" min-width="100">
+          <el-table-column label="远离期限" prop="tenmaxday" align="left" min-width="100" sortable>
           </el-table-column>
           <el-table-column fixed="right" label="操作" width="150px">
             <template slot-scope="scope">

src/views/Layout/SideMenu.vue

@@ -704,7 +704,7 @@ export default {
 }
 
 .eContainer-scroller {
-  height: calc(100% - 44px);
+  height: calc(100% - 40px);
 }
 
 .eContainer-scroller .el-scrollbar__bar {

src/views/Layout/components/TagsView/index.vue

@@ -243,10 +243,12 @@ export default {
 .tags-view-container {
   height: 29.002px;
   width: 100%;
-  background: #f5f4f9;
+  /* background: #f5f4f9; */
+  background: linear-gradient(180deg, #ECECEC 0%, #FFFFFF 100%);
+  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.0784);
   border-bottom: 1px solid #d8dce5;
-  background-image: linear-gradient(#dbebfc,#ededed );
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
+  /* background-image: linear-gradient(#dbebfc,#ededed ); */
+  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); */
   /* box-sizing: inherit; */
   padding-top: 5px;
   padding-bottom: 5px;

src/views/Layout/index.vue

 <template>
   <el-container
     style="background-color: #e8e8e8;height: 100%;
-    position: relative; margin: 0; padding-bottom: 8px"
+    position: relative; margin: 0;"
   >
     <el-header style="padding: 0">
       <headerCom></headerCom>
@@ -256,7 +256,7 @@ export default {
   position: relative;
   height: 100%;
   box-sizing: border-box;
-  margin-right: 10px;
+  /* margin-right: 10px; */
   flex: 1;
   display: flex;
   flex-direction: column;