| 
					
				 | 
			
			
				@@ -1,85 +1,87 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <a-card size="small" :bordered="false" class="salesOrderWarehouseList-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div ref="tableSearch" class="table-page-search-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <a-form-model 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        id="salesOrderWarehouseList-form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ref="ruleForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        class="form-model-con" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        layout="inline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :rules="rules" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :model="queryParam" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        @keyup.enter.native="handleSearch"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-form-model-item label="创建时间" prop="time"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <rangeDate ref="rangeDate" :value="queryParam.time" @change="dateChange" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-form-model-item label="客户名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <dealerSubareaScopeList ref="dealerSubareaScopeList" id="salesManagementList-buyerName" @change="custChange" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-form-model-item label="销售单号"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-input id="salesOrderWarehouseList-salesBillNo" v-model.trim="queryParam.salesBillNo" allowClear placeholder="请输入销售单号"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-form-model-item label="业务状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <v-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-model="queryParam.billStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ref="billStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                id="salesManagementList-billStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                code="SALES_BILL_STATUS" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                placeholder="请选择业务状态" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                allowClear></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-form-model-item label="地区" prop="shippingAddrProvinceSn"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <Area id="salesOrderWarehouseList-shippingAddrProvinceSn" v-model="queryParam.shippingAddrProvinceSn" placeholder="请选择省"></Area> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24" v-show="isShowWarehouse"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-form-model-item label="出库仓库"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <chooseWarehouse ref="warehouse" v-model="queryParam.warehouseSn" :isPermission="true"></chooseWarehouse> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-button type="primary" @click="handleSearch" :disabled="disabled" id="salesOrderWarehouseList-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="salesOrderWarehouseList-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="margin-left: 10px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              @click="handleExport" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :loading="exportLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-if="$hasPermissions('B_salesOrderWarehouseExport')" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            >导出</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </a-form-model> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </a-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <a-card size="small" :bordered="false" class="salesOrderWarehouseList-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <a-spin :spinning="spinning" tip="Loading..."> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <div ref="tableSearch" class="table-page-search-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-form-model 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          id="salesOrderWarehouseList-form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          ref="ruleForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          class="form-model-con" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          layout="inline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          :rules="rules" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          :model="queryParam" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @keyup.enter.native="handleSearch"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-model-item label="创建时间" prop="time"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <rangeDate ref="rangeDate" :value="queryParam.time" @change="dateChange" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-model-item label="客户名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <dealerSubareaScopeList ref="dealerSubareaScopeList" id="salesManagementList-buyerName" @change="custChange" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-model-item label="销售单号"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-input id="salesOrderWarehouseList-salesBillNo" v-model.trim="queryParam.salesBillNo" allowClear placeholder="请输入销售单号"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-model-item label="业务状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <v-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  v-model="queryParam.billStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ref="billStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  id="salesManagementList-billStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  code="SALES_BILL_STATUS" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  placeholder="请选择业务状态" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  allowClear></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-model-item label="地区" prop="shippingAddrProvinceSn"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <Area id="salesOrderWarehouseList-shippingAddrProvinceSn" v-model="queryParam.shippingAddrProvinceSn" placeholder="请选择省"></Area> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24" v-show="isShowWarehouse"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-model-item label="出库仓库"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <chooseWarehouse ref="warehouse" v-model="queryParam.warehouseSn" :isPermission="true"></chooseWarehouse> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-col :md="6" :sm="24" style="margin-bottom: 10px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-button type="primary" @click="handleSearch" :disabled="disabled" id="salesOrderWarehouseList-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="salesOrderWarehouseList-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                style="margin-left: 10px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                @click="handleExport" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :loading="exportLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-if="$hasPermissions('B_salesOrderWarehouseExport')" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              >导出</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-form-model> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="tongji-bar" style="margin-bottom:10px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 总款数:<strong>{{ totalData&&(totalData.totalCategory || totalData.totalCategory==0) ? totalData.totalCategory : '0' }}</strong>; --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        总数量:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- alert --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-alert type="info" style="margin-bottom:10px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <div slot="message"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <!-- 总款数:<strong>{{ totalData&&(totalData.totalCategory || totalData.totalCategory==0) ? totalData.totalCategory : '0' }}</strong>; --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          总数量:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </a-alert> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         class="sTable fixPagination" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         ref="table" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :style="{ height: tableHeight+84.5+'px' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :style="{ height: tableHeight+65+'px' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :rowKey="(record) => record.no" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         rowKeyName="no" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :columns="columns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :pageSize="30" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :data="loadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :scroll="{ y: tableHeight }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :defaultLoadData="false" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -94,6 +96,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <!-- 导出提示框 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <reportModal :visible="showExport" @close="showExport=false"></reportModal> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </a-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+   </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -162,11 +165,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     columns () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const arr = [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { title: '序号', dataIndex: 'no', width: '6%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { title: '创建时间', dataIndex: 'createDate', width: '15%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { title: '销售单号', scopedSlots: { customRender: 'stockOutNo' }, width: '10%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { title: '提交时间', dataIndex: 'submitDate', width: '15%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { title: '客户名称', dataIndex: 'dealerEntity.dealerName', width: '30%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '序号', dataIndex: 'no', width: '5%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '创建时间', dataIndex: 'createDate', width: '12%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '销售单号', scopedSlots: { customRender: 'stockOutNo' }, width: '15%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '提交时间', dataIndex: 'submitDate', width: '12%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '客户名称', dataIndex: 'dealerEntity.dealerName', width: '32%', align: 'left', customRender: function (text) { return text || '--' }, ellipsis: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         { title: '总数量', dataIndex: 'totalQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         { title: '业务状态', dataIndex: 'billStatusDictValue', width: '15%', align: 'center', customRender: function (text) { return text || '--' } } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       ] 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -254,7 +257,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     setTableH () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const tableSearchH = this.$refs.tableSearch.offsetHeight 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.tableHeight = window.innerHeight - tableSearchH - 245 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.tableHeight = window.innerHeight - tableSearchH - 225 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   watch: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -287,12 +290,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="less"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .salesOrderWarehouseList-wrap{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    .active{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      color: #ed1c24; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    .common{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      color: rgba(0, 0, 0); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin-bottom: 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    &:first-child{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .ant-card-body{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        padding-bottom: 2px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 |