编辑融信页面样式调整

front-vue/src/assets/styles/huyi.scss

@@ -13,6 +13,9 @@
 .pb5 {
   padding-bottom: 5px;
 }
+.pt6{
+  padding-top: 6px;
+}
 .pt12{
   padding-top: 12px !important;
 }
@@ -300,8 +303,11 @@
   border-bottom: 1px solid #f4f5f6;
 }
 .el-dialog__header {
+  position: relative;
+  height: 48px;
   padding: 13px 20px;
   background-color: #4280f2;
+  z-index: 20;
 }
 .el-dialog__title {
   font-size: 16px;

front-vue/src/main.js

@@ -29,6 +29,10 @@ import ContentTitle from "@/components/ContentTitle"
 import ContentTotal from "@/components/ContentTotal"
 // 表格顶部搜索栏
 import SearchBar from "@/components/SearchBar"
+// 页面头部栏：融信编号、创建时间、创建人
+import HeaderBar from "@/components/HeaderBar"
+// 表格底部数字统计
+import StatisticalData from "@/components/StatisticalData"
 // 日期过滤器
 import "@/filters/date.js"
 
@@ -63,6 +67,8 @@ Vue.component('ZapTip', ZapTip)
 Vue.component('ContentTitle', ContentTitle)
 Vue.component('ContentTotal', ContentTotal)
 Vue.component('SearchBar', SearchBar)
+Vue.component('HeaderBar', HeaderBar)
+Vue.component('StatisticalData', StatisticalData)
 
 Vue.use(permission)
 

front-vue/src/views/service/credit/credit.vue

@@ -496,7 +496,7 @@
                                 </template>
                             </el-table-column>
                         </el-table>
-                        <statistical-data>
+                        <statistical-data class="mb20">
                             <span class="label">总合计:<span class="value">{{ysxAmount}}</span></span>
                             <span class="label">已生效:{{ysxAmount}}</span>
                         </statistical-data>
@@ -930,14 +930,16 @@
                     </el-tab-pane>
                     <!-- 查看流程 -->
                     <el-dialog title="查看流程" :visible.sync="openFlowDetail" width="837px" append-to-body>
-                        <flow-detail :financeId="financeId" :financeType="financeType" :financeActive="financeActive" v-if="openFlowDetail"></flow-detail>
+                        <div class="zap-form">
+                          <flow-detail :financeId="financeId" :financeType="financeType" :financeActive="financeActive" v-if="openFlowDetail"></flow-detail>
+                        </div>
                         <span slot="footer" class="dialog-footer">
                             <el-button type="primary" @click="closeFliwDetail">关闭</el-button>
                         </span>
                     </el-dialog>
                     <!--查看内部审批流程-->
                     <el-dialog title="流程进度" :visible.sync="hisTaskForm">
-                        <div>
+                        <div class="zap-form">
                             <el-steps direction="vertical" :active="histaskList[histaskList.length-1] && histaskList[histaskList.length-1].activityType == 'endEvent' ? histaskList.length : histaskList.length-1" finish-status="success" space="60px">
                                 <el-step :title="item.name" v-for="(item,index) in histaskList" :key="index">
                                     <template slot="description">

front-vue/src/views/service/credit/creditDetail.vue

@@ -88,13 +88,14 @@
                     </el-row>
                     <el-row v-show="this.financeStatus == null || this.financeStatus == '00' || this.financeStatus == '03'">
                         <el-col :span="8">
-                            <el-row type="flex" align="center">
+                            <el-row type="flex" align="middle">
                                 <div class="zap-form-text">
                                     <span class="zap-form-text__label">签发有效期</span>
                                     <div class="zap-form-text__file">{{form.zfiEffectiveDate | date("yyyy-MM-dd")}}</div>
                                 </div>
-                                <el-tooltip class="item" effect="light" content="签发有效期：即指定签发截止日期，对方企业在签发截止日内未处理该笔融信，本次融信操作将自动失效" placement="top">
+                                <el-tooltip class="zap-form-tip" effect="light" content="签发有效期：即指定签发截止日期，对方企业在签发截止日内未处理该笔融信，本次融信操作将自动失效" placement="top">
                                     <i class="el-icon-question" style="padding: 6px;font-size: 23px;" />
+                                    <img class="mt20" src="../../../assets//images/icon_tip.png" alt="">
                                 </el-tooltip>
                             </el-row>
                         </el-col>