成分分配表增加标识

src/views/reportForms/cost-allocation-table.vue

@@ -68,12 +68,12 @@
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="人民币费用支出" prop="rmbExpense">
+              <a-form-model-item label="人民币费用支出" prop="rmbExpense" class="fontColor">
                 <a href="javascript:void(0)" @click="mainTableExpenseCNY()">{{ detailsPlanNum.rmbExpense }}</a>
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="税率%" prop="taxrate">
+              <a-form-model-item label="税率%" prop="taxrate" class="fontColor">
                 {{ detailsPlanNum.taxrate }}
               </a-form-model-item>
             </a-col>
@@ -88,8 +88,8 @@
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="美元费用支出" prop="usdExpense">
-                <a href="javascript:void(0)" @click="mainTableExpenseUSD()">{{ detailsPlanNum.usdExpense }}</a>
+              <a-form-model-item label="美元费用支出" prop="usdExpense" class="fontColor">
+                <a href="javascript:void(0)" @click="mainTableExpenseUSD()" >{{ detailsPlanNum.usdExpense }}</a>
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
@@ -98,27 +98,27 @@
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="短出数" prop="shortseveral">
+              <a-form-model-item label="短出数" prop="shortseveral" class="fontColor">
                 {{ detailsPlanNum.shortseveral }}
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="短出货值" prop="shortvalue">
+              <a-form-model-item label="短出货值" prop="shortvalue" class="fontColor">
                 {{ detailsPlanNum.shortvalue }}
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="短出面料成本" prop="fabricshortcost">
+              <a-form-model-item label="短出面料成本" prop="fabricshortcost" class="fontColor">
                 {{ detailsPlanNum.fabricshortcost }}
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="事故单美金金额" prop="accidentUsdamount">
+              <a-form-model-item label="事故单美金金额" prop="accidentUsdamount" class="fontColor">
                 {{ detailsPlanNum.accidentUsdamount }}
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="面料含税成本" prop="fabriccostIncludestax">
+              <a-form-model-item label="面料含税成本" prop="fabriccostIncludestax" class="fontColor">
                 {{ detailsPlanNum.fabriccostIncludestax }}
               </a-form-model-item>
             </a-col>
@@ -133,12 +133,12 @@
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="事故单人民币金额" prop="accidentcnyAmount">
+              <a-form-model-item label="事故单人民币金额" prop="accidentcnyAmount" class="fontColor">
                 {{ detailsPlanNum.accidentcnyAmount }}
               </a-form-model-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-model-item label="面料不含税成本" prop="fabriccostNotincludestax">
+              <a-form-model-item label="面料不含税成本" prop="fabriccostNotincludestax" class="fontColor">
                 {{ detailsPlanNum.fabriccostNotincludestax }}
               </a-form-model-item>
             </a-col>
@@ -449,6 +449,9 @@ export default {
 /deep/ .ant-table-tbody {
   text-align: center;
 }
+/deep/ .fontColor .ant-form-item-label > label{
+  color: red !important;
+}
 
 // /deep/ th.replacecolor {
 //   background-color: #ccc;

src/views/reportForms/cost-allocation-table/tabs.vue

@@ -16,6 +16,13 @@
             :pagination="false"
             :scroll="{ x: 1500, y: 300 }"
           >
+          <!-- 表头 -->
+           <span slot="transferCostTitle" class="fontColor">
+              转入成本
+            </span>
+            <span slot="remainingQuantitycostTitle" class="fontColor">
+              余下数量的成本
+            </span>
             <!-- 面料 -转入数量 弹框-->
             <span slot="fabInQuaSlot" slot-scope="text">
               <a>{{ text }}</a>
@@ -40,6 +47,10 @@
             :pagination="false"
             :scroll="{ x: 1000, y: 300 }"
           >
+          <!-- 表头 -->
+          <span slot="transferCostTitle" class="fontColor">
+              转入成本
+          </span>
             <!--辅料-转入数量 弹框-->
             <span slot="ingInQuaSlot" slot-scope="text">
               <a>{{ text }}</a>
@@ -74,55 +85,55 @@
               <div class="table-page-search-wrapper">
                 <a-form layout="inline">
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="出货数量合计">
+                    <a-form-item label="出货数量合计" class="fontColor">
                       <a-input v-model="sumInfo.shipQua"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="辅料金额合计">
+                    <a-form-item label="辅料金额合计" class="fontColor">
                       <a-input v-model="sumInfo.ingAmount"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="辅料不含税金额合计">
+                    <a-form-item label="辅料不含税金额合计" class="fontColor">
                       <a-input v-model="sumInfo.ingExcludAmount"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="出运美元外销总价">
+                    <a-form-item label="出运美元外销总价" class="fontColor">
                       <a-input v-model="sumInfo.exportPriceUSD"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="出运加工费">
+                    <a-form-item label="出运加工费" class="fontColor">
                       <a-input v-model="sumInfo.shipProcesFees"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="面料不含税金额合计">
+                    <a-form-item label="面料不含税金额合计" class="fontColor">
                       <a-input v-model="sumInfo.fabricExcludTax"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="出运人民币外销金额">
+                    <a-form-item label="出运人民币外销金额" class="fontColor">
                       <a-input v-model="sumInfo.exportedAmountRMB"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="合计金额">
+                    <a-form-item label="合计金额" class="fontColor">
                       <a-input v-model="sumInfo.amountTotal"></a-input>
                     </a-form-item>
                   </a-col>
 
                   <a-col :md="6" :sm="8">
-                    <a-form-item label="面料金额合计">
+                    <a-form-item label="面料金额合计" class="fontColor">
                       <a-input v-model="sumInfo.fabricAmount"></a-input>
                     </a-form-item>
                   </a-col>
@@ -191,13 +202,14 @@ export default {
           width: 120,
           className: 'replacecolor',
           customCell: this.fabQuaCustomCell,
-          scopedSlots: { customRender: 'fabInQuaSlot' }
+          scopedSlots: { customRender: 'fabInQuaSlot' },
         },
         {
-          title: '转入成本',
+          // title: '转入成本',
           dataIndex: 'transferCost',
           width: 120,
-          className: 'replacecolor'
+          className: 'replacecolor',
+          slots:{title:'transferCostTitle'} ,
         },
 
         { title: '单耗/件', dataIndex: 'unitConsumption', width: 120, className: 'replacecolor' },
@@ -224,10 +236,12 @@ export default {
           className: 'replacecolor'
         },
         {
-          title: '余下数量的成本',
+          // title: '余下数量的成本',
           dataIndex: 'remainingQuantitycost',
           width: 120,
-          className: 'replacecolor'
+          className: 'replacecolor',
+          slots:{title:'remainingQuantitycostTitle'} ,
+
         }
       ],
       fabData: [],
@@ -253,10 +267,11 @@ export default {
           scopedSlots: { customRender: 'ingInQuaSlot' }
         },
         {
-          title: '转入成本',
+          // title: '转入成本',
           dataIndex: 'transferCost',
           width: 130,
-          className: 'replacecolor'
+          className: 'replacecolor',
+          slots:{title:'transferCostTitle'} ,
         },
 
         { title: '使用数量', dataIndex: 'usageQuantity', width: 120, className: 'replacecolor' },
@@ -515,6 +530,9 @@ export default {
 .table-title {
   font-weight: 700;
 }
+.fontColor{
+  color: red;
+}
 
 /deep/ .ant-tabs-nav .ant-tabs-tab-active {
   font-size: 18px;
@@ -525,4 +543,8 @@ export default {
 /deep/ .ant-tabs-nav .ant-tabs-tab {
   padding: 0 0 10px 0;
 }
+/deep/ .fontColor .ant-form-item-label > label{
+  color: red !important;
+}
+
 </style>