优化签收详情页样式

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

@@ -1,16 +1,17 @@
 <template>
 <el-dialog class="zap-paying-dialog" title="去缴费" :visible.sync="open" width="610px" append-to-body @close="closeHandler">
-        <!-- <el-row class="zap-paying-dialog__item" type="flex" align="middle">
+        <el-row class="zap-paying-dialog__item" type="flex" align="middle">
             <span class="zap-paying-dialog__label">缴费账户：</span>
-            <span class="zap-paying-dialog__value">37898789028981</span>
+            <span class="zap-paying-dialog__value">{{accNo}}</span>
         </el-row>
         <el-row class="zap-paying-dialog__item" type="flex" align="middle">
             <span class="zap-paying-dialog__label">余额：</span>
-            <el-row type="flex" align="middle">
-                <span class="zap-paying-dialog__value zap-paying-dialog__value--red">37898789028981</span>
+            <el-row v-if="KYAMT" type="flex" align="middle">
+                <span class="zap-paying-dialog__value zap-paying-dialog__value--red">¥{{KYAMT}}</span>
                 <img class="zap-paying-dialog__refresh" src="../../assets/images/costManager/icon_refresh.png" alt="" @click="refreshHandler">
             </el-row>
-        </el-row> -->
+            <span v-else class="zap-paying-dialog__value zap-paying-dialog__value--red">--</span>
+        </el-row>
         <el-row class="zap-paying-dialog__item" type="flex" align="middle">
             <span class="zap-paying-dialog__label">手续费：</span>
             <span class="zap-paying-dialog__value">¥{{payingMoney}}</span>
@@ -30,6 +31,14 @@ export default {
       type: Boolean,
       default: false
     },
+    accNo: {
+      type: String,
+      default: "--"
+    },
+    KYAMT: {
+      type: String,
+      default: "--"
+    },
     payingMoney: {
       type: String,
       default: "--"

front-vue/src/views/service/cost/userCostManage.vue

@@ -168,7 +168,15 @@
     </el-dialog>
 
     <!-- 去缴费 -->
-    <paying :payingMoney="payingMoney" :openPaying.sync="openPaying" @submitHandler="submitHandler" @cancelHandler="cancelHandler" @close="cancelHandler"></paying>
+    <paying
+        :payingMoney="payingMoney"
+        :accNo="accNo"
+        :openPaying.sync="openPaying"
+        :KYAMT="KYAMT"
+        @refreshHandler="queryKYAMT"
+        @submitHandler="submitHandler"
+        @cancelHandler="cancelHandler"
+        @close="cancelHandler"></paying>
 </div>
 </template>
 
@@ -365,7 +373,9 @@ export default {
             openPaying: false,
             payingRow: {},
             payingId: "",
-            payingMoney: ""
+            payingMoney: "",
+            KYAMT: "",
+            accNo: ""
         };
     },
     created() {
@@ -610,8 +620,31 @@ export default {
             this.payingRow = row
             this.payingId = row.zciId || this.ids;
             this.payingMoney = row.zciAmount;
+            this.queryKYAMT()
             this.openPaying = true
         },
+        queryKYAMT () {
+            let row = this.payingRow
+            const loading = this.$loading({
+                lock: true,
+                text: "Loading",
+                spinner: "el-icon-loading",
+                background: "rgba(0, 0, 0, 0.7)",
+            });
+            if (row.accNo) {
+                this.accNo = row.accNo
+                balance(row.accNo).then(response => {
+                    this.KYAMT = response.data.list.row.KYAMT
+                    loading.close();
+                }).catch(() => {
+                    loading.close();
+                });
+            } else {
+                this.accNo = "您还没有电子账户,请联系平台开通电子账户"
+                this.KYAMT = ""
+                loading.close();
+            }
+        },
         /** 提交按钮 */
         submitForm() {
             var self = this;

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

@@ -320,21 +320,15 @@
         </el-dialog>
     </el-tab-pane>
     <el-tab-pane label="签署合同">
-        <el-table :data="creditSealList" style="width: 100%" border stripe>
-            <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
-                <template slot-scope="scope">
-                    <img style="width:30px;height:30px;" src="../../../assets/images/pdf.png" />
-                    <span>{{scope.row.pfiFileName}}
-                    </span>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right">
-                <template slot-scope="scope">
-                    <el-button size="mini" type="text" icon="el-icon-view" @click="handleDownload(scope.row)">下载</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-view" @click="handlePreview(scope.row)">预览</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
+      <el-row class="zap-form" type="flex">
+          <attachments v-for="(item, index) in creditSealList" :key="index" :fileName="item.pfiFileName">
+              <img class="" src="../../../assets/images/pdf.png" />
+              <div class="attachements__marker" slot="marker">
+                  <el-button class="zap-button-primary" size="mini" @click="handleDownload(item)">下载</el-button>
+                  <el-button class="zap-button-primary" size="mini" @click="handlePreview(item)">预览</el-button>
+              </div>
+          </attachments>
+      </el-row>
     </el-tab-pane>
 </el-tabs>
 <!-- </div> -->

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

@@ -185,33 +185,15 @@
             </el-dialog>
         </el-tab-pane>
         <el-tab-pane label="签署合同">
-            <el-table :data="creditSealList"  style="width: 100%" border stripe>
-                <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
-                    <template slot-scope="scope">
-                        <img    style="width:30px;height:30px;"
-                            src="../../../assets/images/pdf.png"
-                        />
-                        <span style="text-align:center">{{scope.row.pfiFileName}}
-                        </span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
-                    <template slot-scope="scope">
-                        <el-button
-                            size="mini"
-                            type="text"
-                            icon="el-icon-view"
-                            @click="handleDownload(scope.row)"
-                        >下载</el-button>
-                        <el-button
-                            size="mini"
-                            type="text"
-                            icon="el-icon-view"
-                            @click="handlePreview(scope.row)"
-                        >预览</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+            <el-row class="zap-form" type="flex">
+                <attachments v-for="(item, index) in creditSealList" :key="index" :fileName="item.pfiFileName">
+                    <img class="" src="../../../assets/images/pdf.png" />
+                    <div class="attachements__marker" slot="marker">
+                        <el-button class="zap-button-primary" size="mini" @click="handleDownload(item)">下载</el-button>
+                        <el-button class="zap-button-primary" size="mini" @click="handlePreview(item)">预览</el-button>
+                    </div>
+                </attachments>
+            </el-row>
         </el-tab-pane>
         <!-- </div> -->
     </el-tabs>

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

@@ -314,33 +314,15 @@
         </el-tab-pane>
         <!-- 签署合同-->
         <el-tab-pane label="签署合同">
-            <el-table :data="creditSealList"  style="width: 100%" stripe border>
-                <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
-                    <template slot-scope="scope">
-                        <img    style="width:30px;height:30px;"
-                            src="../../../assets/images/pdf.png"
-                        />
-                        <span>{{scope.row.pfiFileName}}
-                        </span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
-                    <template slot-scope="scope">
-                        <el-button
-                            size="mini"
-                            type="text"
-                            icon="el-icon-view"
-                            @click="handleDownload(scope.row)"
-                        >下载</el-button>
-                        <el-button
-                            size="mini"
-                            type="text"
-                            icon="el-icon-view"
-                            @click="handlePreview(scope.row)"
-                        >预览</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+            <el-row class="zap-form" type="flex">
+                <attachments v-for="(item, index) in creditSealList" :key="index" :fileName="item.pfiFileName">
+                    <img class="" src="../../../assets/images/pdf.png" />
+                    <div class="attachements__marker" slot="marker">
+                        <el-button class="zap-button-primary" size="mini" @click="handleDownload(item)">下载</el-button>
+                        <el-button class="zap-button-primary" size="mini" @click="handlePreview(item)">预览</el-button>
+                    </div>
+                </attachments>
+            </el-row>
         </el-tab-pane>
         <!-- </div> -->
     </el-tabs>

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

@@ -120,21 +120,15 @@
     <!-- 签署合同 -->
     <el-row class="zap-margin-top zap-form">
         <div class="zap-title">签署合同</div>
-        <el-table :data="creditSealList" style="width: 100%" border stripe>
-            <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
-                <template slot-scope="scope">
-                    <attachments :fileName="scope.row.pfiFileName">
-                        <img class="" src="../../../assets/images/pdf.png" />
-                    </attachments>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300" fixed="right">
-                <template slot-scope="scope">
-                    <el-button class="zap-button-primary" size="mini" @click="handleDownload(scope.row)">下载</el-button>
-                    <el-button class="zap-button-primary" size="mini" @click="handlePreview(scope.row)">预览</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
+        <el-row class="zap-form" type="flex">
+          <attachments v-for="(item, index) in creditSealList" :key="index" :fileName="item.pfiFileName">
+              <img class="" src="../../../assets/images/pdf.png" />
+              <div class="attachements__marker" slot="marker">
+                  <el-button class="zap-button-primary" size="mini" @click="handleDownload(item)">下载</el-button>
+                  <el-button class="zap-button-primary" size="mini" @click="handlePreview(item)">预览</el-button>
+              </div>
+          </attachments>
+        </el-row>
     </el-row>
     <el-row style="height: 109px" type="flex" align="middle" justify="center">
         <el-button type="primary" plain @click="cancel">取 消</el-button>

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

@@ -119,21 +119,15 @@
         <!-- 签署合同 -->
         <el-row class="zap-margin-top zap-form">
             <div class="zap-title">签署合同</div>
-            <el-table :data="creditSealList" style="width: 100%" border stripe>
-                <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
-                    <template slot-scope="scope">
-                        <attachments :fileName="scope.row.pfiFileName">
-                            <img class="" src="../../../assets/images/pdf.png" />
-                        </attachments>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300" fixed="right">
-                    <template slot-scope="scope">
-                        <el-button class="zap-button-primary" size="mini" @click="handleDownload(scope.row)">下载</el-button>
-                        <el-button class="zap-button-primary" size="mini" @click="handlePreview(scope.row)">预览</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+            <el-row class="zap-form" type="flex">
+              <attachments v-for="(item, index) in creditSealList" :key="index" :fileName="item.pfiFileName">
+                  <img class="" src="../../../assets/images/pdf.png" />
+                  <div class="attachements__marker" slot="marker">
+                      <el-button class="zap-button-primary" size="mini" @click="handleDownload(item)">下载</el-button>
+                      <el-button class="zap-button-primary" size="mini" @click="handlePreview(item)">预览</el-button>
+                  </div>
+              </attachments>
+          </el-row>
         </el-row>
         <el-row type="flex" align="middle" justify="center" style="height: 77px">
             <el-button type="primary" @click="submitForm">确 定</el-button>

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

@@ -317,46 +317,15 @@
       <!-- 签署合同 -->
       <el-row class="zap-margin-top zap-form">
         <div class="zap-title">签署合同</div>
-        <el-table :data="creditSealList" style="width: 100%" stripe border >
-          <el-table-column
-            label="文件名称"
-            align="center"
-            prop="pfiFileName"
-            show-overflow-tooltip
-          >
-            <template slot-scope="scope">
-              <img
-                style="width: 30px; height: 30px"
-                src="../../../assets/images/pdf.png"
-              />
-              <span>{{ scope.row.pfiFileName }} </span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-            width="300"
-            fixed="right"
-          >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-view"
-                @click="handleDownload(scope.row)"
-                >下载</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-view"
-                @click="handlePreview(scope.row)"
-                >预览</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
+        <el-row class="zap-form" type="flex">
+            <attachments v-for="(item, index) in creditSealList" :key="index" :fileName="item.pfiFileName">
+                <img class="" src="../../../assets/images/pdf.png" />
+                <div class="attachements__marker" slot="marker">
+                    <el-button class="zap-button-primary" size="mini" @click="handleDownload(item)">下载</el-button>
+                    <el-button class="zap-button-primary" size="mini" @click="handlePreview(item)">预览</el-button>
+                </div>
+            </attachments>
+        </el-row>
       </el-row>
       <el-row type="flex" align="middle" justify="center" style="height: 77px">
         <el-button type="primary" @click="selectPayment">合同签署</el-button>