收款单审核添加应收明细

src/views/ecw/financial/components/CollectionApproval.vue

@@ -17,6 +17,50 @@
         </el-descriptions-item>
         <el-descriptions-item v-if="reason" :label="$t('申请理由')">{{reason}}</el-descriptions-item>
       </el-descriptions>
+      <el-card class="card">
+        <div slot="header" class="card-title">{{ $t('应收明细') }}</div>
+        <el-table :data="list" border>
+          <el-table-column :label="$t('订单号')" align="center" prop="orderNo" />
+          <el-table-column :label="$t('提单号')" align="center" prop="tidanNo" />
+          <el-table-column :label="$t('唛头')" align="center" prop="marks" />
+          <el-table-column :label="$t('品名')" align="center" prop="title">
+            <template slot-scope="scope">
+              <span v-if="scope.row.feeType!=5">{{ scope.row.titleZh?(scope.row.titleZh + "(" + scope.row.titleEn + ")"):'' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('箱数')" align="center" prop="num" />
+          <el-table-column :label="$t('体积/重量')" align="center" prop="weight">
+            <template slot-scope="scope">
+               <span v-if="scope.row.feeType!=5"> {{ scope.row.volume + "/" + scope.row.weight }}</span>
+              </template>
+            </el-table-column>
+          <el-table-column :label="$t('收入类型')" align="center" prop="feeType">
+            <template slot-scope="scope">
+              <dict-tag
+                :type="DICT_TYPE.FEE_TYPE"
+                :value="scope.row.feeType"
+              ></dict-tag>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('单价金额')" align="center" prop="unitPrice">
+            <template slot-scope="scope">
+              <span>{{ scope.row.unitPrice }}</span>
+              {{getCurrencyLabel(scope.row.currencyId)}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('总金额')" align="center" prop="totalAmount">
+            <template slot-scope="scope">
+              <span>{{ scope.row.totalAmount }}</span>
+              {{getCurrencyLabel(scope.row.currencyId)}}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('优惠金额')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.discountTotal ? `${scope.row.discountTotal}(${scope.row.discountRemark})` : 0 }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
     <div class="btn">
       <el-button
         size="mini"
@@ -120,7 +164,12 @@ export default {
         })
         this.$set(this,'collectionAmount',amountList)
       })
-      }
+      },
+      getCurrencyLabel(id){
+        var label = this.currencyList.filter(item=>item.id == id)
+        if(label.length>0) return this.$i18n.locale=='zh_CN'?label[0].titleZh:label[0].titleEn
+        return ''
+      },
     }
 }
 </script>
@@ -139,4 +188,11 @@ export default {
       font-weight:600;
     }
   }
+  .card {
+    margin-top: 20px;
+  }
+  .card-title {
+    font-size: 18px;
+    font-weight: bold;
+  }
 </style>