融资信息详情页面样式调整

front-vue/src/App.vue

@@ -223,7 +223,6 @@ export default {
 
 .zap-accounts-receivable {
     height: 36px;
-
     .label {
         font-size: 12px;
         color: #999999;
@@ -231,7 +230,7 @@ export default {
 
     .value {
         font-size: 14px;
-        color: #333333;
+        color: #FF2F2F;
     }
 }
 

front-vue/src/assets/styles/element-ui.scss

@@ -88,7 +88,7 @@
 .el-table .fixed-width .el-button--mini.zap-button-confirmation,
 .el-table .fixed-width .el-button--mini.zap-button-info,
 .el-table .fixed-width .el-button--mini.zap-button-primary,
-.el-table .fixed-width .el-button--mini.zap-button-waring,
+.el-table .fixed-width .el-button--mini.zap-button-warning,
 .el-table .fixed-width .el-button--mini.zap-button-plain {
     min-width: 36px;
     height: 24px;
@@ -105,7 +105,7 @@
     border: 1px solid #EBEBEB;
 }
 
-.el-table .fixed-width .el-button--mini.zap-button-waring {
+.el-table .fixed-width .el-button--mini.zap-button-warning {
     color: #ffffff;
     background-color: #FFB700;
 }
@@ -114,7 +114,6 @@
     color: #ffffff;
     background-color: #4280F2;
 }
-
 .el-table .fixed-width .el-button--mini.zap-button-info {
     color: #999999;
     background-color: #EBEBEB;

front-vue/src/components/ZapBill/index.vue

@@ -0,0 +1,118 @@
+<template>
+<div class="zap-bill">
+    <img class="zap-bill__img" src="../../assets/images/components/zapBill/bill.png" alt="">
+    <div class="zap-bill__opening">
+        <span class="zap-bill__company">{{open}}</span>
+        <span class="zap-bill__tax">{{openNum}}</span>
+    </div>
+    <div class="zap-bill__recipient">
+        <span class="zap-bill__company">{{recipient}}</span>
+        <span class="zap-bill__tax">{{recipientNum}}</span>
+    </div>
+    <div class="zap-bill__amount">
+        <span class="zap-bill__word">{{amountWord}}</span>
+        <span class="zap-bill__number">{{amount}}</span>
+    </div>
+    <div class="zap-bill__letter">
+        {{letter}}
+    </div>
+    <div class="zap-bill__date">
+        {{date}}
+    </div>
+    <div class="zap-bill__sign">
+        <span class="zap-bill__approver">{{approver}}</span>
+        <span class="zap-bill__handler">{{handler}}</span>
+    </div>
+</div>
+</template>
+
+<script>
+export default {
+    name: "ZapBill",
+    props: {
+        open: String, // 融信开立方
+        openNum: String, // 开立方税务登记证号码
+        recipient:String, // 融信接收方
+        recipientNum: String, // 接收方税务登记证号码
+        amountWord: String, // 融信金额大写
+        amount: String, // 融信金额小写
+        letter: String, // 付款承诺函编号
+        date: String, // 电子签章日期
+        approver: String, // 审批人
+        handler: String // 经办人
+    }
+}
+</script>
+
+<style lang="scss">
+$left: 20%;
+$width: 80%;
+.zap-bill {
+    position: relative;
+    font-size: 16px;
+    color: #333333;
+}
+
+.zap-bill__img {
+    width: 100%;
+}
+.zap-bill__opening{
+    position: absolute;
+    top: 4.0%;
+    left: $left;
+    width: $width;
+}
+.zap-bill__recipient{
+    position: absolute;
+    top: 13.0%;
+    left: $left;
+    width: $width;
+}
+.zap-bill__company{
+    
+}
+.zap-bill__tax{
+    position: absolute;
+    top: 0;
+    left: 70%;
+    font-size: 18px;
+}
+.zap-bill__amount{
+    position: absolute;
+    top: 24%;
+    left: $left;
+    width: $width;
+}
+.zap-bill__word{
+
+}
+.zap-bill__number{
+    position: absolute;
+    top: 0%;
+    left: 50%;
+    width: 40%;
+    text-align: center;
+}
+.zap-bill__letter{
+    position: absolute;
+    top: 35%;
+    left: $left;
+}
+.zap-bill__date{
+    position: absolute;
+    top: 65%;
+    left: $left;
+}
+.zap-bill__sign{
+    position: absolute;
+    top: 84%;
+    left: $left;
+    width: $width;
+}
+.zap-bill__approver{}
+.zap-bill__handler{
+    position: absolute;
+    top: 0;
+    left: 61%;
+}
+</style>

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

@@ -130,11 +130,11 @@
                         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
                             <template slot-scope="scope">
                                 <el-button class="zap-button-plain" size="mini" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
-                                <el-button class="zap-button-parimary" size="mini" type="primary" @click="handleLoan(scope.row)" v-hasPermi="['finance:record:edit']" v-if="scope.row.zfrStatus == '00' && (companyType =='00' || companyType =='03')">放款登记</el-button>
-                                <el-button class="zap-button-waring" size="mini" type="warning" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
-                                <el-button class="zap-button-parimary" size="mini" type="primary" @click="seal(scope.row)" v-hasPermi="['finance:record:seal']" v-if="scope.row.zfrApproveStt == '01' && scope.row.zfrStatus == '04'">融资</el-button>
+                                <el-button class="zap-button-primary" size="mini" type="primary" @click="handleLoan(scope.row)" v-hasPermi="['finance:record:edit']" v-if="scope.row.zfrStatus == '00' && (companyType =='00' || companyType =='03')">放款登记</el-button>
+                                <el-button class="zap-button-warning" size="mini" type="warning" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
+                                <el-button class="zap-button-primary" size="mini" type="primary" @click="seal(scope.row)" v-hasPermi="['finance:record:seal']" v-if="scope.row.zfrApproveStt == '01' && scope.row.zfrStatus == '04'">融资</el-button>
                                 <el-button class="zap-button-info" size="mini" @click="cancelFtp(scope.row)" v-if="scope.row.zfrApproveStt == '01' && scope.row.zfrStatus == '04'">作废</el-button>
-                                <el-button class="zap-button-parimary" size="mini" type="primary" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
+                                <el-button class="zap-button-primary" size="mini" type="primary" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -165,10 +165,10 @@
                         <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
                             <template slot-scope="scope">
-                                <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-delete" @click="handleLoan(scope.row)" v-hasPermi="['finance:record:edit']" v-if="scope.row.zfrStatus == '00' &&(companyType =='00' || companyType =='03')">放款登记</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-delete" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-info" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
+                                <el-button class="zap-button-plain" size="mini" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
+                                <el-button class="zap-button-primary" size="mini" @click="handleLoan(scope.row)" v-hasPermi="['finance:record:edit']" v-if="scope.row.zfrStatus == '00' &&(companyType =='00' || companyType =='03')">放款登记</el-button>
+                                <el-button class="zap-button-warning" size="mini" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
+                                <el-button class="zap-button-primary" size="mini" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -199,9 +199,9 @@
                         <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
                             <template slot-scope="scope">
-                                <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-delete" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-info" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
+                                <el-button class="zap-button-plain" size="mini" type="text" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
+                                <el-button class="zap-button-warning"  size="mini" type="text" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
+                                <el-button class="zap-button-primary"  size="mini" type="text" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -231,9 +231,9 @@
                         <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
                             <template slot-scope="scope">
-                                <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-delete" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
-                                <el-button size="mini" type="text" icon="el-icon-info" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
+                                <el-button class="zap-button-plain" size="mini" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
+                                <el-button class="zap-button-warning" size="mini" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
+                                <el-button class="zap-button-primary" size="mini" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">查看流程</el-button>
                             </template>
                         </el-table-column>
                     </el-table>

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

@@ -307,7 +307,7 @@
                   v-hasPermi="['service:repayment:query']"
                 >详情</el-button>
                 <el-button
-                  class="zap-button-waring"
+                  class="zap-button-warning"
                   size="mini"
                   type="text"
                   @click="handleDown(scope.row)"
@@ -435,7 +435,7 @@
                 v-hasPermi="['service:repayment:query']"
               >详情</el-button>
               <el-button
-                class="zap-button-waring"
+                class="zap-button-warning"
                 size="mini"
                 type="text"
                 @click="handleDown(scope.row)"
@@ -562,7 +562,7 @@
                 v-hasPermi="['service:repayment:query']"
               >详情</el-button>
               <el-button
-                class="zap-button-waring"
+                class="zap-button-warning"
                 size="mini"
                 type="text"
                 @click="handleDown(scope.row)"
@@ -681,7 +681,7 @@
                 v-hasPermi="['service:repayment:query']"
               >详情</el-button>
               <el-button
-                class="zap-button-waring"
+                class="zap-button-warning"
                 size="mini"
                 type="text"
                 @click="handleDown(scope.row)"