Переглянути джерело

禅道需求池 110- 财务报表系统开票登记与到款登记模块,添加开票登记信息或到款登记信息时,允许删除最后一条信息数据

hbchen 2 роки тому
батько
коміт
018a30bc93
1 змінених файлів з 25 додано та 8 видалено
  1. 25 8
      src/views/financialManagement/contractProgress.vue

+ 25 - 8
src/views/financialManagement/contractProgress.vue

@@ -317,6 +317,15 @@
       placementSubmit()
     }
   }
+  // 添加行
+  const addTableRow=(type)=>{
+    if(type=='invoice'){
+      invoiceForm.invoiceData.push({amount:'',invoice_date:''})
+    }else{
+      placementForm.placementData.push({amount:'',invoice_date:''})
+    }
+  }
+
   // 表格添加行
   const addRow=(type,index)=>{
     if(type=='invoice'){
@@ -414,7 +423,7 @@
   }
   // 合规登记-提交
   const complianceSubmit=()=>{
-    console.log(contractInfo.checkedService);
+    // console.log(contractInfo.checkedService);
     contractInfoForm.value.validate(valid=>{
       if(valid){
         if(contractInfo.checkedService.length==0){
@@ -775,9 +784,11 @@
                 <div class="invoice-payment-title">
                   <div style="margin-right: 30px;">已开票金额(元):<span class="invoice-payment-money">{{moneyFormatter(contractInfo.moneyData?.haveInvoiceMoney)}}</span></div>
                   <div>剩余开票金额(元):<span class="invoice-payment-money">{{moneyFormatter(contractInfo.moneyData?.waitInvoiceMoney)}}</span></div>
+                  <el-button type="primary" style="margin: 0 0 0 auto;" @click="addTableRow('invoice')" 
+                  v-if="contractInfo.operationtype=='invoice'&&invoiceForm.invoiceData.length==0">添加开票信息</el-button>
                 </div>
                 <el-form ref="invoiceFormRef" :model="invoiceForm" :disabled="contractInfo.operationtype!='invoice'">
-                  <el-table :data="invoiceForm.invoiceData" border> 
+                  <el-table :data="invoiceForm.invoiceData" border v-if="invoiceForm.invoiceData.length>0"> 
                     <el-table-column label="序号" width="80" align="center">
                       <template #default="{row,$index}">
                         {{$index+1}}
@@ -810,8 +821,8 @@
                     </el-table-column>
                     <el-table-column label="操作" width="180" align="center" v-if="contractInfo.operationtype=='invoice'">
                       <template #default="{row,$index}" >
-                        <span class="table-operation-button" v-if="(invoiceForm.invoiceData.length>1)"
-                        style="color: #FF3400;margin-right: 16px;" @click="deleteRow('invoice',$index)">删除</span>
+                        <span class="table-operation-button" style="color: #FF3400;margin-right: 16px;" 
+                        @click="deleteRow('invoice',$index)">删除</span>
                         <span class="table-operation-button" @click="addRow('invoice',$index)">添加</span>
                       </template>
                     </el-table-column>
@@ -829,9 +840,11 @@
                 <div class="invoice-payment-title">
                   <div style="margin-right: 30px;">已到款金额(元):<span class="invoice-payment-money">{{moneyFormatter(contractInfo.moneyData.havePlacementMoney)}}</span></div>
                   <div>剩余到款金额(元):<span class="invoice-payment-money">{{moneyFormatter(contractInfo.moneyData.waitPlacementMoney)}}</span></div>
+                  <el-button type="primary" style="margin: 0 0 0 auto;" @click="addTableRow('placement')" 
+                  v-if="contractInfo.operationtype=='placement'&&placementForm.placementData.length==0">添加到款信息</el-button>
                 </div>
                 <el-form ref="placementFormRef" :model="placementForm" :disabled="contractInfo.operationtype!='placement'">
-                  <el-table :data="placementForm.placementData" border> 
+                  <el-table :data="placementForm.placementData" border v-if="placementForm.placementData.length>0"> 
                     <el-table-column label="序号" width="80" align="center">
                       <template #default="{row,$index}">
                         {{$index+1}}
@@ -865,7 +878,7 @@
                     <el-table-column label="操作" width="180" align="center" v-if="contractInfo.operationtype=='placement'">
                       <template #default="{row,$index}">
                         <span class="table-operation-button" @click="deleteRow('placement',$index)"
-                        v-if="(placementForm.placementData.length>1)" style="color: #FF3400;margin-right: 16px;">删除</span>
+                        style="color: #FF3400;margin-right: 16px;">删除</span>
                         <span class="table-operation-button" @click="addRow('placement',$index)">添加</span>
                       </template>
                     </el-table-column>
@@ -1000,13 +1013,17 @@
             // 开票欣喜
             .info-row-invoice-payment{
               padding-left: 80px;
-              display: inline-block;
+              display: flex;
+              flex-direction: column;
+              align-items: flex-start;
               .invoice-payment-title{
+                height: 32px;
+                min-width: 560px;
                 font-size: 14px;
                 color: #333333;
                 display: flex;
                 align-items: center;
-                margin-bottom: 20px;
+                margin-bottom: 10px;
                 .invoice-payment-money{
                   font-weight: 600;
                   font-size: 14px;