| 
					
				 | 
			
			
				@@ -0,0 +1,695 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div v-if="showPage" class="purchaseOrderEdit-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <a-spin :spinning="spinning" tip="Loading..."> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <a-page-header :ghost="false" :backIcon="false" class="purchaseOrderEdit-cont"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 自定义的二级文字标题 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="subTitle"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a id="purchaseOrderEdit-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p class="billno">单号:{{ detail&&detail.purchaseBillNo }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button type="primary" ghost @click="isShowBisiceInfo=!isShowBisiceInfo" style="margin-left:30px;vertical-align:middle;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            基础信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-icon :type="isShowBisiceInfo ? 'up' : 'down'"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 操作区,位于 title 行的行尾 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="extra" v-if="$hasPermissions('B_purchasePrint')"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <Print :disabled="localDataSource.length==0" @handlePrint="handlePrint"></Print> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </a-page-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 基础信息 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div v-if="isShowBisiceInfo" class="purchaseOrderEdit-cont"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-collapse :activeKey="['1']"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-collapse-panel key="1" :show-arrow="false" :disabled="true"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template slot="header"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              基础信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-row :gutter="16" type="flex" sjustify="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col class="gutter-row" :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                供应商:{{ detail&&detail.purchaseTargetName || '--' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col class="gutter-row" :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                支付方式:{{ detail&&detail.settleStyleSnDictValue || '--' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col class="gutter-row" :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                收货人:{{ detail&&detail.consigneeName || '--' }}({{ detail&&detail.consigneeTel || '--' }}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col class="gutter-row" :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <span>收货地址:</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <div style="display: inline-block;width:90%;vertical-align: top;" v-if="detail&&(detail.shippingAddressProvinceName || detail.shippingAddressCityName || detail.shippingAddressCountyName || detail.shippingAddress)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ detail&&detail.shippingAddressProvinceName || '' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ detail&&detail.shippingAddressCityName || '' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ detail&&detail.shippingAddressCountyName || '' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ detail&&detail.shippingAddress || '' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-button type="link" @click="openAddrModal=true">更换地址 >></a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <div v-else><a-button type="link" @click="openAddrModal=true">选择地址 >></a-button></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-collapse-panel> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </a-collapse> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 选择产品 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="purchaseOrderEdit-cont"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-collapse :activeKey="['1']"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-collapse-panel key="1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template slot="header"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div style="display: flex;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                选择产品<span class="sub-title">①输入查询条件--->②查找到需要采购的产品--->③录入采购数量--->④点击“添加”</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <p class="tag-txt">注意:仅限采购【箭冠】产品。自建产品的采购入库请使用“散件入库”功能</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <!-- 选择产品 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div class="table-page-search-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-col :md="4" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-form-model-item label="产品编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-input id="purchaseOrderEdit-code" ref="searchProductCode" v-model.trim="queryParam.code" allowClear placeholder="请输入产品编码"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-col :md="4" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-form-model-item label="产品名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-input id="purchaseOrderEdit-name" v-model.trim="queryParam.name" allowClear placeholder="请输入产品名称"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-col :md="4" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-form-model-item label="原厂编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-input id="purchaseOrderEdit-origCode" v-model.trim="queryParam.origCode" allowClear placeholder="请输入原厂编码"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-col :md="4" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-form-item label="产品分类"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <ProductType id="purchaseOrderEdit-productType" :isDealer="true" :tenantId="$route.params.dealerSn" @change="changeProductType" v-model="productType"></ProductType> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <template v-if="advanced"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-col :md="4" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-form-item label="产品品牌"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          <ProductBrand id="purchaseOrderEdit-productBrand" :tenantId="$route.params.dealerSn" v-model="queryParam.productBrandSn"></ProductBrand> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-col :md="4" :sm="24" style="margin-bottom: 10px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="purchaseOrderEdit-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="purchaseOrderEdit-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a @click="advanced=!advanced" style="margin:0 30px 0 10px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        {{ advanced ? '收起' : '展开' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-icon :type="advanced ? 'up' : 'down'"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                class="sTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ref="table" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :rowKey="(record) => record.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :columns="columns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :data="loadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :defaultLoadData="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :scroll="{ y:176 }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :pageSize="10" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                bordered> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 产品图片 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="imageUrl" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <img 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :src="record.productMainPic && record.productMainPic.imageUrl?(record.productMainPic.imageUrl+'?x-oss-process=image/resize,h_30,m_lfit'):defImg" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    width="30" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    height="30" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    style="cursor: pointer;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    @click="handlePicDetail(record)" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 包装数 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="baozh" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ record.packQty||'--' }}/{{ record.packQtyUnit||'--' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 产品编码 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="code" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-tooltip placement="top" v-if="record.stockState=='NOT_ENOUGH'"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <template slot="title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      该产品暂时缺货! 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <span class="noStock">{{ record.code || '--' }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </a-tooltip> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <span v-else>{{ record.code || '--' }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 采购数量 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="storageQuantity" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-input-number 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    v-model="record.qty" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :precision="0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :min="0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :max="999999" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    style="width: 100%;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    placeholder="请输入数量" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 操作 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="action" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    class="button-primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :loading="addLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    @click="handleAdd(record,0)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    v-if="record.purchasePrice>0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    id="purchaseOrderEdit-add-btn">添加</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <span v-else>--</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </s-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-collapse-panel> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </a-collapse> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 已选产品 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="purchaseOrderEdit-cont"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-collapse :activeKey="['1']"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-collapse-panel key="1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template slot="header">已选产品</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <!-- 总计 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-alert type="info" style="margin-bottom:10px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <div slot="message">产品款数 <strong>{{ detail && (detail.totalCategory || detail.totalCategory==0) ? detail.totalCategory : '--' }}</strong> , 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  采购数量合计 <strong>{{ detail && (detail.totalQty || detail.totalQty==0) ? detail.totalQty : '--' }}</strong> , 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <div style="display: inline-block;" v-if="$hasPermissions('M_ShowAllCost')">采购金额合计 <strong>{{ detail && (detail.discountedAmount || detail.discountedAmount==0) ?toThousands(detail.discountedAmount, 2) : '--' }}</strong></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-alert> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div class="table-page-search-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-col :span="18"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <a-form-model :model="productForm" layout="inline" @keyup.enter.native="$refs.purchaseTable.refresh(true)" > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-col :md="8" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          <a-form-model-item label="产品编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <a-input v-model.trim="productForm.productCode" allowClear placeholder="输入产品编码" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-col :md="8" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          <a-form-model-item label="产品名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <a-input v-model.trim="productForm.productName" allowClear placeholder="输入产品名称" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <a-col :md="8" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          <a-form-model-item style="margin-bottom: 10px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <a-button type="primary" @click="$refs.purchaseTable.refresh(true)" :disabled="purchaseDisabled" id="purchaseOrderEdit-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <a-button style="margin-left: 5px" @click="resetPurchaseForm" id="purchaseOrderEdit-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                          </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </a-form-model> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div style="float:right;overflow: hidden;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-button type="primary" class="button-primary" id="purchaseOrderEdit-import-btn" @click="handleOutStock">上次缺货</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <a-button id="purchaseOrderEdit-import-btn" @click="openGuideModal=true">导入产品</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                class="sTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ref="purchaseTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :rowKey="(record) => record.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :columns="chooseColumns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :data="chooseLoadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :defaultLoadData="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :showPagination="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                bordered> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 采购数量 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="storageQuantity" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-input-number 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    id="purchaseOrderEdit-qty" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    v-model="record.qty" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :precision="0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :min="1" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :max="999999" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    @blur="e => qtyBlur(e.target.value, record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    style="width: 100%;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    placeholder="请输入" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <!-- 操作 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot="action" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    class="button-error" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :loading="delLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    @click="handleDel(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    id="purchaseOrderEdit-del-btn">删除</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </s-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-collapse-panel> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </a-collapse> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </a-spin> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="affix-cont"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        id="purchaseOrderEdit-submit-btn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        size="large" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        class="button-primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :loading="subLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :disabled="spinning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        @click="handleSubmit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        style="padding: 0 60px;">提交</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- 导入产品 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <importGuideModal :openModal="openGuideModal" :params="{purchaseBillSn: $route.params.sn}" @close="openGuideModal=false" @ok="hanldeOks" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- 上次缺货 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <outStockModal :openModal="openOutStockModal" :paramsData="paramsData" @close="openOutStockModal=false" @ok="hanldeOkOutStock" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- 选择地址 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <choose-address-modal :openModal="openAddrModal" @ok="handleAddrOk" @close="openAddrModal=false" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { commonMixin } from '@/utils/mixin' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { STable, VSelect } from '@/components' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import ImportGuideModal from './importGuideModal.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import outStockModal from './outStockModal.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import chooseAddressModal from '@/views/common/receivingAddress/chooseAddressModal.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import ProductType from '../../common/productType.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import ProductBrand from '../../common/productBrand.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { purchaseDetailBySn, purchaseWriteSubmit, purchaseDetailPrint, purchaseDetailExport, purchaseDetailAddress } from '@/api/purchase' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { purchaseDetailList, purchaseDetailSave, purchaseDetailDel, purchaseDetailCount, purchaseDetailCancelList } from '@/api/purchaseDetail' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { productListPurchase } from '@/api/product' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import defImg from '@/assets/def_img@2x.png' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import Print from '@/views/common/print.vue' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { hdPrint } from '@/libs/JGPrint' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: 'PurchaseEdit', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { STable, VSelect, ProductType, ProductBrand, ImportGuideModal, outStockModal, Print, chooseAddressModal }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mixins: [commonMixin], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      isShowBisiceInfo: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      showPage: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      spinning: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      detail: null, // 详细信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      subLoading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      defImg, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 选择产品 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      addLoading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      productType: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      queryParam: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productBrandSn: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        code: '', //  产品编码 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        name: '', //  产品名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        origCode: '', //  原厂编码 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productTypeSn1: '', //  产品一级分类 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productTypeSn2: '', //  产品二级分类 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productTypeSn3: '' //  产品三级分类 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      typeData: [], //    下拉数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      advanced: false, //  高级搜索 展开/关闭 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      disabled: false, //  查询、重置按钮是否可操作 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 加载数据方法 必须为 Promise 对象 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      loadData: parameter => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.disabled = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return productListPurchase(Object.assign(parameter, this.queryParam, { purchaseBillSn: this.$route.params.sn })).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          const data = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          const no = (data.pageNo - 1) * data.pageSize 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for (var i = 0; i < data.list.length; i++) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            data.list[i].no = no + i + 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            data.list[i].qty = 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.disabled = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // -------已选产品------------- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      orderCountData: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      delLoading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      productForm: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productName: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productCode: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        orderBy: 'purchase_bill_detail.CREATE_DATE desc' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseDisabled: false, //  查询、重置按钮是否可操作 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 加载数据方法 必须为 Promise 对象 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      chooseLoadData: parameter => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.disabled = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // 查询总计 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // const params = Object.assign(parameter, this.productForm, { purchaseBillSn: this.$route.params.sn }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        const params = Object.assign({ pageNo: 1, pageSize: 5000 }, this.productForm, { purchaseBillSn: this.$route.params.sn }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // this.getCountQuery(params) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return purchaseDetailList(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          const data = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          const no = (data.pageNo - 1) * data.pageSize 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for (var i = 0; i < data.list.length; i++) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            data.list[i].no = no + i + 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            data.list[i].qtyBackups = data.list[i].qty 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.localDataSource = data.list 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.disabled = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      localDataSource: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      openGuideModal: false, //  导入产品引导 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      openOutStockModal: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      paramsData: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      openAddrModal: false // 选择地址弹框是否显示 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    isDealerUp () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return this.detail && this.detail.purchaseTargetType == 'DEALER_UP' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    columns () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const arr = [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '序号', dataIndex: 'no', width: '5%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品编码', scopedSlots: { customRender: 'code' }, width: '15%', align: 'center', sorter: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品名称', dataIndex: 'name', width: '23%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '原厂编码', dataIndex: 'origCode', width: '14%', align: 'center', customRender: function (text) { return text && text != ' ' ? text : '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '单位', dataIndex: 'unit', width: '5%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '包装数', scopedSlots: { customRender: 'baozh' }, width: '5%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // { title: '成本价', dataIndex: 'purchasePrice', width: '6%', align: 'center', customRender: function (text) { return ((text || text == 0) ? ('¥' + text) : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '终端会员价', dataIndex: 'terminalPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '车主零售价', dataIndex: 'carOwnersPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '采购数量', dataIndex: 'qty', scopedSlots: { customRender: 'storageQuantity' }, width: '6%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品图片', scopedSlots: { customRender: 'imageUrl' }, width: '6%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '操作', scopedSlots: { customRender: 'action' }, width: '8%', align: 'center' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 产品来源 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.isDealerUp) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        arr.splice(6, 0, { title: '产品来源', dataIndex: 'sysFlagDictValue', width: '6%', align: 'center', customRender: function (text) { return text || '--' } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.$hasPermissions('M_ShowAllCost')) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        arr.splice(this.isDealerUp ? 7 : 6, 0, { title: '成本价', dataIndex: 'purchasePrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return arr 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    chooseColumns () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const arr = [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '序号', dataIndex: 'no', width: '5%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品编码', dataIndex: 'dealerProductEntity.code', width: '20%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '产品名称', dataIndex: 'dealerProductEntity.name', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // { title: '采购单价', dataIndex: 'discountedPrice', width: '20%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '采购数量', scopedSlots: { customRender: 'storageQuantity' }, width: '10%', align: 'center' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '单位', dataIndex: 'dealerProductEntity.unit', width: '8%', align: 'center', customRender: function (text) { return text || '--' } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // { title: '采购金额', dataIndex: 'discountedAmount', width: '9%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { title: '操作', scopedSlots: { customRender: 'action' }, width: '8%', align: 'center' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.$hasPermissions('M_ShowAllCost')) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        arr.splice(3, 0, { title: '采购单价', dataIndex: 'discountedPrice', width: '20%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        arr.splice(6, 0, { title: '采购金额', dataIndex: 'discountedAmount', width: '9%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return arr 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 获取采购单明细统计 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getCountQuery (params) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseDetailCount(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.orderCountData = res.data || null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 获取采购单基本信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getOrderDetail () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseDetailBySn({ sn: this.$route.params.sn }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.detail = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 删除产品 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleDel (row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$confirm({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        title: '提示', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        content: '确认要删除吗?', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        centered: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        closable: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        onOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.delLoading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          purchaseDetailDel({ id: row.id }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.resetPurchaseDetail(true) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.delLoading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.delLoading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 重新查询已选产品 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    resetPurchaseDetail (flag) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.purchaseTable.refresh(!!flag) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.getOrderDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 修改数量后 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    qtyBlur (val, record) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //  光标移出,值发生改变再调用编辑接口 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (val != record.qtyBackups) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.handleAdd(record, 1) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    filterOption (input, option) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  产品分类  change 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    changeProductType (val, opt) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.productTypeSn1 = val[0] ? val[0] : '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.productTypeSn2 = val[1] ? val[1] : '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam.productTypeSn3 = val[2] ? val[2] : '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  重置产品库 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    resetSearchForm () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.queryParam = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productBrandSn: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        code: '', //  产品编码 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        name: '', //  产品名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        origCode: '', //  原厂编码 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productTypeSn1: '', //  产品一级分类 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productTypeSn2: '', //  产品二级分类 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        productTypeSn3: '' //  产品三级分类 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.productType = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.table.refresh(true) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    resetPurchaseForm () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.productForm.productName = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.productForm.productCode = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.purchaseTable.refresh(true) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  添加或修改 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleAdd (row, type) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      let params = {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (type == 0 && !row.qty) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$message.warning('请输入数量后再添加!') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 添加 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (type == 0) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params.productSn = row.productSn 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params.purchaseBillSn = this.detail.purchaseBillSn 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params.purchaseBillNo = this.detail.purchaseBillNo 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params.price = row.purchasePrice 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params.qty = row.qty 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else { //  编辑 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // 清空成本价或数量时,值应保持未清空前的值,因成本价和数量都不可为空 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (!row.qty) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          row.qty = row.qtyBackups 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params = row 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.addLoading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseDetailSave(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.resetPurchaseDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.addLoading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  提交 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleSubmit () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.subLoading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseWriteSubmit({ id: this.detail.id }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          setTimeout(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            _this.handleBack() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }, 1000) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.subLoading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 导入产品 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    hanldeOks () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.purchaseTable.refresh(true) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.getOrderDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 上次缺货 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleOutStock () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 校验是否存在历史采购单,且上次采购存在缺货产品 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseDetailCancelList({ pageNo: 1, pageSize: 5 }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.paramsData = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            purchaseBillSn: this.$route.params.sn, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            purchaseBillNo: this.detail && this.detail.purchaseBillNo ? this.detail.purchaseBillNo : undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.openOutStockModal = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  地址保存 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleAddrOk (data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const params = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        purchaseBillSn: this.$route.params.sn, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        shippingAddressProvinceName: data.provinceName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        shippingAddressCityName: data.cityName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        shippingAddressCountyName: data.countyName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        shippingAddress: data.addr, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        consigneeName: data.consigneeName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        consigneeTel: data.consigneeTel 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      purchaseDetailAddress(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.openAddrModal = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.getOrderDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 查看产品 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handlePicDetail (row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$router.push({ name: 'viewProduct', params: { sn: row.productSn } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 上次缺货 导入成功 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    hanldeOkOutStock () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.purchaseTable.refresh(true) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.paramsData = null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.openOutStockModal = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 打印预览/快捷打印 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handlePrint (type, printerType) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      let url = purchaseDetailPrint 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      let params = { sn: this.$route.params.sn, type: printerType } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (type == 'export') { //  导出 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        url = purchaseDetailExport 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params = { sn: this.$route.params.sn } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 打印或导出 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      hdPrint(printerType, type, url, params, '采购单', function () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //  返回列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleBack () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$router.push({ name: 'purchaseOrderNewList' }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    pageInit () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.getOrderDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.resetPurchaseForm() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.resetSearchForm() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$refs.searchProductCode.focus() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mounted () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.showPage = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    if (!this.$store.state.app.isNewTab) { // 页签刷新时调用 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.pageInit() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  activated () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.showPage = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 如果是新页签打开或者进入新的子页(例:存在列表第2条数据编辑页页签时再打开第4条数据的编辑页),则重置当前页面 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    if (this.$store.state.app.isNewTab || !this.$store.state.app.isNewSubTab) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.pageInit() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  deactivated () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // this.showPage = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  beforeRouteEnter (to, from, next) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    next(vm => {}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="less"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .purchaseOrderEdit-wrap{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding-bottom: 51px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    >.ant-spin-nested-loading{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      overflow-y: auto; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .noStock{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      text-decoration: line-through; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      color: red; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .billno{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin: 0 0 0 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-size: 18px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-weight: 600; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      vertical-align: middle; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      color: #666; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .purchaseOrderEdit-cont{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-bottom: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .sub-title{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        font-size: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        color: #808695; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-left: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .tag-txt{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        font-size: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        color: #ed1c24; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin: 0 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .edit-circle-btn{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-left: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        i{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          vertical-align: text-bottom; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .import-btn{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-left: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     .gutter-row:nth-child(1),.gutter-row:nth-child(2){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          margin-bottom:10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          color:#333; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |