| 
					
				 | 
			
			
				@@ -5,7 +5,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <a-col :md="5" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <a-form-item label="选择月份"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <div class="monthBox" style="display:flex;algin-item:center;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div class="monthBox" style="display:flex;align-item:center;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <a-month-picker 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   v-model="startMonthVal" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   :disabled-date="disabledStartDate" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -79,7 +79,42 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div :style="{ height: tableHeight+84.5+'px' }"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <a-tabs default-active-key="1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <a-tab-pane key="1" tab="明细"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          明细 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="detailCon"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              class="sTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              ref="table" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :rowKey="(record) => record.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :columns="columns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :data="loadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :customRow="handleClickRow" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :scroll="{ y: 149 }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :defaultLoadData="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              bordered> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <template slot="footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-col span="2">合计:</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-col span="22"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">初期结存数量:{{ (totalData && (totalData.jpLqqAmount || totalData.jpLqqAmount==0)) ? toThousands(totalData.jpLqqAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">初期结存单价:{{ (totalData && (totalData.jpBsxLqqAmount || totalData.jpBsxLqqAmount==0)) ? toThousands(totalData.jpBsxLqqAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">初期结存金额:{{ (totalData && (totalData.gpLqqAmount || totalData.gpLqqAmount==0)) ? toThousands(totalData.gpLqqAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期收入数量:{{ (totalData && (totalData.gpLqqAmount || totalData.gpLqqAmount==0)) ? toThousands(totalData.gpLqqAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期收入单价:{{ (totalData && (totalData.jpYgpAmount || totalData.jpYgpAmount==0)) ? toThousands(totalData.jpYgpAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期收入金额:{{ (totalData && (totalData.jpYgpAmount || totalData.jpYgpAmount==0)) ? toThousands(totalData.jpYgpAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期发出数量:{{ (totalData && (totalData.gpYgpAmount || totalData.gpYgpAmount==0)) ? toThousands(totalData.gpYgpAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期发出单价:{{ (totalData && (totalData.gpYgpAmount || totalData.gpYgpAmount==0)) ? toThousands(totalData.gpYgpAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期发出金额:{{ (totalData && (totalData.jpLbAmount || totalData.jpLbAmount==0)) ? toThousands(totalData.jpLbAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期结存数量:{{ (totalData && (totalData.jpScpAmount || totalData.jpScpAmount==0)) ? toThousands(totalData.jpScpAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期结存单价:{{ (totalData && (totalData.gpScpAmount || totalData.gpScpAmount==0)) ? toThousands(totalData.gpScpAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col span="4">本期结存金额:{{ (totalData && (totalData.tbuAmount || totalData.tbuAmount==0)) ? toThousands(totalData.tbuAmount) : '--' }}</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </s-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </a-tab-pane> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <a-tab-pane key="2" tab="汇总" force-render> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <gatherList></gatherList> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -116,7 +151,28 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       tableHeight: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       endOpen: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       startMonthVal: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      endMonthVal: undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      endMonthVal: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      columns: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品编码', dataIndex: 'productCode', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品名称', dataIndex: 'productName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '原厂编码', dataIndex: 'productName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '品牌', dataIndex: 'productBrandName', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '二级分类', dataIndex: 'productName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '三级分类', dataIndex: 'productName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '单位', dataIndex: 'productName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '期初结存数量', dataIndex: 'currentStockQty', width: '12%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '期初结存单价', dataIndex: 'productPrice', width: '12%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '期初结存金额', dataIndex: 'productPrice', width: '12%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '本期收入数量', dataIndex: 'productUnit', width: '12%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '本期收入单价', dataIndex: 'productPrice', width: '12%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '本期收入金额', dataIndex: 'productPrice', width: '12%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '本期发出数量', dataIndex: 'packQtyV', width: '12%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '本期发出单价', dataIndex: 'productPrice', width: '12%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '本期发出金额', dataIndex: 'productPrice', width: '12%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '期末结存数量', dataIndex: 'salesNums', scopedSlots: { customRender: 'nums' }, width: '12%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '期末结存单价', dataIndex: 'productPrice', width: '12%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '期末结存金额', dataIndex: 'productPrice', width: '12%', align: 'right', customRender: text => ((text || text == 0) ? this.toThousands(text) : '--') } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -182,5 +238,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /deep/.ant-calendar-picker-icon{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       display:none !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /deep/.ant-calendar-picker input{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      text-align:center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 |