核心融信详情最终还款明细样式调整

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

@@ -132,75 +132,42 @@
             </el-table>
         </el-tab-pane>
         <el-tab-pane label="最终还款明细" v-if="this.companyType == '01'">
-            <el-form
-                :inline="true"
-                ref="forms"
-                :model="forms"
-                label-width="auto"
-                style="margin-top: 20px"
-                disabled>
-                <el-row>
-                    <el-col :span="8">
-                        <el-form-item label="还款明细编号:" prop="zfcName">
-                            <el-input v-model="forms.zfrPayNumber" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="最终付款方:" prop="core">
-                            <el-input v-model="forms.core" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="还款承诺函编号:" prop="zfiPaymentNumber">
-                            <el-input v-model="forms.zfiPaymentNumber" />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="8">
-                        <el-form-item label="付款承诺日期:" prop="zfrRepaymentDate">
-                            <el-input v-model="forms.zfrRepaymentDate" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="承诺付款金额:" prop="zfrLoanAmount">
-                            <el-input v-model="forms.zfrLoanAmount" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="融信产品:" prop="zfpName">
-                            <el-input v-model="forms.zfpName" />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="8">
-                        <el-form-item label="承诺付款账户:" prop="zfpcrAccount">
-                            <el-input v-model="forms.zfpcrAccount" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="付款账户开户行:" prop="zfpcrAccountBank">
-                            <el-input v-model="forms.zfpcrAccountBank" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="还款状态:" prop="zfrApplyStatus">
-                            <el-input v-model="forms.zfrApplyStatus" />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-table v-loading="loading" :data="list" border stripe>
-                    <!-- <el-table-column label="序号" type="index" width="50" align="center">
-                    <template slot-scope="scope">
-                    <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
-                    </template>
-            </el-table-column>-->
-                    <el-table-column label="收款账户" align="center" prop="zfrCollectionAccount" :show-overflow-tooltip="true" />
-                    <el-table-column label="收款账户户名" align="center" prop="supplier" :show-overflow-tooltip="true" />
-                    <el-table-column label="收款金额" align="center" prop="zfrLoanAmount" :show-overflow-tooltip="true" />
-                </el-table>
-            </el-form>
+            <el-row class="zap-form">
+              <el-col :span="12">
+                <text-item label="还款明细编号" :value="form.zfrPayNumber"></text-item>
+              </el-col>
+              <el-col :span="12">
+                <text-item label="最终付款方" :value="form.core"></text-item>
+              </el-col>
+              <el-col :span="12">
+                <text-item label="还款承诺函编号" :value="form.zfiPaymentNumber"></text-item>
+              </el-col>
+              <el-col :span="12">
+                <text-item label="付款承诺日期" :value="form.zfrRepaymentDate"></text-item>
+              </el-col>
+              <el-col :span="12">
+                <text-item label="承诺付款金额" :value="form.zfrLoanAmount"></text-item>
+              </el-col>
+              <el-col :span="12">
+                <text-item label="融信产品" :value="form.zfpName"></text-item>
+              </el-col>
+               <el-col :span="12">
+                <text-item label="承诺付款账户" :value="form.zfpcrAccount"></text-item>
+              </el-col>
+              <el-col :span="12">
+                <text-item label="付款账户开户行" :value="form.zfpcrAccountBank"></text-item>
+              </el-col>
+               <el-col :span="12">
+                <text-item label="还款状态" :value="form.zfrApplyStatus"></text-item>
+              </el-col>
+            </el-row>
+            <el-row class="zap-form">
+              <el-table v-loading="loading" :data="list" border stripe>
+                <el-table-column label="收款账户" align="center" prop="zfrCollectionAccount" :show-overflow-tooltip="true" />
+                <el-table-column label="收款账户户名" align="center" prop="supplier" :show-overflow-tooltip="true" />
+                <el-table-column label="收款金额" align="center" prop="zfrLoanAmount" :show-overflow-tooltip="true" />
+              </el-table>
+            </el-row>
         </el-tab-pane>
     </el-tabs>
 </div>