新增“新增红字采购入库单”运费、合计成本字段

src/views/PurchasingManage/redFontInstockOrder/edit.vue

@@ -1,13 +1,27 @@
 <template>
   <div>
-    <Toptitle :title="$route.query.type==1?'新增红字采购入库单':'编辑红字入库单'">
+    <Toptitle
+      :title="$route.query.type == 1 ? '新增红字采购入库单' : '编辑红字入库单'"
+    >
       <slot name="titleButton">
-        <Button @click="handleReference(7,1,searchData.supply_title,searchData.warehouse_id,searchData.type_id,tableData)"
-                type="primary"
-                ghost
-                style="margin-right:10px;"
-                v-show="!isCheck"
-                :disabled='$route.query.is_refer == 0?true:btn1_disable'>参照采购入库单</Button>
+        <Button
+          @click="
+            handleReference(
+              7,
+              1,
+              searchData.supply_title,
+              searchData.warehouse_id,
+              searchData.type_id,
+              tableData
+            )
+          "
+          type="primary"
+          ghost
+          style="margin-right: 10px"
+          v-show="!isCheck"
+          :disabled="$route.query.is_refer == 0 ? true : btn1_disable"
+          >参照采购入库单</Button
+        >
         <!-- <Button @click="handleReference(6,2,searchData.supply_title,tableData)"
                 type="primary"
                 ghost
@@ -20,30 +34,33 @@
                 style="margin-right:10px;"
                 v-show="!isCheck"
                 :disabled="$route.query.is_refer == 0?true:btn3_disable">参照质检单</Button> -->
-        <Button @click="goBack"
-                type="primary"
-                ghost
-                style="margin-right:10px;">取消</Button>
-        <Button @click="postData"
-                type="primary"
-                ghost
-                v-show="!isCheck"
-                style="margin-right:10px;">保存</Button>
+        <Button @click="goBack" type="primary" ghost style="margin-right: 10px"
+          >取消</Button
+        >
+        <Button
+          @click="postData"
+          type="primary"
+          ghost
+          v-show="!isCheck"
+          style="margin-right: 10px"
+          >保存</Button
+        >
       </slot>
     </Toptitle>
     <div class="content_topform">
-      <Form :label-width="130"
-            :model="searchData">
-          <FormItem label="红字采购入库单号:">
-          <Input type="text"
-                 size="small"
-                 readonly
-                 :disabled='$route.query.type==3'
-                 v-show="!isCheck"
-                 v-model="searchData.order_red_no"
-                 style="width: 200px"
-                 placeholder="自动生成单据号" />
-                  <span v-show="isCheck">{{searchData.order_red_no}}</span>
+      <Form :label-width="130" :model="searchData">
+        <FormItem label="红字采购入库单号:">
+          <Input
+            type="text"
+            size="small"
+            readonly
+            :disabled="$route.query.type == 3"
+            v-show="!isCheck"
+            v-model="searchData.order_red_no"
+            style="width: 200px"
+            placeholder="自动生成单据号"
+          />
+          <span v-show="isCheck">{{ searchData.order_red_no }}</span>
         </FormItem>
         <!-- <FormItem label="项目名称:">
           <Input type="text"
@@ -59,60 +76,77 @@
           <span  v-show="isCheck">{{searchData.residential_name}}</span>
         </FormItem> -->
         <FormItem label="供应商名称:" class="red_star">
-          <div v-show="!isCheck" style="display:flex;width:200px">
-          <Select 
-                 size="small"
-                 v-model="searchData.supply_id"
-                 style="width: 160px;margin-top:6px"
-                 filterable
-                 clearable
-                 :disabled='supplyDisabled||$route.query.type == 3'
-                 @on-change='selectChangeSupply'
-                 placeholder="供应商名称">
-                 <Option v-for="(item,index) in suppliersList" :key="index" :value="item.id" :label="item.title"></Option>
-         
-          </Select>
-           <Button 
-                style="cursor:pointer;display:inline-block;margin-top:6px"
-                 type="primary"
-                 size='small'
-                @click="supplyDisabled?'':showSupplierModal=true">选择</Button>
-             </div>   
-          <span v-show="isCheck">{{searchData.supply_title}}</span>
+          <div v-show="!isCheck" style="display: flex; width: 200px">
+            <Select
+              size="small"
+              v-model="searchData.supply_id"
+              style="width: 160px; margin-top: 6px"
+              filterable
+              clearable
+              :disabled="supplyDisabled || $route.query.type == 3"
+              @on-change="selectChangeSupply"
+              placeholder="供应商名称"
+            >
+              <Option
+                v-for="(item, index) in suppliersList"
+                :key="index"
+                :value="item.id"
+                :label="item.title"
+              ></Option>
+            </Select>
+            <Button
+              style="cursor: pointer; display: inline-block; margin-top: 6px"
+              type="primary"
+              size="small"
+              @click="supplyDisabled ? '' : (showSupplierModal = true)"
+              >选择</Button
+            >
+          </div>
+          <span v-show="isCheck">{{ searchData.supply_title }}</span>
         </FormItem>
         <FormItem label="仓库:" class="red_star">
-          <Select v-model="searchData.warehouse_id"
-                  size="small"
-                  clearable
-                  filterable
-                  label-in-value
-                  :disabled='supplyDisabled||$route.query.type == 3'
-                  v-show="!isCheck"
-                  style="width: 200px">
-            <Option v-for="(sitem) in warehouseList"
-                    :key="sitem.id"
-                    :label="sitem.title"
-                    :value="sitem.id">
+          <Select
+            v-model="searchData.warehouse_id"
+            size="small"
+            clearable
+            filterable
+            label-in-value
+            :disabled="supplyDisabled || $route.query.type == 3"
+            v-show="!isCheck"
+            style="width: 200px"
+          >
+            <Option
+              v-for="sitem in warehouseList"
+              :key="sitem.id"
+              :label="sitem.title"
+              :value="sitem.id"
+            >
             </Option>
           </Select>
-           <span v-show="isCheck">{{searchData.warehouse_title}}</span>
+          <span v-show="isCheck">{{ searchData.warehouse_title }}</span>
         </FormItem>
         <FormItem label="入库类型:" class="red_star">
-          <Select v-model="searchData.type_id"
-                  size="small"
-                  clearable
-                  filterable
-                  v-show="!isCheck"
-                  :disabled='supplyDisabled||$route.query.type == 3'
-                  label-in-value
-                  style="width: 200px">
-            <Option v-for="(sitem) in purchaseTypeList"
-                    :key="sitem.id"
-                    :label="sitem.title"
-                    :value="sitem.id">
+          <Select
+            v-model="searchData.type_id"
+            size="small"
+            clearable
+            filterable
+            v-show="!isCheck"
+            :disabled="supplyDisabled || $route.query.type == 3"
+            label-in-value
+            style="width: 200px"
+          >
+            <Option
+              v-for="sitem in purchaseTypeList"
+              :key="sitem.id"
+              :label="sitem.title"
+              :value="sitem.id"
+            >
             </Option>
           </Select>
-           <span v-show="isCheck">{{searchData.type_id == 1 ?'采购入库':'库存入库'}}</span>
+          <span v-show="isCheck">{{
+            searchData.type_id == 1 ? "采购入库" : "库存入库"
+          }}</span>
         </FormItem>
         <!-- <FormItem label="制单人:">
           <Input type="text"
@@ -122,23 +156,29 @@
                  placeholder="制单人" />
         </FormItem> -->
         <FormItem label="单据日期:" class="red_star">
-          <DatePicker type="date"
-                      size="small"
-                      :disabled='$route.query.type==3'
-                      style="width: 200px"
-                      v-show="!isCheck"
-                      placeholder="年/月/日"
-                      v-model="searchData.order_time"></DatePicker>
-                       <span v-show="isCheck">{{func.replaceDate(searchData.order_time)}}</span>
+          <DatePicker
+            type="date"
+            size="small"
+            :disabled="$route.query.type == 3"
+            style="width: 200px"
+            v-show="!isCheck"
+            placeholder="年/月/日"
+            v-model="searchData.order_time"
+          ></DatePicker>
+          <span v-show="isCheck">{{
+            func.replaceDate(searchData.order_time)
+          }}</span>
         </FormItem>
         <FormItem label="备注:">
-          <Input type="textarea"
-                 size="small"
-                 v-model="searchData.remark"
-                 v-show="!isCheck"
-                 style="width: 200px"
-                 placeholder="备注" />
-                  <span v-show="isCheck">{{searchData.remark}}</span>
+          <Input
+            type="textarea"
+            size="small"
+            v-model="searchData.remark"
+            v-show="!isCheck"
+            style="width: 200px"
+            placeholder="备注"
+          />
+          <span v-show="isCheck">{{ searchData.remark }}</span>
         </FormItem>
       </Form>
     </div>
@@ -154,35 +194,39 @@
                   :disabled="$route.query.is_refer == 1?true:false">选择物料</Button> -->
         </div>
         <div class="content_table_btn_right">
-          <span>参照采购入库单号：</span><span v-for="(item,index) in referOrderNo" :key="index">{{item}}{{index == referOrderNo.length-1?'':','}}</span>
+          <span>参照采购入库单号：</span
+          ><span v-for="(item, index) in referOrderNo" :key="index"
+            >{{ item }}{{ index == referOrderNo.length - 1 ? "" : "," }}</span
+          >
         </div>
         <!-- <div>
           <Button type="primary"
                 ghost @click="btnChangeTaxRate">批量修改税率</Button>
         </div> -->
       </div>
-       <!-- @on-selection-change='selectData' -->
-      <Table :columns="$route.query.type == 2?tableColumns_detailed:tableColumns"
-             border
-             :data="tableData"
-             show-summary
-             :summary-method="Summary"
-             max-height='450'
-              @on-drag-drop='onDragDrop'
-              :draggable='$route.query.type!=2?true:false'
-             >
-            <template slot="numberSet" slot-scope="{row , index }">
-           <Tooltip
+      <!-- @on-selection-change='selectData' -->
+      <Table
+        :columns="$route.query.type == 2 ? tableColumns_detailed : tableColumns"
+        border
+        :data="tableData"
+        show-summary
+        :summary-method="Summary"
+        max-height="450"
+        @on-drag-drop="onDragDrop"
+        :draggable="$route.query.type != 2 ? true : false"
+      >
+        <template slot="numberSet" slot-scope="{ row, index }">
+          <Tooltip
             placement="left"
             @on-popper-show="handleToolShow(index, row)"
-           
           >
             <div slot="content">
               <div>
-                <div v-if="warehouse.length !=0">
-                <div v-for="(_item,_index) in warehouse" :key="_index">
-                  {{_item.warehouse_title}}:{{_item.num}}
-                </div></div>
+                <div v-if="warehouse.length != 0">
+                  <div v-for="(_item, _index) in warehouse" :key="_index">
+                    {{ _item.warehouse_title }}:{{ _item.num }}
+                  </div>
+                </div>
                 <span v-else>空</span>
               </div>
             </div>
@@ -195,41 +239,39 @@
               placeholder="数量"
             >
             </Input> -->
-            <span  style="color:red">{{ tableData[index].num }}</span>
+            <span style="color: red">{{ tableData[index].num }}</span>
           </Tooltip>
         </template>
-        <template slot="project_code" slot-scope="{row}">
-          <div >
-           <a  @click="check(row)">查看</a>
-           <!-- <Select v-else v-model="tableData[index].project_code" filterable clearable @on-change='changeSelect($event,index)'>
+        <template slot="project_code" slot-scope="{ row }">
+          <div>
+            <a @click="check(row)">查看</a>
+            <!-- <Select v-else v-model="tableData[index].project_code" filterable clearable @on-change='changeSelect($event,index)'>
              <Option v-for="(item,index) in project_code_list" :key="index" :value="item" :label="item"/>
            </Select> -->
-           </div>
+          </div>
         </template>
-         <template slot="project_title" slot-scope="{row}">
-          <div >
-           <a  @click="check(row)">查看</a>
-           <!-- <Select v-else v-model="tableData[index].project_title" filterable clearable @on-change='changeSelect($event,index)'>
+        <template slot="project_title" slot-scope="{ row }">
+          <div>
+            <a @click="check(row)">查看</a>
+            <!-- <Select v-else v-model="tableData[index].project_title" filterable clearable @on-change='changeSelect($event,index)'>
              <Option v-for="(item,index) in project_title_list" :key="index" :value="item" :label="item"/>
            </Select> -->
-           </div>
+          </div>
         </template>
-        <template slot="title" slot-scope="{row}">
-         <span
-        
-        
-         >{{row.title}}</span>
+        <template slot="title" slot-scope="{ row }">
+          <span>{{ row.title }}</span>
         </template>
-        <template slot="setSlot"
-                  slot-scope="{row,index}">
-                  <!-- <a style="margin:0 5px"
+        <template slot="setSlot" slot-scope="{ row, index }">
+          <!-- <a style="margin:0 5px"
              :disabled="row.state==0"
             
              @click="handleSet(3,row,index)">复制</a> -->
-          <a style="margin:0 5px"
-             :disabled="row.state==0"
-            
-             @click="handleSet(4,row,index)">删除</a>
+          <a
+            style="margin: 0 5px"
+            :disabled="row.state == 0"
+            @click="handleSet(4, row, index)"
+            >删除</a
+          >
         </template>
       </Table>
     </div>
@@ -296,117 +338,157 @@
         </div>
       </div>
     </Modal> -->
-    <Modal v-model="showProjectModal"
-           title="选择项目"
-           width='80'
-           @on-ok="handleProjectSelect"
-           @on-cancel="showProjectModal=false">
+    <Modal
+      v-model="showProjectModal"
+      title="选择项目"
+      width="80"
+      @on-ok="handleProjectSelect"
+      @on-cancel="showProjectModal = false"
+    >
       <div class="modal_content">
         <div class="modal_content_center">
           <div class="modal_content_center_top">
             <span>项目名称:</span>
-            <Input type="text"
-                   v-model="modalProjectData.title"
-                   style="width:180px"
-                   placeholder="请输入物料名称" />
-            <Button @click="initProjectModal()"
-                    type="primary"
-                    style="margin:0 10px;">搜索</Button>
+            <Input
+              type="text"
+              v-model="modalProjectData.title"
+              style="width: 180px"
+              placeholder="请输入物料名称"
+            />
+            <Button
+              @click="initProjectModal()"
+              type="primary"
+              style="margin: 0 10px"
+              >搜索</Button
+            >
           </div>
           <div class="modal_content_center_body">
-            <Table :columns="modalProjectTableColumns"
-                   height="520"
-                   border
-                   :loading="modalProjectTableLoading"
-                   :data="modalProjectData.tableData">
-              <template slot="basicTypeSet"
-                        slot-scope="{row}">
+            <Table
+              :columns="modalProjectTableColumns"
+              height="520"
+              border
+              :loading="modalProjectTableLoading"
+              :data="modalProjectData.tableData"
+            >
+              <template slot="basicTypeSet" slot-scope="{ row }">
                 <div>
-                  <span v-for="item in warningList"
-                        :key="item.id"
-                        :style="{color:item.color}"
-                        v-show="item.id==row.warning_state">{{item.title}}</span>
+                  <span
+                    v-for="item in warningList"
+                    :key="item.id"
+                    :style="{ color: item.color }"
+                    v-show="item.id == row.warning_state"
+                    >{{ item.title }}</span
+                  >
                 </div>
               </template>
             </Table>
             <div class="modal_content_center_footer">
-              <Page :page-size-opts="[10, 20, 30, 40,100]"
-                    @on-page-size-change='changeProjectModalSize'
-                    @on-change='changeProjectModalPage'
-                    :current='modal_project_page_index'
-                    show-total
-                    :total="modal_project_total"
-                    show-sizer
-                    :page-size='modal_project_page_size' />
+              <Page
+                :page-size-opts="[10, 20, 30, 40, 100]"
+                @on-page-size-change="changeProjectModalSize"
+                @on-change="changeProjectModalPage"
+                :current="modal_project_page_index"
+                show-total
+                :total="modal_project_total"
+                show-sizer
+                :page-size="modal_project_page_size"
+              />
             </div>
           </div>
         </div>
       </div>
     </Modal>
-    <Modal v-model="showSupplierModal"
-           title="选择供应商"
-           width='80'
-           @on-ok="handleSupplierSelect"
-           @on-cancel="showSupplierModal=false">
+    <Modal
+      v-model="showSupplierModal"
+      title="选择供应商"
+      width="80"
+      @on-ok="handleSupplierSelect"
+      @on-cancel="showSupplierModal = false"
+    >
       <div class="modal_content">
         <div class="modal_content_left">
-          <Tree :data="modalSupplierData.treeData"
-                children-key='sub'
-                style="width:100%;"
-                @on-select-change="handleSupplierTreeSlect"
-                class="demo-tree-render"></Tree>
+          <Tree
+            :data="modalSupplierData.treeData"
+            children-key="sub"
+            style="width: 100%"
+            @on-select-change="handleSupplierTreeSlect"
+            class="demo-tree-render"
+          ></Tree>
         </div>
         <div class="modal_content_center">
           <div class="modal_content_center_top">
             <span>供应商名称:</span>
-            <Input type="text"
-                   v-model="modalSupplierData.title"
-                   style="width:180px"
-                   placeholder="请输入供应商名称" />
-            <Button @click="initSupplierModal(modalSupplierData)"
-                    type="primary"
-                    style="margin:0 10px;">搜索</Button>
+            <Input
+              type="text"
+              v-model="modalSupplierData.title"
+              style="width: 180px"
+              placeholder="请输入供应商名称"
+            />
+            <Button
+              @click="initSupplierModal(modalSupplierData)"
+              type="primary"
+              style="margin: 0 10px"
+              >搜索</Button
+            >
           </div>
           <div class="modal_content_center_body">
-            <Table :columns="modalSupplierTableColumns"
-                   height="520"
-                   border
-                   :loading="modalSupplierTableLoading"
-                   :data="modalSupplierData.tableData"
-                   >
+            <Table
+              :columns="modalSupplierTableColumns"
+              height="520"
+              border
+              :loading="modalSupplierTableLoading"
+              :data="modalSupplierData.tableData"
+            >
             </Table>
             <div class="modal_content_center_footer">
-              <Page :page-size-opts="[10, 20, 30, 40,100]"
-                    @on-page-size-change='changeSupplierModalSize'
-                    @on-change='changeSupplierModalPage'
-                    :current='modal_supplier_page_index'
-                    show-total
-                    :total="modal_supplier_total"
-                    show-sizer
-                    :page-size='modal_supplier_page_size' />
+              <Page
+                :page-size-opts="[10, 20, 30, 40, 100]"
+                @on-page-size-change="changeSupplierModalSize"
+                @on-change="changeSupplierModalPage"
+                :current="modal_supplier_page_index"
+                show-total
+                :total="modal_supplier_total"
+                show-sizer
+                :page-size="modal_supplier_page_size"
+              />
             </div>
           </div>
         </div>
       </div>
     </Modal>
-    <Modal v-model="showCheck" title="查看" width='50'>
-         <div><span>物料名称：</span><span>{{checkMaterialTitle}}</span></div>
-         <Table :data='checkTableData' :columns="checkTableColumns" border max-height='400'></Table>
-         <div style="text-align:center;margin-top:15px">
-              <Page :page-size-opts="[10, 20, 50,100]"
-                    @on-page-size-change='changeCheckSize'
-                    @on-change='changeCheckPage'
-                    :current='CheckPageIndex'
-                    show-total
-                    :total="checkTotal"
-                    show-sizer
-                    :page-size='CheckPageSize' />
-            </div>
-            <div slot="footer">
-              <div style="text-align:center">
-              <Button style="width:20%" type="primary" ghost @click="showCheck = false">返回</Button>
-              </div>
-            </div>
+    <Modal v-model="showCheck" title="查看" width="50">
+      <div>
+        <span>物料名称：</span><span>{{ checkMaterialTitle }}</span>
+      </div>
+      <Table
+        :data="checkTableData"
+        :columns="checkTableColumns"
+        border
+        max-height="400"
+      ></Table>
+      <div style="text-align: center; margin-top: 15px">
+        <Page
+          :page-size-opts="[10, 20, 50, 100]"
+          @on-page-size-change="changeCheckSize"
+          @on-change="changeCheckPage"
+          :current="CheckPageIndex"
+          show-total
+          :total="checkTotal"
+          show-sizer
+          :page-size="CheckPageSize"
+        />
+      </div>
+      <div slot="footer">
+        <div style="text-align: center">
+          <Button
+            style="width: 20%"
+            type="primary"
+            ghost
+            @click="showCheck = false"
+            >返回</Button
+          >
+        </div>
+      </div>
     </Modal>
     <!-- <Modal title="批量修改税率" v-model='ChangeTaxRate' width='50' @on-ok='sureTaxRate'>
       <div><span>税率一键修改：</span><Input v-model="modelTaxRate" type="number"/>%</div>
@@ -656,6 +738,10 @@ export default {
             //     }
             //   })
           }},
+          {title: '运费', key: 'transport_price', align: 'center', minWidth: 120, render: (h, params) => {
+            const { row, index } = params
+            const currentRow = JSON.parse(JSON.stringify(this.tableData[index]))
+            return h('span', {}, currentRow.transport_price)}},
         {title: '税额', key: 'tax_total_price', align: 'center', minWidth: 120, render: (h, params) => {
             const { row, index } = params
             const currentRow = JSON.parse(JSON.stringify(this.tableData[index]))
@@ -689,7 +775,7 @@ export default {
               JSON.stringify(this.tableData[index])
             );
             
-            return   h('span', {}, currentRow.total)
+            return   h('span', {style:{color:'#f00'}}, currentRow.total)
             // :
             // h("Input", {
             //     props:{value:currentRow.total, size:'small',
@@ -705,6 +791,10 @@ export default {
             //       }}},'')
           }
         },
+         {title: '合计成本', key: 'total_cost', align: 'center', minWidth: 120, render: (h, params) => {
+            const { row, index } = params
+            const currentRow = JSON.parse(JSON.stringify(this.tableData[index]))
+            return h('span', {style:{color:'#f00'}}, currentRow.total_cost)}},
         {title: '参照采购入库单号', key: 'reference_order_no', align: 'center', minWidth: 120},
         {title: '项目编码', key: 'project_code', align: 'center', minWidth: 120,slot:'project_code'},
         {title: '项目名称', key: 'project_title', align: 'center', minWidth: 120,slot:'project_title'},
@@ -970,6 +1060,7 @@ export default {
       currentRow.is_upd = true;
         currentRow.num = e.target.value;
         currentRow.no_tax_total_price = (currentRow.num*1*currentRow.no_tax_price).toFixed(2);
+        // currentRow.transport_price = (currentRow.num*1*currentRow.transport_price).toFixed(2);
         currentRow.total = (currentRow.price*1*currentRow.num).toFixed(2);
         currentRow.tax_total_price =((currentRow.price*1*currentRow.num)-(currentRow.num*1*currentRow.no_tax_price)).toFixed(2);
       this.tableData.splice(index, 1, currentRow);
@@ -1013,7 +1104,7 @@ export default {
                         return;
                     }
                     const values = data.map(item => Number(item[key]));
-                    if (key === 'num'||key==='no_tax_total_price'||key==='tax_total_price'||key==='total') {
+                    if (key === 'num'||key==='no_tax_total_price'||key==='tax_total_price'||key==='total' || key === 'transport_price' || key === 'total_cost') {
                         const v = values.reduce((prev, curr) => {
                             const value = Number(curr);
                             if (!isNaN(value)) {
@@ -1189,7 +1280,7 @@ export default {
         title, refer_type,
         OutTableData,
         then: (result, data) => {
-          console.log(result)
+          console.log(result,123)
              result.forEach(v=>{
              v.project_code = '';
              v.project_title='';
@@ -1197,6 +1288,7 @@ export default {
              v.num = v.warehousing_num*1;
              v.reference_order_no = v.order_in_no;
              v.refer_id = v.id;
+             v.total_cost = (v.no_tax_total_price*1)+(v.transport_price)
           })
           if(this.tableData.length!=0){
             let ids = [];
@@ -1489,7 +1581,7 @@ export default {
 .content_table {
   .content_table_btn {
     display: flex;
-   
+
     align-items: center;
     padding-bottom: 20px;
   }
@@ -1550,45 +1642,51 @@ export default {
 /deep/ .ivu-table-wrapper {
   overflow: visible;
 } //穿透iview
-/deep/ .ivu-checkbox-disabled{
-  display: none!important;
+/deep/ .ivu-checkbox-disabled {
+  display: none !important;
 }
 //小红星
 /deep/.red_star .ivu-form-item-label:before {
-    content: '*';
-    display: inline-block;
-    margin-right: 4px;
-    line-height: 1;
-    font-family: SimSun;
-    font-size: 14px;
-    color: #ed4014;
+  content: "*";
+  display: inline-block;
+  margin-right: 4px;
+  line-height: 1;
+  font-family: SimSun;
+  font-size: 14px;
+  color: #ed4014;
+}
+/deep/ .ivu-table-summary td:first-child .ivu-table-cell {
+  color: black;
+}
+/deep/ .ivu-table-summary td:nth-child(5) .ivu-table-cell {
+  color: red;
 }
-/deep/ .ivu-table-summary td:first-child .ivu-table-cell{
-    color: black;
+/deep/ .ivu-table-summary td:nth-child(9) .ivu-table-cell {
+  color: red;
 }
-/deep/ .ivu-table-summary td:nth-child(5) .ivu-table-cell{
-    color: red;
+/deep/ .ivu-table-summary td:nth-child(10) .ivu-table-cell {
+  color: red;
 }
-/deep/ .ivu-table-summary td:nth-child(9) .ivu-table-cell{
-    color: red;
+/deep/ .ivu-table-summary td:nth-child(11) .ivu-table-cell {
+  color: red;
 }
-/deep/ .ivu-table-summary td:nth-child(10) .ivu-table-cell{
-    color: red;
+/deep/ .ivu-table-summary td:nth-child(12) .ivu-table-cell {
+  color: red;
 }
-/deep/ .ivu-table-summary td:nth-child(11) .ivu-table-cell{
-    color: red;
+/deep/ .ivu-table-summary td:nth-child(13) .ivu-table-cell {
+  color: red;
 }
-/deep/ .ivu-table-summary td:last-child .ivu-table-cell{
-    color: black;
+/deep/ .ivu-table-summary td:last-child .ivu-table-cell {
+  color: black;
 }
 
-/deep/ .ivu-table-body td:nth-child(9)  {
-    color: red;
+/deep/ .ivu-table-body td:nth-child(9) {
+  color: red;
 }
-/deep/ .ivu-table-body td:nth-child(10)  {
-    color: red;
+/deep/ .ivu-table-body td:nth-child(10) {
+  color: red;
 }
-/deep/ .ivu-table-body td:nth-child(11)  {
-    color: red;
+/deep/ .ivu-table-body td:nth-child(11) {
+  color: red;
 }
 </style>