页面样式调整

src/assets/css/common.css

@@ -24,7 +24,7 @@
     --sidecolor: #64d7eb;
     --darkbgcolor: rgb(232, 232, 232); */
   /* 蓝色系 */
-  --bgcolor: #f7faff;
+  --bgcolor: #f6f6f6;
   /* #E3F3FF; */
   --sidecolor: #fff;
   /* #E3F3FF; */
@@ -34,6 +34,7 @@
   --normalfont: 12px;
   /* --themecolor: #B31C2A; */
   --themecolor: #B31C2A;
+  --theadkbgcolor: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
 }
 
 #app {
@@ -251,10 +252,11 @@
 }
 .el-button--primary:hover{
   color: #fff;
+  border-color: var(--themecolor);
   background: linear-gradient(180deg, #B31C2A 0%, #FF6A6A 100%);
 }
 .el-button--primary.is-disabled,.el-button--primary.is-disabled:hover{
-  color: #707070;
+  color: #c1c1c1;
   background: #F5F5F5;
   border-color: #E4E4E4;
 }
@@ -687,4 +689,10 @@ margin-left: 120px;
  }
  .el-pagination .el-input--small .el-input__inner {
   padding-left: 0;
+  color: #B31C2A;
+ }
+
+ /* UI美化 */
+ .el-input.is-disabled .el-input__inner {
+  color: #898b90;
  }
\ No newline at end of file

src/business/inflid/views/Infsea.vue

@@ -124,8 +124,8 @@
       </template>
     </c-list-search>
 
-    <c-col :span="24" style="margin-top: 10px">
-      <c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px" title="LITOPN"
+    <c-col :span="24">
+      <c-button class="medium_bcs" size="medium" type="primary" style="margin:10px 0px;" title="LITOPN"
                 @click="toLitopn" v-if="!isInfo">
         进口信用证开立
       </c-button>
@@ -133,10 +133,116 @@
 
     <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-column>
+          <el-table-column label="客户经理" prop="ownusr" align="left" min-width="100">
+          </el-table-column>
+          <el-table-column label="币种" prop="seacur" align="left" min-width="100">
+          </el-table-column>
+          <el-table-column label="金额" prop="maxamt" align="left" min-width="150" :show-overflow-tooltip="true">
+            <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">
+            <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>
+          <el-table-column label="申请人编号" prop="aplextkey" align="left" min-width="200" :show-overflow-tooltip="true">
+          </el-table-column>
+          <el-table-column label="申请人名称" prop="aplnam" align="left" min-width="200" :show-overflow-tooltip="true">
+          </el-table-column>
+          <el-table-column label="通知银行BIC编码" prop="seapty" align="left" min-width="200" :show-overflow-tooltip="true">
+          </el-table-column>
+          <el-table-column label="受益人名称" prop="benefi" align="left" min-width="200" :show-overflow-tooltip="true">
+          </el-table-column>
+          <el-table-column label="远离期限" prop="tenmaxday" align="left" min-width="100">
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="150px">
+            <template slot-scope="scope">
+              <el-popover
+                  placement="top-start"
+                  title="历史信息"
+                  width="800"
+                  trigger="click"
+                  :ref="'popover_' + scope.row.IDX"
+              >
+                <div style="text-align: right;margin-top: -30px;margin-right: 5px;font-size: 16px;">
+                  <span
+                      class="el-icon-close"
+                      style="cursor: pointer"
+                      @click="closeDetailsDialog('popover_' + scope.row.IDX)"
+                  ></span>
+                </div>
+                <el-table
+                    :data="trnData.data"
+                    :columns="trnData.columns"
+                    :showButtonFlg="true"
+                >
+                  <el-table-column
+                      v-for="(item, key) in trnData.columns"
+                      :key="key"
+                      :label="item.label"
+                      :prop="item.prop"
+                  >
+                    <template slot-scope="scope">
+                      <div>{{ scope.row[item.prop] }}</div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column fixed="right" prop="op" label="操作" width="250px">
+                    <template slot-scope="scope">
+                      <c-button
+                          style="margin-left: 0"
+                          size="small"
+                          @click="display(scope.row['inr'])"
+                      >详情
+                      </c-button
+                      >
+                    </template>
+                  </el-table-column>
+                </el-table>
+                <c-button
+                    style="margin-left: 0"
+                    size="small"
+                    slot="reference"
+                    @click="details(scope.row)">
+                  详情
+                </c-button>
+              </el-popover>
+              <c-button
+                  style="margin-left: 5px"
+                  size="small"
+                  type="primary"
+                  @click="handler(scope.row)"
+                  v-if="!isInfo"
+              >处理
+              </c-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination 
+          layout="total, sizes, prev, pager, next, jumper" 
+          :total="pagination.total" 
+          :page-size="pagination.pageSize" 
+          :current-page.sync="pagination.pageNum" 
+          @size-change="handleSizeChange" 
+          @current-change="currentChange"
+        >
+        </el-pagination>
+      </c-col>
+    </div>
+
+    <!-- <div style="height: 90%">
+      <c-col :span="24">
         <el-table
           :data="stmData.data"
           :columns="stmData.columns"
-            :showButtonFlg="true"
         >
           <el-table-column
               v-for="(item, key) in stmData.columns"
@@ -225,7 +331,7 @@
           </el-pagination>
         </div>
       </c-col>
-    </div>
+    </div> -->
     <!-- 点击处理弹框 -->
     <el-dialog
         :visible.sync="initdialog"
@@ -272,6 +378,7 @@ export default {
   components: {},
   data() {
     return {
+      load: false,
       ownref: "",
       isGuarantee: "",
       litdckdialog: false,

src/components/FunctionBtn.vue

@@ -159,7 +159,7 @@ export default {
   border: 1px solid #ccc;
 }
 .m-funcBtn-eContainer .el-button--primary {
-  border: 1px solid #0D4FBD;
+  border: 1px solid var(--themecolor);
 }
 .m-openleft-item {
   display: inline-block;