首页文字描述修改

front-vue/src/views/home.vue

@@ -240,6 +240,7 @@
                         <div class="zap-card__title">我开立的融信</div>
                         <div class="zap-card__wrap zap-card__blue">
                             <span class="zap-card__num">{{handleInput(getFinancedNum())}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -248,6 +249,7 @@
                         <div class="zap-card__title">可用授权额度</div>
                         <div class="zap-card__wrap zap-card__gold">
                             <span class="zap-card__num">{{handleInput(getsubNum())}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -256,6 +258,7 @@
                         <div class="zap-card__title">即将到期付款</div>
                         <div class="zap-card__wrap zap-card__pink">
                             <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -265,6 +268,7 @@
                         <div class="zap-card__title">我的代办</div>
                         <div class="zap-card__wrap zap-card__blue">
                             <span class="zap-card__num">{{workTotal}}</span>
+                            <span class="zap-card__unit">个</span>
                         </div>
                     </div>
                 </el-col>
@@ -273,6 +277,7 @@
                         <div class="zap-card__title">可用授权额度(正向保理)</div>
                         <div class="zap-card__wrap zap-card__gold">
                             <span class="zap-card__num">{{handleInput(getsubNumForward())}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -281,6 +286,7 @@
                         <div class="zap-card__title">总授权额度(正向保理)</div>
                         <div class="zap-card__wrap zap-card__pink">
                             <span class="zap-card__num">{{handleInput(creditLineAllForward)}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -478,39 +484,47 @@
         </div>
 
         <!-- 融资企业 -->
-        <div v-if="company.scyType == '02'">
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toCredit()">
-                <div slot="header" class="clearfix">
-                    <span style="color: #666ee8; font-weight: bold;">持有融信额度</span>
-                </div>
-                <div class="text item" style="height:100px">
-                    <span style="color: #666ee8; font-weight: bold;">{{handleInput(effectBalance)}}</span>
-                </div>
-            </el-card>
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toFinanceRecord()">
-                <div slot="header" class="clearfix">
-                    <span style="color: #666ee8; font-weight: bold;">融资中额度</span>
-                </div>
-                <div class="text item" style="height:100px">
-                    <span style="color: #666ee8; font-weight: bold;">{{handleInput(availableBalance)}}</span>
-                </div>
-            </el-card>
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toFinanceRecord()">
-                <div slot="header" class="clearfix">
-                    <span style="color: #666ee8; font-weight: bold;">已融资额度</span>
-                </div>
-                <div class="text item" style="height:100px">
-                    <span style="color: #666ee8; font-weight: bold;">{{handleInput(loanBalance)}}</span>
-                </div>
-            </el-card>
-            <el-card class="box-card" style="width:22.4%;margin:0.6%;float:left;" @click="toRepayment()">
-                <div slot="header" class="clearfix">
-                    <span style="color: #666ee8; font-weight: bold;">即将到期融资额度(30天)</span>
-                </div>
-                <div class="text item" style="height:100px">
-                    <span style="color: #666ee8; font-weight: bold;">{{handleInput(expiredBalance)}}</span>
-                </div>
-            </el-card>
+        <div v-if="company.scyType == '02'" class="zap-margin">
+            <el-row :gutter="20">
+                <!-- 第一行 -->
+                <el-col :xs="24" :sm="12" :md="8" :lg="8">
+                    <div class="zap-card">
+                        <div class="zap-card__title">持有融信额度</div>
+                        <div class="zap-card__wrap zap-card__blue">
+                            <span class="zap-card__num">{{handleInput(effectBalance)}}</span>
+                            <span class="zap-card__unit">元</span>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="12" :md="8" :lg="8">
+                    <div class="zap-card">
+                        <div class="zap-card__title">融资中额度</div>
+                        <div class="zap-card__wrap zap-card__gold">
+                            <span class="zap-card__num">{{handleInput(availableBalance)}}</span>
+                            <span class="zap-card__unit">元</span>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="12" :md="8" :lg="8">
+                    <div class="zap-card">
+                        <div class="zap-card__title">已融资额度</div>
+                        <div class="zap-card__wrap zap-card__pink">
+                            <span class="zap-card__num">{{handleInput(loanBalance)}}</span>
+                            <span class="zap-card__unit">元</span>
+                        </div>
+                    </div>
+                </el-col>
+                <!-- 第二行 -->
+                <el-col :xs="24" :sm="12" :md="8" :lg="8">
+                    <div class="zap-card">
+                        <div class="zap-card__title">即将到期融资额度(30天)</div>
+                        <div class="zap-card__wrap zap-card__blue">
+                            <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
+                            <span class="zap-card__unit">元</span>
+                        </div>
+                    </div>
+                </el-col>
+            </el-row>
             <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
                 <!-- <div slot="header" class="clearfix">
                 </div> -->
@@ -631,6 +645,7 @@
                         <div class="zap-card__title">总授信额度</div>
                         <div class="zap-card__wrap zap-card__blue">
                             <span class="zap-card__num">{{handleInput(creditLineAll)}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -639,6 +654,7 @@
                         <div class="zap-card__title">已用额度</div>
                         <div class="zap-card__wrap zap-card__gold">
                             <span class="zap-card__num">{{handleInput(getFinancedNum())}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -647,6 +663,7 @@
                         <div class="zap-card__title">可用额度</div>
                         <div class="zap-card__wrap zap-card__pink">
                             <span class="zap-card__num">{{handleInput(getsubNum())}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
@@ -656,14 +673,16 @@
                         <div class="zap-card__title">即将到期融资额度(30天)</div>
                         <div class="zap-card__wrap zap-card__blue">
                             <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
+                            <span class="zap-card__unit">元</span>
                         </div>
                     </div>
                 </el-col>
             </el-row>
-            <el-dialog title="待办处理" :visible.sync="openWork" width="500px" append-to-body>
-                <work-deal :tableId="tableId" :workType="workType" :noticeId="noticeId" @cancelOpen="cancel"></work-deal>
-            </el-dialog>
         </div>
+
+        <el-dialog title="待办处理" :visible.sync="openWork" width="500px" append-to-body>
+            <work-deal :tableId="tableId" :workType="workType" :noticeId="noticeId" @cancelOpen="cancel"></work-deal>
+        </el-dialog>
     </div>
 </template>
 <script>